/*202003 by pekey*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Reset 開始-------------------------------*/



/*/////////////////////////////////////////////////////////*/
/*-------主內容區塊--------*/
/*/////////////////////////////////////////////////////////*/

.main.home_main{
	padding-top: 0;
	overflow: hidden;

	
}

	/*首頁內容區塊*/	
	.mainContent{
		display: flex;
		flex-direction: column;
		/* row-gap: 40px; */
		/* padding-bottom: 40px; */
	}


	.index_itemBg{

	}
	.index_itemBg:not(.full_Bg){
		padding-bottom: 40px;
	}

	.full_Bg{

	}




	.index_itemBg .wrap{
		width: 90%;
		max-width: 101.25rem; /*1620px*/
	}



	.more_btn{

	}
	.more_btn:hover button{
		opacity: 0.5 !important;
	}

	
@media (max-width: 1023px){
	
	.main {
		
	}	
}
@media (max-width: 410px){
	
	/*首頁內容區塊*/	
	.mainContent{

		padding-bottom: 20px;
	}
}


/*//////////////////////////////////////////////////////*/
/*------- banner區塊 --------*/
/*//////////////////////////////////////////////////////*/

.home_main .banner{
	position: relative;
}

	.banner .swiper-button-prev{
		opacity: 0;
		transition: opacity 1.2s ease-in-out;
	}

	.banner .swiper-button-next{
		opacity: 0;
		transition: opacity 1.2s ease-in-out;
		
	}
	.banner:hover .swiper-button-prev{
		opacity: 1;
		transition: opacity 1.2s ease-in-out;
	}
	.banner:hover .swiper-button-next{
		opacity: 1;
		transition: opacity 1.2s ease-in-out;
	}
	.banner .swiper-pagination{
		display: none;
		
	}


	/* banner按鍵 */
	.banner_button{
		position: absolute;
		bottom: 17px;
		right: 39px;
		z-index: 5;
	}

		.banner_button a{
			text-decoration: none;
			color: #fff;
			display: flex;
			flex-direction: column;
			align-items: center;
			/* gap: 5px; */
		}
			.banner_button strong{
				-webkit-writing-mode: vertical-lr;
				writing-mode: vertical-lr;
				font-size: 14px;
				font-family: var(--foreign_foreign2);
				margin-bottom: 5px;
				font-weight: normal;
			}

			.line_over{
				display: grid;
				grid-template-rows: 1fr 2fr 6fr;
				gap: 5px;
				width: 1px;
				height: 100px;
			}
			.banner_button .line_over1 ,
			.banner_button .line_over2{
				background-color: #ffffff;
				width: 100%;
			}
			.banner_button .line_over3{				
				width: 100%;
				overflow: hidden;
				/* top: calc(50px / 2); */
				/* position: absolute; */
				/* left: 50%; */
				/* transform: translateX(-50%) translateY(-4px); */
			}
				.banner_button .line{
					width: 2px;
					height: 100%;
					position: relative;
					bottom: 100%;
					background-color: #ffffff;
					/* -webkit-animation: top_slide 1.6s ease-in infinite; */
					animation: top_slide 1.8s ease-in infinite;
				}
			.banner_button .circular{
				width: 7px;
				height: auto;
				aspect-ratio: 1 / 1;
				border: 1px #fff solid;
				border-radius: 50%;
				margin-top: calc(-9px / 2);
			}


			@keyframes top_slide {
				50% {
					transform: translate3d(0, 205%, 0)
				}
			
				100% {
					transform: translate3d(0, 205%, 0)
				}
			}








			


/* 在螢幕寬度大於991時，套用這裡的特定樣式 */ 
/* @media screen and (min-width: 991px) { */

	.home_main .banner{

	}

		.home_main .banner > .wrap{
			max-width: 100%;
		}
		.home_main .banner > .wrap ,
		.home_main .banner .swiper-container_pc ,
		.home_main .banner .swiper-wrapper ,
		.home_main .banner .swiper-slide ,
		.home_main .banner .swiper-slide a {
			min-height: inherit;
		}
		.home_main .banner .swiper-slide a{
			/* display: flex;
			flex-direction: column;
			flex-grow: 1; */
		}

	.home_main .banner .banner_item ,
	.index_bannerItem{
		min-height: inherit;
	}
		.index_bannerImg{
			min-height: inherit;
		}
			.index_bannerItem a{
				position: relative;
				display: block;
				overflow: hidden;

				display: flex;
				flex-direction: column;
				flex-grow: 1;
			}
			

		.home_main .banner .pcBanner ,
		.home_main .banner .mobileBanner{
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			float: none;
			width: 100% !important;
			height: 100% !important;
			object-fit: cover;
			transition: 0.3s ease all;
		}

		/*banner影片模組*/
		.index_bannerVideo{
			min-height: inherit;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		}
		.youtube-player{
			min-height: inherit;
		}
			.index_bannerVideo span{
				position: relative;
				display: block;
				overflow: hidden;

				display: flex;
				flex-direction: column;
				flex-grow: 1;
				min-height: inherit;
			}
			
				.index_bannerVideo iframe{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
/* } */


@media (max-width: 990px){

	/* banner按鍵 */
	.banner_button{
		bottom: calc(50px + 15px);
		right: 39px;
	}



}





/*///////////////////////////*/
/*------- 影片區塊 --------*/
/*///////////////////////////*/
.video_Bg{
}

.video_Bg > .wrap{
	/* margin: 0; */
	/* width: 100%;
	position: relative;
	cursor: pointer;
	max-width: 100%; */
}

	.video_Bg .wrap {
		width: 100%;
		max-width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		/* padding-top: 30px;  */
		height: 0;
		overflow: hidden;
	}

		.video_Bg iframe{			
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}



.video_Bg .wrap > img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.video_hover_Bg{
	position: relative;
	background-color: #00000024;
	z-index: 99;
	width: 100%;
	height: 100%;
}


.video_img{
	width: 100%;
	max-width: 1920px;
}

.video_img a{
	display: block;
	position: relative;
	/* padding-top: 56.19%; */
	background-color: #000;
}
.video_img a 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: cover;
	transition: all 0.3s ease-out;

}

.video_img a:hover img{
	opacity: 0.5;
}

@media(max-width:990px){
	.video_img{
		width: 100%;
		max-width: 990px;
	}
	.video_img a{
		display: block;
		position: relative;
		padding-top: 122%;
	}
	.video_img a 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: cover;
		transition: all 0.3s ease-out;

	}
}


/*///////////////////////////*/
/*------- 最新商品區塊 --------*/
/*///////////////////////////*/

.new_product_Bg{
	
}
	.new_product_Bg .wrap{
		/*max-width: 101.25rem;*/ /*1620px*/
	}

	/* .new_product_Bg .wrap.one , */
	.new_product_Bg .product_area.one{
		max-width: calc(101.25rem / 4 * 1);
		margin: 0 auto;
	}
	/* .new_product_Bg .wrap.one .product_area .new_product .product_control , */
	.new_product_Bg .product_area.one .new_product .product_control{
		display: none;
	}
	

	/* .new_product_Bg .wrap.two */
	.new_product_Bg .product_area.two{
		max-width: calc(101.25rem / 4 * 2);
		margin: 0 auto;
	}
	/* .new_product_Bg .wrap.three , */
	.new_product_Bg .product_area.three{
		max-width: calc(101.25rem / 4 * 3);
		margin: 0 auto;
	}










.mainContent .wrap .title_area{
	margin: clamp(1.2500rem, 2.6042vw, 3.1250rem) 0; /*0 最小值 20.00px、大小約 2.6042vw、最大值 50.00px */		
	display: flex;			
	flex-direction: column;			
	justify-content: center;			
	align-items: center;			
	overflow: hidden;
}

	.mainContent .wrap .title{
		text-align: center;
		font-size: 40px;
		font-size: clamp(1.2891rem, 2.0833vw, 2.5000rem); /* 字體 最小值 20.63px、大小約 2.0833vw、最大值 40.00px */
		color: var(--dark_color);
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	.mainContent .wrap .title_line{
		position: relative;
		width: 180%;
	}
	.mainContent .wrap .title_line::after{
		position: absolute;
		content: "";
		display: block;
		width: 15%; /* 让底边框宽度占元素宽度的 15% */
		border-bottom: 1px solid var(--dark_color);
		left:50%;
		transform: translateX(-50%);
		bottom:-10px;
		
		
	}


	


	.title_area .circle{
		width:  clamp(11.2500rem, 14.3229vw, 17.1875rem); /* 最小值 180px、大小約 14.3229vw、最大值 275px */
		position: relative;
		/* width: fit-content; */
		aspect-ratio: 3.34 / 1;
	}
		.title_area .circle  .mask{
			position: absolute;
			/* content: ""; */
			width: calc(100% - 6px);
			height: 4px;
			bottom: calc(-2px + 0px);
			left: 50%;
			transform: translateX(-50%) translateY(0%);
			background-color: #ffffff;
			z-index: 1;
			/* opacity: 0; */
		}
		
	
	.title_area .circle .circle_img{
		position: absolute;
		width: 100%;
		 /* 字體 最小值 144.38px、大小約 14.5833vw、最大值 280.00px */
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		aspect-ratio: 3.34 / 1;
		/* background: url("../index/images/half_circle.svg") no-repeat; */
		/* background-size: 100%; */
		/* background-position-x: 50%; */
		/* background-position-y: 2px; */
		-webkit-mask: url("../index/images/half_circle_mask.svg") no-repeat center center;
		mask: url("../index/images/half_circle_mask.svg") no-repeat center center;
	}
	.title_area .circle .circle_img:after{
		position: absolute;
		content: "";
		aspect-ratio: 1 /1;
		width: calc(100% * 1.12);
		top: 2px;
		left: calc(50% + 0px);
		transform: translateX(-50%) translateY(0%);
		border: 1px var(--dark_color) solid;
		border-radius: 50%;
		z-index: 0;
		/* background-color: #fff; */
	}
	.title_area .circle .circle_img img{
		width: 100%;
		height: auto;

		
		object-fit: cover;
	}


	.title_area strong{
		display: block;
		/* padding-top: 120px; */
		/* padding-top: clamp(3.8672rem, 6.2500vw, 7.5000rem); */ /* 字體 最小值 61.88px、大小約 6.2500vw、最大值 120.00px */
		/* padding-top:  clamp(3.4160rem, 5.5208vw, 6.6250rem); */ /* 字體 最小值 54.66px、大小約 5.5208vw、最大值 106.00px */
		position: relative;
		z-index: 5;
	}
	.title_area .hr{
		display: block;
		width: 100%;
		/* height: 1px; */
		font-size: 0.75pt;
		height:  clamp(0.39pt, 0.00375vw, 0.75pt); /* 字體 最小值 0.39px、大小約 0.0391vw、最大值 0.75px */
		background-color: var(--dark_color);
		/* transform: translateY(-40px); */
		transform: translateY(-1px);  /* 最小值 20.63px、大小約 2.0833vw、最大值 40.00px */
		z-index: -1;
	}
	

	.title_area .hr1{
		}
		.title_area .hr2{
			}
	
	






	/* 左侧小图标 */
	.mainContent .wrap .title_line .icon-left,
	.mainContent .wrap .title_line .icon-right {
		position: absolute;
		width: 20px;
		height: 20px;
		/* background-image: url(../../images/lighticon_grey.svg); */
		background-image: url(../images/lighticon_grey.svg);
		background-size: contain;
		background-repeat: no-repeat;
		bottom: -18px;
		background-size: 20px;
	}

	/* 左侧图标 */
	.mainContent .wrap .title_line .icon-left {
		left: calc(50% - 7.5% - 25px); /* 让左侧小图标位于横线的左端 */
	}

	/* 右侧图标 */
	.mainContent .wrap .title_line .icon-right {
		right: calc(50% - 7.5% - 25px); /* 让右侧小图标位于横线的右端 */
	}
	.mainContent .wrap .title_en{
		font-family: var(--foreign_foreign);
		color: #a7a8aa;
		text-align: center;
		padding-top: 20px;
		font-size: 20px;
	}


/* 在螢幕寬度大於541時，套用這裡的特定樣式 */
 @media screen and (min-width: 541px) {

	.new_product_Bg .wrap.one .product_area .new_product .product_control ,
	.new_product_Bg .wrap.two .product_area .new_product .product_control{
		display: none;
	}
	
 }



@media(max-width:540px){
	.mainContent .wrap .title_area{
		
		margin-bottom: 20px;
				
		display: flex;
				
		flex-direction: column;
				
		justify-content: center;
				
		align-items: center;
				
		overflow: hidden;
}
	.mainContent .wrap .title{
		font-size: 20px;
	}
	.title_area .circle img{
		position: absolute;
		/* width: 140%; */
		top: 25.6%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	.title_area .circle strong{
		display: block;
		padding-top: 55px;
	}
	.mainContent .wrap .title_line{
		position: relative;
		width: 220%;
	}

}
/* 最新商品 */
.new_product_Bg .wrap .product_area .new_product {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper {
	
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide{
	width: 350px;
	height:auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide > a {
	display: block;
	position: relative;
	padding-top: 148.5%;
	overflow: hidden;
	border-radius: 20px;	
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide > a 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: cover;
	transition: all 0.3s ease-out;	
}


.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide > a:hover img {
	/* opacity: 0.5; */
	transform: scale(1.3);
}







/* 加入配送車btn */
.add_cart{
    position: absolute;
	top: 10px;
    right: 10px;
    /* display: none;*/	
}
	.add_cart a{
		display: inline-block;
		transition: 0.3s ease all;
		border-radius: 10px;
		background-color: var(--primary_color);
		color: #ffffff;
		padding: 0;
		width: 30px;
		height: 30px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.add_cart a svg{
			width: 25px;
			height: 25px;	
		}
		.add_cart img{
			max-width: 25px;
			width: 70%;
			height: auto;
			/* margin: 0 auto; */
		}




.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide .product_bottom a{
	display: flex;
	flex-direction: column;
	gap: 10px;
	
	
	font-size: clamp(0.875rem, 0.9375vw, 1.125rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
	padding-top: 0;
	text-decoration: none;
	
	
}
 .product_bottom .product_type{
	color: var(--seventh_color);
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
	font-weight: 200;
	letter-spacing: 2px;
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide .product_bottom .product_name{
	color: #7882a5;
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide .product_bottom .product_price{
	display: flex;
	align-items: flex-end;
	gap: 5px;
	color: #967896;
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide .product_bottom .product_price .sale{
	
}
.new_product_Bg .wrap .product_area .new_product .swiper-wrapper .swiper-slide .product_bottom .product_price .original{
	text-decoration: line-through;
	font-size: clamp(.625rem, 0.9375vw, .875rem);  /*字體 最小值 10px、大小約 0.9375vw、最大值 14px*/
	color: #969696;
}
.new_product_Bg .wrap .product_area .new_product .product_control{
	
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center;
	margin-top: 90px;
	gap: 10px;
}
.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-prev,
.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-next{
	
	width:70px;
	height: 70px;
	position: unset;
	transform: unset;
	top: unset;
	margin: 0;
	background-size: 70px;
}
.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-prev{
	/* background-image: url('../../images/roundbutton_left.svg'); */
	background-image: url('../images/roundbutton_left.svg');
}
.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-next{
	/* background-image: url('../../images/roundbutton_right.svg'); */
	background-image: url('../images/roundbutton_right.svg');
}
.new_product_Bg .wrap .product_area .new_product .product_control .swiper-pagination .swiper-pagination-bullet{
	 /* background-image: url('../../images/lighticon_grey.svg'); */
	 background-image: url('../images/lighticon_grey.svg');
	 background-color: unset;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 width:25px;
	 height: 25px;
}


.new_product_Bg .wrap .product_area .new_product .product_control .swiper-pagination {
	
    position: unset;
    display: flex;
    width: auto;
}
.new_product_Bg .wrap .product_area .new_product .product_control .swiper-pagination .swiper-pagination-bullet-active{
	 /* background-image: url('../../images/lighticon_yellow.svg'); */
	 background-image: url('../images/lighticon_yellow.svg');
}


@media(max-width:990px){

	.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-prev,
	.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-next{
		width:36px;
		height: 36px;
		background-size: 99%;
	}
	
}

@media(max-width:768px){

	.new_product_Bg .wrap{
		width: 85%;
	}
	.new_product_Bg .wrap .product_area .new_product .product_control{	
		margin-top: 40px;
	}

	
}



@media(max-width:540px){

	.new_product_Bg .wrap .product_area .new_product .product_control{	
		/* margin-top: 40px; */
		margin: 0 auto;
        position: absolute;
        width: 100%;
        max-width: 99.9%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
		justify-content: space-between;
	}

	.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-prev,
	.new_product_Bg .wrap .product_area .new_product .product_control .swiper-button-next{
		
		/*width:60px;
		height: 60px;*/
		position: unset;
		transform: unset;
		top: unset;
		margin: 0;
		/*background-size: 60px;*/

		background-color: rgba(255 255 255 / 70%);
		border-radius: 50%;
	}
	.new_product_Bg .wrap .product_area .new_product .product_control .swiper-pagination {
		display: none;
	}
	.new_product_Bg .wrap .product_area .new_product {
		gap: 0px;
	}

}









/*==============================================================*/	
/*------- 預購商品區塊 --------*/
/*==============================================================*/	

.pre_product_Bg{	
}

.pre-order_area{
	margin: 0 auto;
	margin-top: 50px;
	/* padding: 0 200px; */
	max-width: 1215px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 60px;
	
}
/* 右圖左文 */
.pre-order_area .pre_order_section{
	display: flex;
	/* align-items: center; */
	/* justify-content: flex-end; */
	gap: 1.25rem; /*20px*/
	/* width: 80%; */
	/* max-width: calc(100% - 130px); */
	max-width: clamp(calc(100% - 4.1937rem), calc(100% - 6.7708vw), calc(100% - 8.1250rem));  /*最小值 67.1px、大小約 6.7708vw、最大值 130px*/
	margin-left: auto;
	width: 100%;
	display: grid;
	grid-template-columns: 2.3fr  1fr;
}





.pre_product_Bg .pre-order_area .pre_order_section .order_left{
	/* max-width: calc(100% - 410px - 10px); */
	/* max-width:clamp(calc(100% - 13.5488rem), calc(100% - 21.875vw), calc(100% - 26.25rem)); */ /* 最小值 216.78px、大小約 21.875vw、最大值 420px */
	border: 1px solid #9CE9E9;
	/* padding: 80px 60px; */
	display: flex;
	flex-direction: column;
	gap: 1.25rem; /*20px*/
	padding: clamp(3.36rem, 4.1667vw, 5rem) clamp(1.9355rem, 3.125vw, 3.75rem);
	/* 上下 最小值 53.76px、大小約 4.1667vw、最大值 80.00px */
	/* 左右 最小值 30.97px、大小約 3.1250vw、最大值 60.00px */
}
.pre_product_Bg .pre-order_area .pre_order_section .order_left .sub_title{
	font-size: clamp(.875rem, 0.9375vw, 1.125rem);  /*字體 最小值 10px、大小約 0.9375vw、最大值 14px*/
	color: #7882a5;
	position: relative;
	/* display: flex; */
	padding-right: 1.875rem; /*30px*/
}
.pre_product_Bg .pre-order_area .pre_order_section .order_left .sub_title a {
	font-size: clamp(.875rem, 0.9375vw, 1.125rem);  /*字體 最小值 10px、大小約 0.9375vw、最大值 14px*/
	color: #7882a5;
	position: relative;
	display: flex;
	text-decoration: none;
	line-height: 1;
	background-color: #fff;
	display: inline-block;
	padding-right: 0.625rem; /*10px*/
}
.pre_product_Bg .pre-order_area .pre_order_section .order_left .sub_title a:hover {
	/* opacity: 0.5; */
	color: #d1d3db;
	transition: 0.3s ease all;
}
.pre-order_area .pre_order_section .order_left .sub_title div{
	/*flex: 1;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(0%);*/
}

.pre_product_Bg .pre-order_area .pre_order_section .order_left .sub_title:before{
	position: absolute;
	content:"";
	top: 50%;
	left: 0;
	transform: translate(0px, -50%);
	background-color: var(--third_color);
	width: 100%;
	height: 100%; 
	max-height: 1.5px; 
	overflow: hidden;
	display: block;
}


.pre_product_Bg .pre-order_area .pre_order_section .order_left .sub_title .content{
	flex: unset;
}

.pre_product_Bg .pre-order_area .sub_title .decoration {
    /* display: flex; */
    /* justify-content: flex-start; */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    background-color: #fff;


	width: 1.875rem; /*30px*/
	display: flex;
	justify-content: flex-end;
}

.pre_product_Bg .sub_title .decoration .icon-right {
    background-image: url('../images/lighticon_yellow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 99.9%; /*20px*/
    width: 1.25rem; /*20px*/
	aspect-ratio: 1;
}

.pre_product_Bg .pre-order_area  .sub_title .decoration .border {
    position: absolute;
    top: 50%; 
    left: 20px; 
    width: 88%; 
    height: 2px; 
    background-color: var(--third_color); 
    display: none;
}

.pre_product_Bg .pre-order_area .pre_order_section .order_right {
	width:50%;
	width: 100%;
	display: flex;
}
.pre_product_Bg .pre-order_area .text_area {
	/* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
	min-height: calc(1rem * 2 * 1.5);
	

	word-wrap: break-word;
	/* word-break: break-all; */
}
.pre_product_Bg .pre-order_area .pre_order_section .order_right .order_img{
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* max-width: 410px; */
	max-width: clamp(13.2262rem, 21.3542vw, 25.625rem); /* 最小值 211.62px、大小約 21.3542vw、最大值 410px */
    flex-grow: 1;

}
.pre_product_Bg .pre-order_area .pre_order_section .order_right .order_img_mb {
	display: none;
}





@media(max-width:1400px){
	.pre-order_area{
		margin-top: 3.125rem; /*50px*/
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 1.25rem; /*20px*/
		
	}
}



/* 在螢幕寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) {

/* 左圖右文套bottom_area */
.pre-order_area .pre_order_section.bottom_area{
	margin: 0;
	margin-right: auto;
    grid-template-columns:  1fr 2.3fr;
}
	.pre-order_area .pre_order_section.bottom_area .order_left{

	}
	.pre-order_area .pre_order_section.bottom_area .order_right{
		order: -1;
		justify-content: flex-end;
	}


}


@media(max-width:990px){
	
	.pre_product_Bg .wrap{
		width: 85%;
	}
		.pre_product_Bg .pre-order_area{
			margin: 0 auto;
			margin-top: 50px;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.pre_product_Bg .pre-order_area .text_area {
			display: block;	
		}
		.pre_product_Bg .pre-order_area .pre_order_section{
			display: flex;
			flex-direction: column;
			align-items: unset;
			justify-content: unset;
			gap: 20px;
			max-width: unset;
			margin: 0;
			padding: 0;
		}
			.pre_product_Bg .pre-order_area .pre_order_section .order_left{
				max-width: unset;
				width: auto;
				padding: 30px;				
			}

			.pre_product_Bg .pre-order_area .sub_title .decoration {
				width: 1.5625rem; /*25px*/
			}
			.pre_product_Bg .pre-order_area .pre_order_section .order_left .sub_title a {
				padding-right:.3125rem; /*5px*/
			}





			.pre_product_Bg .pre-order_area .pre_order_section .order_right {
				width:100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

				.pre_product_Bg .pre-order_area .pre_order_section .order_right .order_img{
					display: none;					
				}
				
				.pre_product_Bg  .pre-order_area .pre_order_section .order_right .order_img_mb {
					display: block;
					width: 100%;
				}
				.pre_product_Bg .pre-order_area .pre_order_section .order_right .order_img_mb a{
					display: block;
					position: relative;
					padding-top: 65.1%;
				}
				.pre_product_Bg .pre-order_area .pre_order_section .order_right .order_img_mb a 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: cover;
					transition: all 0.3s ease-out;
				}
	
}



@media(max-width:640px){
	.pre_product_Bg .pre-order_area{
		margin-top: 50px;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		
	}
}






























/*///////////////////////////*/
/*------- 品牌價值 --------*/
/*///////////////////////////*/
.Brand_value_Bg{
	/* padding: 350px 0; */
	padding: 0.625rem 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
}
.Brand_value_Bg .wrap{
	width: 85%;
	display: inherit;
	flex-wrap: inherit;
	flex-direction: inherit;
	flex-grow: 1;
}
.Brand_value_Bg .wrap .value_area{
	width: 50%;
	display: inherit;
	flex-direction: inherit;
	justify-content: center;
	align-items: flex-start;
	gap: 1.25rem; /*20px*/
	flex-grow: inherit;
}
.Brand_value_Bg .wrap .value_title.en{
	font-family: var(--foreign_foreign2);
	font-size: clamp(1.5rem, 2.5vw, 3rem);  /*字體 最小值 16px、大小約 0.9375vw、最大值 48px*/
	
}
.Brand_value_Bg .wrap .value_title{
	font-size: clamp(1.125rem, 2.5vw, 1.5625rem);  /*字體 最小值 16px、大小約 0.9375vw、最大值 48px*/
	
}
.Brand_value_Bg .wrap .more_btn{
	display: flex;
}
.Brand_value_Bg .wrap .more_btn button{
	all:unset;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;


}

@media(max-width:990px){
	.Brand_value_Bg{
		/* padding: 200px 0; */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media(max-width:768px){
	.Brand_value_Bg{
		/* padding: 50px 0; */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media(max-width:410px){
	.Brand_value_Bg .wrap .value_area{
		width: 100%;
		
	
	}
}

/*///////////////////////////*/
/*------- 關於我們 --------*/
/*///////////////////////////*/
.about_Bg{
	padding-top: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.about_decoration{
	background-position: center;
	width: 100%;
	height: 100%;
}
	.about_text{
		margin: 0 auto;
		/* width: 50%; */
		max-width: 51.25rem; /*820px*/
		text-align: center;
	}

.about_img_Bg{
	
}
.about_img_Bg {
	margin-top: 50px;
}
.about_img_Bg ul.about_img_area{
	/* display: grid;
	grid-template-columns: repeat(3,1fr); */
	list-style-type: none;
	padding: 0;
	gap: 20px 0;
	margin: 0 -10px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.about_img_Bg ul.about_img_area .about_img_item{
	width: 100%;
	width: calc(100% / 3);
	padding: 0 10px;
	box-sizing: border-box;
}
.about_img_Bg ul.about_img_area .about_img_item .about_img{
	width: 100%;
}
.about_img_Bg ul.about_img_area .about_img_item .about_img a{
	display: block;
	position: relative;
	padding-top: 55.38%;
}
.about_img_Bg ul.about_img_area .about_img_item .about_img a 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: cover;
	transition: all 0.3s ease-out;

}

@media(max-width:768px){
	.about_Bg .wrap{
		width: 85%;	
	}
	
	.about_text{
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	.about_img_Bg ul.about_img_area{		
		/* grid-template-columns: repeat(2,1fr); */		
	}
		.about_img_Bg ul.about_img_area .about_img_item{
			width: calc(100% / 2);
		}

}

@media(max-width:540px){

	.about_img_Bg ul.about_img_area{
		
		/* grid-template-columns: repeat(1,1fr); */
		gap: 20px;
		margin: 0;
	}
	.about_img_Bg ul.about_img_area .about_img_item{
		width: 100%;
		padding: 0 0px;
	}
}












/*///////////////////////////*/
/*------- 促銷商品 --------*/
/*///////////////////////////*/
.hot_product_Bg{
	
}
.hot_product_Bg .wrap{
	width: 85%;
}
.hot_product_Bg .wrap .hot_product{
	display: flex;
	
}
.hot_product_Bg .wrap .hot_product .left_hot{
	width: 50%;
}
.hot_product_Bg .wrap .hot_product .right_hot{
	width: 50%;
}
.hot_product_Bg .wrap .hot_product .right_hot .hot_img_area{ 
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.hot_product_Bg .wrap .hot_product a{
	position: relative;
	display: block;
	padding-top: 100%;
	
}
.hot_product_Bg .wrap .hot_product 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: cover;
	transition: all 0.3s ease-out;
	
}
@media(max-width:990px){
	.hot_product .left_hot{
		display: block;
	}
}
@media(max-width:540px){
	.hot_product_Bg .wrap .hot_product{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
	}
	.hot_product_Bg .wrap .hot_product .left_hot{
		width: 100%;
	}
	.hot_product_Bg .wrap .hot_product .right_hot{
		width: 100%;
	}
	.hot_product_Bg .wrap .hot_product .right_hot .hot_img_area{ 
		display: grid;
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
	}
}
















/*/////////////////////////////////////////////////////////*/
/*-------常見問題--------*/
/*/////////////////////////////////////////////////////////*/

.qa_Bg{
	background-size: 1920px 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	}
	
	.qa_Bg .qa_background{
		position: absolute;
		content: "";
		background: url(../index/images/QA.webp);
		background-size: 1920px 100%;
		background-repeat: no-repeat;
		background-position: center top;
		width: 100%;
		height: 100%;
		z-index: 1;
		top: 0;
		left: 0;
	}
	
	
	
	
		.qa_Bg .wrap{
			width: 60%;
		}
			.qa_Bg .title {
				color: #fff !important;	
			}
	
			
			.qa_Bg  .circle_box{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: baseline;
			}
			.qa_Bg  .title_area .circle{
				position: relative;
				z-index: 3; /*20250418*/
				order: 1;
				min-width:  clamp(11.2500rem, 14.3229vw, 17.1875rem); /* 最小值 180px、大小約 14.3229vw、最大值 275px */
				/* aspect-ratio: 3.25 / 1; */
				aspect-ratio: 3.28 / 1;
			}



			.qa_Bg .title_area .circle .circle_img {
				aspect-ratio: 3.34 / 1;  

				aspect-ratio: inherit; /*20250418*/
				-webkit-mask: url(../index/images/half_circle_mask2.svg) no-repeat center center;
				mask: url(../index/images/half_circle_mask2.svg) no-repeat center center;
			}

				.qa_Bg .title_area strong {
					color: inherit;	
				}
	
				.qa_Bg .title_area .circle .mask {
					background-color: #e1070700;
	
					
					/* background-image: linear-gradient(to right, #44525d 0%, #4f545e 100%); */  /*20250418*/
					/* z-index: 1; */
					/* opacity: 0; */
					/* filter: blur(15.25px); */
				}
				.mainContent .qa_Bg  .wrap .title_line::after {
					border-color: var(--sixth_color);
				}
				
				.qa_Bg .title_area .circle .mask::before {
					position: absolute;
					/* content: ""; */
					background-color: #565a62;
					filter: blur(2.1px);
					width: calc(100% + 2px);
					height: 5px;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					z-index: 0;
					opacity: 0;
				}
					.qa_Bg .title_area .circle .circle_img:after{
						border-color: #fff;

						top: 1px; /*20250418*/
					}
					.qa_Bg  .title_area .hr{
						background-color: #fff;
						z-index: 0;

						z-index: 3; /*20250418*/
					}
					.qa_Bg  .title_area .hr_l {
						order: -1;
					}
					.qa_Bg  .title_area .hr_r{
						order: 2;
					}
	
	.qa_Bg .title_area .title_en{
		/*color: inherit;
		font-size: clamp(1.5rem, 2.5vw, 3rem); */ /*字體 最小值 16px、大小約 0.9375vw、最大值 48px*/
		/*font-family: var(--foreign_foreign2);
		border-bottom: 1px #fff solid;
		padding-bottom: 15px;*/
		
		position: relative;  /*20250418*/
		z-index: 3;
	}
	
	.qa_Bg .title_area .title_en span{
		font-family: var(--foreign_foreign2);
		font-size: inherit;
		line-height: inherit;
		color: inherit;
	}
	
	
	.qa_Bg .title_area .title{
		/*padding-top: 15px;
		color: inherit;
		font-size: clamp(1.5rem, 2.5vw, 24px); */ /*字體 最小值 16px、大小約 0.9375vw、最大值 48px*/
	}

	.qa_Bg  .wrap .title_line {
		position: relative;
		z-index: 3; /*20250418*/
	}



	/* .qa_Bg .wrap .title_area .title_en::after{
		position: absolute;
		content: "";
		display: block;
		width: 15%; 
		border-bottom: 1px solid #fff;
		right:43%;
		bottom:-10px;	
	} */
	
	.qa_Bg .wrap .text_area{
		color: #fff;
		font-weight: 400;
		
		position: relative;  /*20250418*/
		z-index: 3;
	}
	/*常見問题_收合列表-------------------------*/
	
	.qaArea {
		position: relative;  /*20250418*/
		z-index: 3;
		
		margin-top:  clamp(1.6113rem, 2.6042vw, 3.1250rem); /*  最小值 25.78px、大小約 2.6042vw、最大值 50.00px */
		display: flex;
		flex-direction: column;
		gap: clamp(2.2559rem, 3.6458vw, 4.3750rem); /*  最小值 36.09px、大小約 3.6458vw、最大值 70.00px */
	}
	.qaArea:first-of-type {
		/* padding-top:6px; */
	}
		/* feather修改圓角20211025 */
		.qa_list {
			/* font-size:17px;
			line-height:30px; */
			font-size: clamp(.875rem, 1.25vw, 1.25rem);  /*字體 最小值 18px、大小約 0.9375vw、最大值 30px*/
			line-height: 1.76;
			border-radius: unset;
			overflow: hidden;
			/* box-shadow: 0px 5px 11px 0px #4447471a; */
			border:1px rgb(51 51 51 / 0.05) solid;
			border:2px #fff solid;
			border-left-width: 6px;
			background-color: rgba(255, 255, 255, 0.15);
			/* margin-bottom: 70px;
			margin-right: 0px; */
	
			margin: 0;
		}
			.qa_list_tit {
				position:relative;
				transition: 0.3s ease all;
				padding: 15px 50px 15px 20px;
				cursor:pointer;
				font-size:inherit;
				color: #fff;
				display: flex;
				align-items: center;
			}
			.qa_list_tit span{
				
				
			}
			.qa_list_tit span.num{
				font-family: var(--foreign_foreign2);
				font-weight: 700;
				border-right: 1px solid #fff;
				
				padding-right: 10px;
				font-size: clamp(0.9668rem, 1.5625vw, 1.8750rem); /* 字體 最小值 15.47px、大小約 1.5625vw、最大值 30.00px */
			}
			.qa_list_tit span.content{
				padding-left: 10px;
				
				
				
			}
			.qa_list_tit.show {
				background: #00000065;
				color: #fff;
				transition: 0.3s ease all;
			}
				
			.qa_list_text {
				position:relative;
				transition:0.3s ease all;
				display: none;
				/* opacity:0;
				height:0px; */
				box-sizing:border-box;
				background-color: rgba(255, 255, 255,0.15);
				font-size:inherit;
			}
			.qa_list_text p{
				color: #fff;
			}
			.qa_list_text img {
				max-width:100%;
				height:auto;
			}		
			
			.qa_list_tit:before, .qa_list_text:before {
				position: absolute;
				left: 10px;
				/* top: 9px; */
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				font-size: 20px;
				color: #fff;
				letter-spacing: 0px;
				text-align: center;
				width: 28px;
				height:28px;
				border-radius: 100%;
				background: #221912;
			}
			.qa_list_tit:before {
				/* content: '?'; */
			}
			.qa_list_text:before {
				/* content: '!';
				background: #e76221;
				top: 15px;
				-webkit-transform: unset;
				transform:unset; */
			}
			
			.qa_list_tit:after {
				position: absolute;
				content: '';
				/* background-image: url('../../index/images/plus.svg'); */
				background-image: url('../index/images/plus.svg');
				/*top: 22px;*/
				right: 20px;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				width: 20px;
				height: 20px;
				background-size: 20px;
				background-repeat: no-repeat;
				transform: translateY(-50%) rotate(0deg);
				transition: transform 0.3s ease-in-out;
			}
			.qa_list_tit.show:after {
				/*content: '-';*/
				transform: translateY(-50%) rotate(45deg);  /* 旋转 45 度形成 X */
				/* background-repeat:no-repeat; */
				/* z-index: 5; */
			}
	
					/*展開*/
					.qa_list_text.show {
						display: block;
						transition: 0.3s ease all;
						/* opacity:1;
						height:auto; */
						/* padding: 9px 50px; */
						padding: 15px 20px;
					}
	.qa_Bg .wrap .more_btn{
		all: unset;
		text-align: right;
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
		margin-top: 20px;
		margin:  clamp(1.6113rem, 2.6042vw, 3.1250rem) 0; /*  最小值 25.78px、大小約 2.6042vw、最大值 50.00px */
		cursor: pointer;
		
		position: relative;  /*20250418*/
		z-index: 3;
	}
	.qa_Bg .wrap .more_btn button{
		all: unset;
		display: flex;
		align-items: center;
		color: #fff;
		gap: 10px;
	
	}
	.qa_Bg .wrap .more_btn button img {
		
	}
	@media(max-width:990px){
		.qa_Bg .wrap{
			width: 85%;
		}
	}
	@media(max-width:540px){
		.qa_Bg .wrap{
			width: 80%;
			width: 85%;
		}
		.qa_list_tit span.num{
			display: none;
			
		}
	}
	
	













































.product_Bg{
	
}
.product_Bg .wrap{
	width: 85%;
}
.product_Bg .wrap .title_area{
	
}
.product_Bg .wrap .title_area .title_en{
	
}
.product_Bg .wrap .title_area .title{
	
	
}
.product_Bg .wrap .title_area .title::after{
	font-size: clamp(1.5rem, 1.3vw, 1.5625rem);  /*字體 最小值 16px、大小約 0.9375vw、最大值 48px*/
	
	
}
.product_Bg .wrap .more_btn{
	all: unset;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 1.0417vw; /*20px*/
	
}
.product_Bg .wrap .more_btn button{
	all: unset;
	display: flex;
	align-items: center;
	gap: .625rem; /*10px*/
	cursor: pointer;
}
.product_Bg .wrap .product_item_area{
	/* display: grid;
	grid-template-columns: repeat(4,1fr); */
	gap: 2.5rem 1.0417vw; /*40px 20px*/

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.5rem 0;
	margin: 0 calc(-1.0417vw / 2);
}
.product_Bg .wrap .product_item_area .item_list{
	width: calc(100% / 4);
	padding: 0 calc(1.0417vw / 2);
	box-sizing: border-box;
}
.product_Bg .wrap .product_item_area .item_list .item{
	/* max-width: 389px; */
	height:auto;
	display: flex;
	flex-direction: column;
	gap: 1.0417vw; /*20px*/
	position: relative;
}
.product_Bg .wrap .product_item_area .item_list .item > a {
	display: block;
	position: relative;
	padding-top: 100%;
	
}
.product_Bg .wrap .product_item_area .item_list .item > a 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: cover;
	transition: all 0.3s ease-out;
	border-radius: 0;

	
}

.product_Bg .wrap .product_item_area .product_bottom a{
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* border-left: 5px solid var(--third_color); */
	/* padding-left:15px; */
	font-size: clamp(0.875rem, 0.9375vw, 1.125rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
	padding-top: 0;
	text-decoration: none;
}
.product_Bg .wrap .product_item_area .product_bottom .product_type{
	color: #969696;
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
	color: var(--seventh_color);
}
.pb_bottom{
	display: flex;
    flex-direction: column;
    gap: 10px;
    border-left: 5px solid var(--third_color);
    padding-left: 15px;
    font-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    padding-top: 0;
    text-decoration: none;
}
.product_Bg .wrap .product_item_area .product_bottom .product_name{
	color: #7882a5;
}
.product_Bg .wrap .product_item_area .product_bottom .product_price{
	display: flex;
	align-items: flex-end;
	gap: 5px;
	color: #967896;
}
.product_Bg .wrap .product_item_area .product_bottom .product_price .original{
	text-decoration: line-through;
	font-size: clamp(.625rem, 0.9375vw, .875rem);  /*字體 最小值 10px、大小約 0.9375vw、最大值 14px*/
	color: #969696;
}
@media(max-width:990px){

	.product_Bg .wrap .product_item_area{
		/* display: grid;
		grid-template-columns: repeat(3,1fr); */
		/* gap: 20px; */
	}
		.product_Bg .wrap .product_item_area .item_list{
			width: calc(100% / 3);
		}
}
@media(max-width:540px){
	.product_Bg .wrap .product_item_area{
		/* display: grid;
		grid-template-columns: repeat(2,1fr); */
		/* gap: 20px; */
	}
		.product_Bg .wrap .product_item_area .item_list{
			width: calc(100% / 2);
		}
}
@media(max-width:410px){
	.product_Bg .wrap .product_item_area{
		/* display: grid;
		grid-template-columns: repeat(1,1fr); */
		gap: 20px;
	}
		.product_Bg .wrap .product_item_area .item_list{
			width: 100%;
			padding: 0;
		}
	.product_Bg .wrap .more_btn{
		all: unset;
		text-align: center;
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
		
	}
}
















/*/////////////////////////////////////////////////////////*/
/*-------燈箱--------*/
/*/////////////////////////////////////////////////////////*/

	
	
/*燈箱*/
.lightboxArea {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	/* padding:124px 0px; */
	display:none;
}
	/*燈箱黑底*/
	.lightboxBG {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
	}
	
	/*燈箱主體*/
	.lightboxMain {
		/* height:360px; */
		/* width:80%; */
		margin:0 auto;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		/* transform:scale(0); */
		top:0px;
		box-sizing:border-box;
		font-size:0px;
		margin: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0);
		width: 75vw;
		height: calc(75vw * 9 / 16);
	}
		/*關閉燈箱按鍵*/
		.lightboxCloseBtn {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 45px;
			height: 45px;
			line-height: 45px;
			color: #fff;
			background: var(--primary_color);
			/* right: 20px;
			top: 20px; */
			right: 0px;
			top: 0px;
			border: solid var(--primary_color) 1px;
			box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
			/* font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background:#2a6695;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2; */
		}
		.lightboxCloseBtn svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			margin: auto;
			transition: 0.3s ease all;
		}
			.lightboxCloseBtn:hover {
				transition: 0.3s ease all;
			}
			.lightboxCloseBtn:hover svg{
				fill: var(--dark_color);
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
			/* .lightboxCloseBtn:hover {
				background:#221912;
				color:#fff;
			} */
			
		/*燈箱資料區*/
		.lightboxContentArea {
			/* height: 100%; */
			/* height: 80vh; */
			/* height: inherit; */
			/* padding: 0; */
		}
		
/* .index_video_list {
	position:relative;
	float:left;
	cursor:pointer;
	background:#000;
	margin:28px 0px 0px 0px;
}
	.index_video_list > img {
		opacity:0.6;
		transition:0.3s ease all;
		width:100%;
		height:auto;
	}
	.vL_text_area {
		position:absolute;
		width:100%;
		max-width: 15%;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.vL_text_area img {
			width:100%;
			height:auto;
		} */
		/*hover*/
		/* .index_video_list:hover > img {
			opacity:1;
		} */

/* .video_list_area {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	font-size:0px;
	margin:0 -12px -30px;
} */
/*firefox hack*/
/* @-moz-document url-prefix() { 
  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
} */

	/* .video_list {
		box-sizing:border-box;
		padding: 0px 12px 30px;
		width:33.3%;
	}

	.video_list2{
		width:100%;
		padding: 0px 0px 30px;
	} */


	/*firefox hack*/
	/* @-moz-document url-prefix() { 
	  .video_list {
		  padding:65px 11px 0px 11px;
	  }
	}
		.video_list .index_video_list {
			float:none;
			margin:0px;
			border-radius: 5px;
			overflow: hidden;
		}
			.video_list_remark {
				font-size: 18px;
				line-height: 24px;
				color: #3d3d3d;
				padding: 10px 0px 0px 0px;
				font-weight: bold;
			} */
			
	/*影音燈箱顯示時才會加*/
	.video_use {
		/* padding: 100px 0px; */
	}
		.video_use .lightboxMain {
			/* height:450px; */
		}
	
	/*影音燈箱*/
	.video {
		height:100%;
		padding: 0 !important;
	}
		.video iframe {
			height:1px;
			height:100%;
			width:100%;

			aspect-ratio: 16 / 9;
		}


@media (max-width: 990px){	
	/*燈箱主體*/
	.lightboxMain {
		width: 90vw;
		height: calc(90vw * 9 / 16);
	}
}

@media (max-width: 950px){	

	/*燈箱資料區*/
	.lightboxContentArea {
		height: 100%;
	}

}

@media (max-width: 600px){	

/* .video_list_area {
    display: block;
    flex-wrap: unset;
    flex-direction: unset;
} */

	/*---Video---*/
	/* .video_list {
		width: 100%;
		padding:0 0 30px;
	} */
	/*.video_list:nth-child(2n+1) {
		padding: 35px 0px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 0px;
	}*/
	

	
	
}