@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px;background-color:#e6d8cb; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;background-size:100%; background-color: #6db4ec;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


	/* background:url(m_bg.jpg?t=1750225082681)top center repeat-y; */

/*背景*/
@media screen and (min-width:768px){
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-45; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-55; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.waterline{ position:absolute;z-index:0; top:724px; left:0; width:100%; min-width:1220px; height:100%;background-image:url("waterline.png?t=1750225082681");background-position:center top;background-repeat:no-repeat;  }	
.bg_deco { z-index:-46;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
}



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:1040px;}
.top_bg {position:relative;top:0;z-index:0;pointer-events:none;}
.Area_title .duck {position:absolute;top: 839px;left: 868px;z-index: 5;animation: bounceIn 1s 0.4s forwards ease-in,uptodown-play 2.8s 1.1s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .ball_top {position:absolute;top: 766px;left: -22px;z-index: 3;animation: bounceIn 1s 0.5s forwards ease-in,uptodown-play 2.8s 1.2s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .water_001 {position:absolute;top: 597px;left: -169px;z-index: 2;animation: bounceIn 0.8s 1s forwards ease-in,uptodown-play 2.8s 2.1s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .water_002 {position:absolute;top: 226px;left: 95px;z-index: 0;animation: bounceIn 0.8s 1.3s forwards ease-in,uptodown-play 2.8s 2.3s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .light_top_001 {position:absolute;top: -225px;left: -3px;z-index: 5;mix-blend-mode: screen;animation: uptodown-play 2.8s 0.1s forwards ease-in,brightness-play 4.5s 1.5s infinite ease-in;pointer-events:none;}
.Area_title .top_light {position:absolute;top: 59px;left: -133px;z-index: 5;animation: uptodown-play 1.5s 0.1s  infinite ease-in,brightness-play 3.5s 3.8s infinite ease-in;mix-blend-mode: screen;display: none;}
.Area_title .bubble_top {position:absolute;top: 39vw;left: 5vw;z-index: 5;animation: rubberBand 1.2s 0.4s forwards ease-in;opacity: 0;mix-blend-mode: color-dodge;}
.Area_title .title_water_bounce {position:absolute;top: 3vw;left: 9vw;z-index: 5;animation:  bounceInDown 0.8s 0.6s forwards ease-in;opacity: 0;}
.Area_title .top_tree {position:absolute;top: 585px;left: 124px;z-index:2;animation:bounceIn 0.8s 0.4s forwards ease-in;opacity: 0;}
.Area_title .top_stage {position:absolute;width: 840px; top: 670px;left:0px;right:0; margin: auto; z-index: 3;pointer-events:none;}
.Area_title .title_date {position:absolute;top: 28px;left: 519px;z-index: 3;pointer-events:none;}
.Area_title .duck img {width: 267px;pointer-events:none;}
.Area_title .ball_top img {width: 146px;pointer-events:none;}
.Area_title .water_001 img {width: 666px;pointer-events:none;}
.Area_title .water_002 img{width: 970px;pointer-events:none;}
.Area_title .light_top_001 img{width: 1600px;pointer-events:none;}
.Area_title .top_light img {width: 1600px;pointer-events:none;}
.Area_title .bubble_top img{width: 100%;pointer-events:none;}
.Area_title .title_water_bounce img{width: 100%;pointer-events:none;}

.Area_title .top_tree img{width: 900px;pointer-events:none;}
.Area_title .top_stage img{width: 100%;pointer-events:none;}
.Area_title .title_date img{width: 426px;pointer-events:none;}
.Area_title .top_PD{position: relative; top: 361px;z-index: 4;}

}
@media screen and (max-width: 767px){
.Area_title {height:138vw;}
.top_bg {position:relative;top:0;z-index:0;pointer-events:none;}
.Area_title .duck {position:absolute;width: 27%;top: 124vw;left: 70vw;z-index: 5;animation: bounceIn 1s 0.4s forwards ease-in,uptodown-play 2.8s 1.1s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .ball_top {position:absolute;width: 16%;top: 114vw;left: -3vw;z-index: 3;animation: bounceIn 1s 0.5s forwards ease-in,uptodown-play 2.8s 1.2s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .water_001 {position:absolute;width: 60%;top: 68vw;left: -10vw;z-index: 0;animation: bounceIn 0.8s 1s forwards ease-in,uptodown-play 2.8s 2.1s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .water_002 {position:absolute;width: 90%;top: 39vw;left: 5vw;z-index: 0;animation: bounceIn 0.8s 1.3s forwards ease-in,uptodown-play 2.8s 2.3s infinite ease-in;opacity: 0;pointer-events:none;}
.Area_title .light_top_001 {position:absolute;width: 100%;top: -12vw;left: -3vw;z-index: 5;mix-blend-mode: screen;animation: uptodown-play 2.8s 0.1s forwards ease-in,brightness-play 4.5s 1.5s infinite ease-in;pointer-events: none;}
.Area_title .top_light {position:absolute;width: 100%;top: 26vw;left: 10vw;z-index: 5; animation: uptodown-play 1.5s 0.1s  infinite ease-in,brightness-play 3.5s 3.8s infinite ease-in;mix-blend-mode: screen;}
.Area_title .bubble_top {position:absolute;width: 13%;top: 39vw;left: 5vw;z-index: 5;animation: rubberBand 1.2s 0.4s forwards ease-in;opacity: 0;mix-blend-mode: color-dodge;}
.Area_title .title_water_bounce {position:absolute;width: 83%;top: 3vw;left: 9vw;z-index: 5;animation:  bounceInDown 0.8s 0.6s forwards ease-in;opacity: 0;}
.Area_title .top_tree {position:absolute;width: 94%;top: 72vw;left: 2vw;z-index: 0;animation:bounceIn 0.8s 0.4s forwards ease-in;opacity: 0;pointer-events:none;}
.Area_title .top_stage {position:absolute;width: 100vw;top: 104vw;z-index: 0;pointer-events:none;}
.Area_title .title_date {position:absolute;width: 46%;top: 5vw;left: 35vw;z-index: 3;animation:  bounceInDown 0.6s 0.8s forwards ease-in;opacity: 0;}
.Area_title .top_PD{position:absolute;width: 100vw;top: 47vw;z-index: 4;}
}


/*主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 817px;height: auto;top: 16px;left: 18px;right: 0;z-index: 2;margin: auto;}
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {animation: rubberBand 1.2s 0.4s forwards ease-in;opacity: 0;}
}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 100vw;height:auto;top: 2vw;z-index: 4;}
.Area_title .subtitle .layout_title {width: 100%;}
.Area_title .subtitle .layout_title ul {animation: rubberBand 1.2s 0.4s forwards ease-in;opacity: 0;}	
}

/*副標輪播*/	
@media screen and (min-width:768px){
.Area_title .subtitle .titile02 {position:absolute;width:63%;top:206px;left:154px;overflow: hidden;z-index:5}
.Area_title .subtitle .titile02 .PD_layout {}
.Area_title .subtitle .titile02 .PD_layout ul {display:flex;}
.Area_title .subtitle .titile02 .PD_layout ul li {}
.Area_title .subtitle .titile02 .PD_slide:hover{transform:none;}
.Area_title .subtitle .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
}
@media screen and (max-width:767px){
.Area_title .subtitle .titile02 {position:absolute;width: 66%;top: 27vw;left: 17vw;overflow: hidden;}
.Area_title .subtitle .titile02 .PD_layout {}
.Area_title .subtitle .titile02 .PD_layout ul {display:flex;}
.Area_title .subtitle .titile02 .PD_layout ul li {}
.Area_title .subtitle .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	


}


/*版頭品名入稿*/
@media screen and (min-width:768px){
.Area_title .layout_toppd {position:absolute;width: 780px;top: 399px;left: 204px;z-index: 3;}
.Area_title .layout_toppd ul {animation:  bounceIn 0.6s 0.8s forwards ease-in;opacity: 0;}

}
@media screen and (max-width:767px){
.Area_title .layout_toppd {position:absolute;top: 40vw;width: 106%;left: -4vw;z-index: 3;}
.Area_title .layout_toppd ul {animation:  bounceIn 0.6s 0.8s forwards ease-in;opacity: 0;}	
}



/*輪播BN2卡*/
@media screen and (min-width:768px){
.Area_bn {height:100%; padding-bottom: 100px;}

/**區標**/
.Area_bn .text {position:relative;width:75%;margin:0 auto;padding: 0;}
.Area_bn .text .layout_text {}

/**輪播公版**/
.Area_bn .box_swiper { position: relative; overflow: hidden; width: 100%; margin: 0 auto;}
.Area_bn .box_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0;width: 100%; box-sizing: content-box; height: 335px; grid-gap: inherit;}
.Area_bn .box_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area_bn .box_swiper .PD_slide { min-width: inherit;}
.Area_bn .box_swiper .swipwe_remove_box_style ul li {background-color:#ffffff00;}	
.Area_bn .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position: relative;bottom: 0!important;}
}
@media screen and (max-width:767px){
.Area_bn {/* height: 41vw; */background:url(m_bn_bg_middle.jpg?t=1750225082681)top center repeat-y;background-size:contain;width: 90%;margin: auto;background-color: #95c1ff;}

/**區標**/
.Area_bn .text {position:absolute;width: 100%;margin:0 auto;top:-2vw;}
.Area_bn .text .layout_text {}

.Area_bn .box_swiper {position:relative;width: 90%;margin: 0 auto;overflow: hidden;}
.Area_bn .box_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap;margin:0;padding:0;box-sizing:content-box;grid-gap: inherit;height:38vw; }
.Area_bn .box_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area_bn .box_swiper .PD_slide { min-width: inherit;}
.Area_bn .box_swiper .swipwe_remove_box_style ul li {background-color:#ffffff00;}	

.Area_bn .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position: relative;bottom: 1vw !important}
}




/*24小時搶購區*/
@media screen and (min-width:768px){
.Area_item {height:100%;z-index: 5;}
/**區標**/	
.Area_item .text {position:relative;width: 75%;margin: 0 auto;padding: 0;}

/** 倒數 **/
.TimerNick {position: absolute;top: 150px;left:0;right: 0;padding: 0;margin: 0;text-align: center;z-index: 0;}
.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;width: 22px;font:normal 43px/24px Arial;color: #ffffff;letter-spacing: 0;text-align: center;}
.TimerNick span {padding-left: 40px;font: bold 30px/39px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #ffffff;}
.TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#95c1ff;}

	
	
/*公版*/		
.Area_item .PD_layout {width:100%;margin:0 auto;}
.Area_item .PD_layout ul {width: 90%;}
.Area_item .PD_layout ul li {}
.Area_item .PD_layout ul li a {}


}
@media screen and (max-width:767px){
.Area_item {height:100%;}
/**區標**/	
.Area_item .text {position:relative;width:95%;margin:-3vw auto 0 auto;padding:3vw 0;}
/** 倒數 **/
.TimerNick {position: relative;top: -4vw;left: 0;text-align:center;z-index:3;}
.TimerNick .FontStyle {display: inline-block;margin: 0;padding: 0;font: normal 29px/25px Arial;color: #ffffff;letter-spacing:0;text-align: center;}
.TimerNick span {padding-left: 0;font: bold 1.5em/31px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #ffffff;}
.TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#000000;}

	
/*公版*/		
.Area_item .PD_layout {}
.Area_item .PD_layout ul {width:90%; padding: 0;margin: 0 auto;grid-gap: 0.5em;}
.Area_item .PD_layout ul li { }
.Area_item .PD_layout ul li a {}


}




/*coupon入稿*/

@media screen and (max-width:767px){
.Area_coupon .box ul {margin-top: 0vw;}
}
	

/*activ-銀行*/
@media screen and (min-width:768px){
.Area_activ .layout_bank ul {width: 86%!important;margin: 0 auto;}
}
@media screen and (max-width:767px){
/* background:url(mo_activul.jpg?t=1750225082681)top center repeat-y;background-size:100%;	 */
	
.Area_activ .layout_bank ul {width:100%!important;margin: 0 auto;}
}
	
/*brand-按鈕*/
@media screen and (min-width:768px){
.Area_brand ul {width: 86%!important;margin: 0 auto;}
}
@media screen and (max-width:767px){	
.Area_brand  ul {width:100%!important;margin: 0 auto;}
}


@media screen and (max-width:767px){	
/* .white_bg{background-color: #f6fbff;} */
}


/*小資省錢區*/
.m_item_top{  margin-bottom: -7vw;}
.m_item_bottom{  margin-bottom: -7vw;}
@media screen and (min-width:768px){
.Area_item {height:100%;}
.Area_item .bg01 { z-index:-45; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}		
.Area_item .bg02 { z-index:-45; position:absolute;top:150px;left:-390px; width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}	
.Area_item .bg03 { z-index:-45; position:absolute;top:163px;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;}	

/**區標**/	
.Area_item .text02 {position:relative;width:85%;margin:0 auto;}
.Area_item .text02 .layout_text {}
	
/*公版*/		
.Area_item .layout_PD {width:100%;margin:0 auto;}
.Area_item .layout_PD ul {  width: 100%;}
.Area_item .layout_PD ul li {background:url(pc_item_li.png?t=1750225082681)top center no-repeat;background-size:100%;}
.Area_item .layout_PD ul li a {color:#FFFFFF;}
.Area_item .layout_PD .PD_into {text-align: left; margin-left: 3em;}
.Area_item .layout_PD .PD_into h3 {color:#ffffff;font-size:30px;}
.Area_item .layout_PD .PD_into h4 {color:#ffffff;font-size:30px;}
.Area_item .layout_PD .PD_into p {height:4em;line-height:4em;}

.Area_item .layout_PD .PD_into p .js-PD_del {color:#dd99ff;font-size:25px;display: none;}
.Area_item .layout_PD .PD_into p .money	{font-size:30px;}
.Area_item .layout_PD .PD_into p .Price	{font-size:50px;}

}
@media screen and (max-width:767px){
.Area_item {height:100%;}
/**區標**/	
.Area_item .text02 {position:relative;background:url(m_item.jpg?t=1750225082681)top center repeat-y;background-size:100%;}
.Area_item .text02 .layout_text {}

	
/*公版*/		
.Area_item .layout_PD {background:url(m_item.jpg?t=1750225082681)top center repeat-y;background-size:100%;}
.Area_item .layout_PD ul {width:95%;margin:0 auto;}
.Area_item .layout_PD ul li {background:url(mo_item_li.png?t=1750225082681)top center no-repeat;background-size:100%;}
.Area_item .layout_PD ul li a {color:#FFFFFF;}
.Area_item .layout_PD .PD_img {margin-top:3vw;}
.Area_item .layout_PD .PD_into {margin-top: 3vw;text-align: left; margin-left: 2em; margin-bottom: -3vw;}
.Area_item .layout_PD .PD_into h3 {color:#ffffff;font-size: 17px;}
.Area_item .layout_PD .PD_into h4 {color: #ffffff;font-size: 18px;}
.Area_item .layout_PD .PD_into p {/* color:#4f4e4e; */}
.Area_item .layout_PD .PD_into p .js-PD_del {color:#dd99ff;display: none;}

}


/*品牌頁籤區*/
@media screen and (min-width:768px){
		
	/**區標**/	
	.Area_recommend .text {width: 75%;margin: auto;}
	.Area_recommend .text .layout_text {position:relative;width:100%;margin:0 auto;padding:5vw 0 0 0 ;}
		

	/**頁簽內小標**/	
	.Area_recommend .sm_text .layout_text {position:relative;width:80%;margin:0 auto;padding:0;}
	
	
	/*公版區*/		
	.Area_recommend .page .layout_PD {}
	.Area_recommend .page .layout_PD ul{width: 80%;}
	.Area_recommend .page .layout_PD ul li {}	
	.Area_recommend .page .layout_PD ul li:hover {box-shadow: none; }	
	}
	@media screen and (max-width: 767px){

		
	/**區標**/	
	.Area_recommend .text {}
	.Area_recommend .text .layout_text {position:relative;width:100%;margin:0 auto;padding:5vw 0 0 0 ;}
			
	
	/**頁簽內小標**/	
	.Area_recommend .sm_text .layout_text {position:relative;width:100%;margin:0 auto;padding:0;}
		

	/*公版區*/		
	.Area_recommend .page .layout_PD {}
	.Area_recommend .page .layout_PD ul{}
	.Area_recommend .page .layout_PD ul li {}	
	.Area_recommend .page .layout_PD ul li:hover {box-shadow: none; }	
	}





/*下方公版*/
@media screen and (min-width:768px){
	.Area_below  {height:100%; top: 3vw;}
	.Area_below .box {position: relative;background-color: #d5ecff;width: 96%;margin:2vw auto 2vw auto;border-radius: 1rem;padding-top:2vw; padding-bottom: 2vw;}
		
	/**區標**/	
	.Area_below .box .layout_tt {position:relative;width:85%;margin:0 auto;padding-top:0vw;}
	/**區標	
	.Area_below .text04 {width:60%;margin:0 auto;}
	.Area_below .text04 .layout_text {}**/
		
	/**公版入稿**/		
	.Area_below .box .layout_PD {}
	.Area_below .box .layout_PD ul {width: 95%;}
		
		
		
	}
@media screen and (max-width:767px){
	.Area_below  {height:100%;}
	.Area_below .box {position: relative;background-color: #d5ecff;width: 95%;margin: 3vw auto 2vw auto;border-radius: 1rem;padding-top: 2vw; padding-bottom: 5vw;}
		
	/**區標**/	
	.Area_below .box .layout_tt {position:relative;width:99%;margin:0 auto;}
	/**區標	
	.Area_below .text04 {width:95%;margin:0 auto;padding-bottom:2vw;padding-top:2vw;}
	.Area_below .text04 .layout_text {}	**/
	/**公版入稿**/		
	.Area_below .box .layout_PD ul{width: 92vw;}
		
		
	}






/*品牌輪播公版*/
@media screen and (min-width:768px){
	.Area_dreambrand  {height:100%;}	
	
	/**區標**/	
	.Area_dreambrand .text {position:relative;width:75%;margin:0 auto;}
	.Area_dreambrand .text .layout_text {}
		
	/**品牌區**/		
	.Area_dreambrand .box {width:96%;margin:0 auto;overflow: hidden;background-color: #d5ecff;border-radius: 1rem;margin-bottom: 3vw;}	
	.Area_dreambrand .box .layout_text {width:75%;margin:20px auto 0 auto}	
		
		
	.Area_dreambrand .box .layout_PD {width:95%;overflow:hidden}	
	.Area_dreambrand .box .layout_PD { }
	.Area_dreambrand .box .layout_PD ul {display:flex;}
	.Area_dreambrand .box .layout_PD ul li {}
	.Area_dreambrand .box .layout_PD .PD_into .Price {font-size:25px!important;}
		
		
	.Area_dreambrand .box .layout_PD .swiper-pagination {position:relative;margin:1vw 0;}
	.Area_dreambrand .box .layout_PD .swiper-pagination-bullet {background-color:#ffffff;opacity:.4;transition: opacity .3s,background-color .3s,width .3s;transition-delay: .3s,.3s,0s;}
	.Area_dreambrand .box .layout_PD .swiper-pagination-bullet-active {transition-delay: 0s;opacity: 1}	
		
	.Area_dreambrand .PD_layout.PDbox{margin: 0 10px 20px 10px;}
	}
@media screen and (max-width:767px){
	.Area_dreambrand  {height:100%;}
	.Area_dreambrand .box {width:96%;margin:0 auto;overflow: hidden;background-color: #d5ecff;border-radius: 1rem;margin-bottom: 7vw;}
	
	.Area_dreambrand .layout_text{margin-top: 2vw;}

	/**區標**/	
	.Area_dreambrand .text {position:relative;width:100%;margin:0 auto;}
	.Area_dreambrand .text .layout_text {}	
	/**公版入稿**/		
	.Area_dreambrand .box .layout_PD {}	
	.Area_dreambrand .box .layout_PD {width:98%;margin:0 auto;padding:0;margin-bottom:2vw; overflow: hidden}
	.Area_dreambrand .box .layout_PD ul {display:flex;}
	.Area_dreambrand .box .layout_PD ul li {background-color: #fff;}
	.Area_dreambrand .box .layout_PD .PD_into .Price {font-size:25px!important;}
		
	.Area_dreambrand .box .layout_PD .swiper-pagination {position:relative;margin:2vw 0;}
	.Area_dreambrand .box .layout_PD .swiper-pagination-bullet {background-color:#ffffff;opacity: .4;transition: opacity .3s,background-color .3s,width .3s;transition-delay: .3s,.3s,0s;}	
	.Area_dreambrand .box .layout_PD .swiper-pagination-bullet-active {transition-delay: 0s;opacity: 1}	
	.Area_dreambrand .PD_layout.PDbox{margin: 0 2vw 2vw 2vw;}
	}
	


/*旗艦館*/
@media screen and (min-width:768px){
.Area_guan  {height:100%;}	


.Area_guan .PD_layout ul li:nth-child(6) {left:100px}	
.Area_guan .PD_layout ul li:nth-child(7) {left:100px}	
.Area_guan .PD_layout ul li:nth-child(8) {left:100px}	
.Area_guan .PD_layout ul li:nth-child(9) {left:100px}	
}
@media screen and (max-width:767px){
.Area_guan  {height:100%;}
/**區標**/	
.Area_guan .text03 {position:relative;width:100%;margin: 0 auto;}
.Area_guan .text03 .layout_text {}	
.Area_guan .PD_layout {}
.Area_guan .PD_layout ul{width:90%!important;margin:0 auto;padding: 2vw 0;}
.Area_guan .PD_layout ul li {}
}



/*icon*/
@media screen and (min-width:768px){
.Area_icon  {height:100%;}

.Area_icon .PD_layout ul li {margin: 5px;}	
}
@media screen and (max-width:767px){
.Area_icon  {height:100%;}
/**區標**/	
.Area_icon .text03 {position:relative;width:100%;margin: 0 auto;}
.Area_icon .text03 .layout_text {}	
.Area_icon .PD_layout {}
.Area_icon .PD_layout ul{width:90%!important;margin:0 auto;padding: 2vw 0;}
.Area_icon .PD_layout ul li {}
	}
	






/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 6px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}


/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swipwe_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swipwe_remove_box_style ul li,
.Area .swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swipwe_remove_box_style ul {}
}
	
	
	
	
	













/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}






/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
		  
.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  

		  
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}


	}







/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	



/*輪播物件*/
.Area_swiperPD .box{ position: relative; overflow: hidden;  margin: 0 auto;}
.Area_swiperPD .box ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); }
.Area_swiperPD .box ul.PD_wrapper li{ flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border-top: none; border-right:none; border-radius: 10px;}
.Area_swiperPD .PD_layout .PD p .Price { font-size: 25px; }

@media screen and (min-width: 768px) {
.Area_swiperPD .box ul.PD_wrapper { padding: 0 0 50px;}
.Area_swiperPD .box ul.PD_wrapper li{ width: 304px; margin: 0; padding: 0;}
}
@media screen and (max-width: 767px) {
.Area_swiperPD .box { width: 96%;}
.Area_swiperPD .box ul.PD_wrapper { padding: 0 0 7vw;}
.Area_swiperPD .box ul.PD_wrapper li{ width: 48vw; margin: 0; padding: 0;}
.Area_swiperPD .PD_layout .PD .Price{ font-size:24px; }
.Area_swiperPD .PD_layout .PD p b, .Area_swiperPD .PD_layout .PD p del, .Area_swiperPD .PD_layout .PD p .money{ font-size:14px; }
}











/* 作圖入稿區標 (pc:1220px,mb:960px) */
.box_title_img{margin: 0 auto; z-index: 5; width: 85%;}
.box_title_img li{pointer-events: none;}
@media screen and (max-width:767px){
  .box_title_img{width: 90%;}
}







@media screen and (max-width:767px) {
	.w-sm .PD_layout ul.PD_wrapper{width: 94vw!important; margin: 0 auto;}
	.Area_danji {width: 94vw;}
}
.p-e-n{pointer-events: none;}
/* 推推樂 */
.mb-l{margin-bottom: 60px;}
.mb-m{margin-bottom: 30px;}
.mb-s{margin-bottom: 10px;}

@media screen and (max-width:767px) {
.mb-l{margin-bottom: 8vw;}
.mb-m{margin-bottom: 5vw;}
.mb-s{margin-bottom: 2vw;}
}

.pb-l{padding-bottom: 60px;}
.pb-m{padding-bottom: 30px;}
.pb-s{padding-bottom: 10px;}

@media screen and (max-width:767px) {
.pb-l{padding-bottom: 8vw;}
.pb-m{padding-bottom: 5vw;}
.pb-s{padding-bottom: 2vw;}
}

/*移除公版設定，區標、BN作圖區移除公版樣式，PD_layout 區塊加上remove_box_style標籤
*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}

/*輪播移除公版設定，輪播公版移除公版樣式設定，PD_layout 區塊加上swiper_remove_box_style標籤
*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}

/*3品公版間距*/
.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}




.Area_item .PD_layout .PD p {color: #ffd21f;}



	

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}