/*===========================================================*/
/*------- 彈窗內容區塊 --------*/
/*===========================================================*/
	

/*附加opacity透明度降低*/
.prompt_lightBox.opacity{
	opacity: 0.3;
}

	.prompt_box_area{
		/* padding: 30px 30px; */
		/* min-height: 90vh; */
		position: relative;
		margin: 0 auto;
		width: 100%;
		/* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
		border-radius: 15px;
		background: #FFF; */
		padding: 0px;
		font-size: min(max(1.05vw, 14px), 18px);
		/* min-height: 90vh; */
		max-width: unset;

		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 25.625rem;
	}
	/*附加opacity透明度降低*/
	.prompt_lightBox.opacity .prompt_box_area{
		/* opacity: 0.5; */
	}
			.prompt_box_content{
				height: 100%;
				max-height: 100%;
				overflow-y: auto;
				
			}
			
	

			/* 內頁標題塊1 */
			.prompt_box_area .right_title{
				text-align: center;
			}
				.prompt_box_top strong{
				}
				 

				.prompt_box_content .text_area{
					/* padding-top: clamp(.625rem,1.0417vw,1.25rem); */
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.prompt_box_content .text_area .text_area_img{
					margin: 0 auto;
					width: 60%;
					width: 100%;
					
					
				}
				.prompt_box_content .text_area .text_area_img span{
					position: relative;
					display: block;
					padding-top: 155.3%;
				}
				.prompt_box_content .text_area .text_area_img span img{
					width:100%;
					height:auto;
					transition: all 0.3s ease-out;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					float: none;
					width: 100% !important;
					height: 100% !important;
					object-fit: contain;
					transition: all 0.3s ease-out;
				}
			
				
			/*彈窗按鍵---------------*/
			.prompt_box_area .btn_area{
			}
			



	.test-popup {
	}

	/*彈窗內容close按鈕*/
	.mfp-close-btn-in .mfp-close {
		/* color: #fff0  !important;
		background: #fff0;
		box-shadow: none;
		border: none;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../images/lightboxCloseBtn.webp);
		right: calc(-55px / 2);
		top: calc(-55px / 2);
		width: 55px;
		height: 55px;
		background-size: 55px;
		opacity: 1; */
		position: unset;
		right: unset;
		top: unset;
		opacity: 1;
		font-family: var(--mandarin_font) !important;
	}
	.prompt_lightBox  .mfp-close{
		top: -3%;
		right: -2%;
		position: absolute;
		bottom: unset;
		cursor: pointer;
		z-index: 99;
		width: 45px;
		height: 45px;
		border: 1px var(--fourth_color) solid;
		color: #fff;
		background-color: var(--third_color);
		transition: 0.3s ease all;
		border-radius: 50%;
	}
	.prompt_lightBox  .mfp-close:hover{
		
		background-color: var(--fourth_color);
		transition: 0.3s ease all;
	}







		
	/*彈窗內容close按鈕_點擊*/
	.mfp-close-btn-in .mfp-close:active{
		/* top: calc(-55px / 2) !important; */
	}

	/*彈窗內容_bg*/
	/* ================================================ */
	/* 新增 修改燈箱背景 modify by peggy 20240717 start */
	.mfp-bg {
		/* background-color: rgba(255 255 255 / 80%) !important; */
		/* opacity: 1 !important; */
		/* background: #333;
		opacity: 1; */
		opacity: 0.7;
	}

	.prompt_box_container{
		padding: 30px 15px;
		padding: clamp(.9375rem,1.5625vw,1.875rem) clamp(.4375rem,0.7813vw,.9375rem);
		width: 50%;
		width: 100%;
		/* margin: 0 auto; */
		overflow-x: hidden;
		overflow-y: auto;
		overflow: visible;
		border-radius: 15px;
		background: #ffffff;
		border: 5px solid var(--fourth_color);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
		max-height: inherit;
		/* flex-grow: 1; */
		
	}
	
	.prompt_box_content::-webkit-scrollbar {/*滾動條整體樣式*/
		width: 5px;     /*高寬分別對應橫豎滾動條的尺寸*/
		height: 10px;
	}
	.prompt_box_content::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
		border-radius: 5px;
		/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
		background: var(--third_color);
		/*background: #fff0; */
		/* background-image: linear-gradient(to top, #afafaf 0%, #e5e5e5 100%);		 */
	}
	.prompt_box_content::-webkit-scrollbar-track {/*滾動條裡面軌道*/
		/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
		border-radius: 5px;
		background: #eeeeee;
		/* background: #EDEDED; */
	}	






/* @media (max-width: 1280px){

	.prompt_box_area {
		max-width: 67.125rem;
	}
} */




/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
		.prompt_box_container{
			width: 70%;
			
		}
}



@media (max-width: 990px){

	/* .prompt_box_area {
		max-width: unset;
		border-radius: 5px;
	} */
	.prompt_box_container {
		padding: 10px;
		width: 80%;
		/* aspect-ratio: unset; */
		aspect-ratio: 659 / 1024;
	}
	
	.prompt_lightBox  .mfp-close{
		width: 30px;
		height: 30px;
		line-height: normal;
		font-size: 20px;

	}

	.prompt_box_content::-webkit-scrollbar {/*滾動條整體樣式*/
		width: 5px;     /*高寬分別對應橫豎滾動條的尺寸*/
		height: 5px;
	}
	/*------- 彈窗內容區塊 --------*/
	/* .prompt_lightBox {
		border-radius: 10px;
	}
		.prompt_box_area{
			padding: 15px 0;	
		}
			.prompt_box_top ,
			.prompt_box_bottom {
				max-width: calc(100% - 30px);
			}
			.prompt_box_bottom{
				margin-top: 15px;
			}
			.prompt_box_area .text_area{
				margin: 0px 0 15px;
				padding: 5px;
			} */
}