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

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


/*全BOX版面*/
.WRAPPER {background:url(bg_repeat.jpg?t=1738919268665)top center repeat-y;background-size:100%;z-index:0;position: relative;display:block;margin: 0 auto;padding:0;overflow:hidden;width:100%;min-width:1220px;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 {  min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}
  @media screen and (max-width:767px){	
	.mo_top { z-index:-60; position:absolute; top: 44px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}	
}
  
  


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {padding-top:80px;margin-top:-22px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background: #ffcc82;background-size:100%;padding-top:4vw;}
}
	



/*版頭區*/
@media screen and (min-width:768px){
.bg_01 { z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_item { z-index:-7; position:absolute; top:2000px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.Area_title {height: 811px;}
.date_bg {position:absolute;top: 201px;left: 215px;z-index: 14;/*pointer-events: none;*/margin: auto;}
.date_bg img{width: 98%;}
.product_001 {position:absolute;top: 64px;left: 22px;z-index: 13;pointer-events: none;margin: auto;animation: fadeIn .8s 0.35s ease-in forwards;opacity: 0;}
.product_001 img{width: 109%;}
.product_002 {position:absolute;top: 436px;left: 81px;z-index: 11;pointer-events: none;margin: auto;animation: fadeIn 1s 0.35s ease-in forwards;opacity: 0;}
.product_002 img{width: 98%;}
.product_003{position:absolute;top: 455px;left: 841px;z-index: 42;pointer-events: none;margin: auto;animation: fadeIn 1.2s 0.35s ease-in forwards;opacity: 0;}
.product_003 img{width: 98%;}
.product_004 {position:absolute;top: 121px;left: 882px;z-index: 22;pointer-events: none;margin: auto;animation: fadeIn 1.5s 0.35s ease-in forwards;opacity: 0;}
.product_004 img{width: 98%;}
}
@media screen and (max-width: 767px){
.Area_title {height: 68vw;/* background-color: #761b39; */}
.date_bg {position:absolute;width: 20%;top: 11vw;left: 9vw;z-index: 10;}
.product_001 {position:absolute;width: 42%;top: 0vw;left: -6vw;z-index: 5;animation: fadeIn .8s 0.35s ease-in forwards;opacity: 0;}
.product_002 {position:absolute;width: 46%;top: 34vw;left: 2vw;z-index: 5;animation: fadeIn 1s 0.35s ease-in forwards;opacity: 0;}
.product_003 {position:absolute;width: 27%;top: 37vw;left: 72vw;z-index: 5;animation: fadeIn 1.2s 0.35s ease-in forwards;opacity: 0;}
.product_004 {position:absolute;width: 27%;top: 3vw;left: 77vw;z-index: 5;animation: fadeIn 1.5s 0.35s ease-in forwards;opacity: 0;}
.left_mm {position:absolute;width: 34.5%;top: 29vw;left: -14vw;z-index: 0;opacity: 0;animation:  slideInRight 1s 0.3s forwards alternate,uptodown-play 3s 1.5s infinite alternate;}
.right_mm {position:absolute;width: 35.5%;top: 39vw;right: -14vw;z-index: 0;opacity: 0;animation:  slideInLeft 1s 0.3s forwards alternate,uptodown-play 3s 1.5s infinite alternate;}
}
	



/*主標入稿*/
#eWriterBtn_bt_B_000_99 {position:absolute;top: 85px;}
@media screen and (min-width:768px){
/*主標*/		
.Area_title .subtitle {position:absolute;width: 804px;height:auto;top: 258px;left: 0;right: 0;z-index: 7;margin: auto;}
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {}
.Area_title .subtitle .layout_title .PD_slide:hover{transform:none;}
	
	
/*副標輪播*/	
.Area_title  .titile02 {position:absolute;width: 553px;top: 345px;left: 340px;overflow: hidden;z-index: 8;animation:fadeInDown_s 0.5s 0.1s ease-in forwards;opacity: 0;}
.Area_title  .titile02 .PD_layout {}
.Area_title  .titile02 .PD_layout ul {display:flex;}
.Area_title  .titile02 .PD_layout ul li {}
.Area_title  .titile02 .PD_slide:hover{transform:none;}
.Area_title  .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	



/** 公版 **/	
.Area_title .box {margin-top: 10px;}	
.Area_title .box .PD_layout {width: 94%;overflow:hidden;top: 440px;margin-left: 0;}	
.Area_title .box .PD_layout ul {padding-left: 0;}
.Area_title .box .PD_layout ul li {}
.Area_title .box .PD_layout .PD_into .Price {font-size:25px!important;}	
.Area_title .box .PD_layout .swiper-pagination {position:relative;margin: 52px 0;}


.Area_title .Area_bottom{padding-top: 159px;margin-top: -104px;margin-bottom:31px;}





}
@media screen and (max-width:767px){
/*主標*/	
.Area_title .subtitle {position: absolute;top: 18.5vw;width: 88%;left: -2vw;right: 0;margin: auto;}
.Area_title .subtitle .layout_title {width: 89%;left: 0;right: 0;margin: auto;}
.Area_title .subtitle .layout_title ul {}
	
/*副標輪播*/	
.Area_title .titile02 {position:absolute;width: 63%;top: 40vw;left: 19vw;overflow: hidden;animation:fadeInDown_s 0.5s 0.1s ease-in forwards;opacity: 0;z-index: 9;}
.Area_title .titile02 .PD_layout {}
.Area_title .titile02 .PD_layout ul {display:flex;}
.Area_title .titile02 .PD_layout ul li {}
.Area_title  .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}		


/** 公版 **/	
.Area_title .box {}	
.Area_title .box .PD_layout {width:95%;overflow:hidden}	
.Area_title .box .PD_layout {top: 58vw;width: 90%;}
.Area_title .box .PD_layout ul {}
.Area_title .box .PD_layout ul li {}
.Area_title .box .PD_layout .PD_into .Price {font-size: 26px!important;}	
.Area_title .box .PD_layout .swiper-pagination {position:relative;margin:5vw 0;}




/*日期*/	
.Area_title .date {position: absolute;top: 73vw;animation:big 0.8s .2s ease-out forwards,float_s 3.2s 2.5s infinite ease-in;width: 38%;left: -4vw;z-index: 2;}
.Area_title .date .layout_date {width: 73%;left: 0;right: 0;margin: auto;}
.Area_title .date .layout_date ul {}


}


/*版頭品入稿*/
@media screen and (min-width:768px){
	.Area_title .box .layout_toppd {position:absolute;width: 880px;top: 465px;margin: 0 auto;right: 0;left: 0;z-index: 5;background-color: #fcde49;padding: 8.5px;border-radius: 21px;box-shadow: 0px 0px 0px 0px #fcde49, 0px -1px 0px -2px #fcde49, inset 0px 0px 1px 1px #fcde49, inset 0px -9px 0px 2px #fcde49;}
	.Area_title .box .layout_toppd ul {padding:0;}
	.Area_title .box .layout_toppd ul li {}
	.Area_title .box .layout_toppd .PD_into {align-items:center!important;}
	.Area_title .box .layout_toppd .PD h3 {font-size:20px;}
	.Area_title .box .layout_toppd .PD h3 span{max-width:100%!important;}
	.Area_title .box .layout_toppd .PD h4 {font-size:20px;font-weight: 800;}
	.Area_title .box .layout_toppd .PD p {height:5em;line-height:5em;}
	.Area_title .box .layout_toppd .PD p .Price {font-size:35px;}
	
	}
	@media screen and (max-width:767px){
	.Area_title .box .layout_toppd {position:absolute;top: 58vw;width: 95%;left: 0;right: 0;z-index: 2;}
	.Area_title .box .layout_toppd ul {width: 100% !important;}	
	.Area_title .box .layout_toppd .PD h3 {font-size:13px !important;}
	.Area_title .box .layout_toppd .PD h4 {font-size:11px;font-weight: 800;}
	.Area_title .box .layout_toppd .PD p {font-size: 12px;}

	.Area_title .box .layout_toppd .PD .js-PD_del {font-size: 7px;}

	.Area_title .box .layout_toppd .PD p .Price {font-size:21px;}

		
	}


/* 今日最低價*/
@media screen and (min-width:768px){
	.Area_discount  {height:100%;}
	.Area_discount .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 85px auto;}	
	.Area_discount .box .PD_layout ul{border-radius: 7px;margin-top:29px;}
	/**區標**/	
	.Area_discount .text {margin-bottom: 3vw;padding-top: 85px;width: 70%;margin: auto;}
	/** 公版 **/	
	.Area_discount .box {position:relative;margin-bottom:50px;width: 85%;margin: 21px auto 25px auto;}	
	.Area_discount .box .PD_layout ul{border-radius: 11px;grid-gap: 1.2em;        background-color: #ffffff00;}
	.Area_discount .box .PD_layout ul li{border-radius: 15px;border: 0.1vw solid #000;background-color: #fff;}

	/** 倒數 **/
	.Area_discount .TimerNick {position: absolute;top: 146px;left: -12px;right: 0;padding: 0;margin: 0;text-align: center;z-index: 0;}
	.Area_discount .TimerNick .FontStyle {display: inline-block;margin: 0;padding: 17px;width: 43px;font: normal 32px/9px Arial;color: #2a2a2a;letter-spacing: 0;text-align: center;background-color: #ffdc69;border-radius: 10px;}
	.Area_discount .TimerNick span {padding-left: 15px;font: bold 24px/34px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #363636;}
	.Area_discount .TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#95c1ff;}
	
	
	/**區標**/	
	.Area_discount .text {margin-bottom: 3vw;padding-top: 32px;width: 68%;margin: auto;}
	.Area_discount .text .PD_layout .PD_into{width: 100%;}
	.Area_discount .text .PD_layout .PD_into .PD_logo{width: 32%;}  
	.Area_discount .text .PD_layout .PD_into h3{width: 100%;font-size: 45px;line-height: 61px;color: #1c1c1c;text-align: center;margin-top: -26px;}  

	/**公版入稿**/		
	.Area_discount .box .layout_PD {}
}
@media screen and (max-width:767px){

	.Area_discount  {}
	.Area_discount .box {position: relative;}
	.Area_discount .box .PD_layout ul{border-radius: 3vw;width: 100%;}
	/**區標**/	
	.Area_discount .text {padding-top: 0vw;width: 96%;margin: 0px auto -2vw auto;}
	.Area_discount .box .layout_tt {width: 90%;margin:0 auto;padding: 1vw;}

/** 倒數 **/
.Area_discount .TimerNick {position: absolute;top: 13vw;left: -20px;right: 0;padding: 0;margin: 0;text-align: center;z-index: 0;}
.Area_discount .TimerNick .FontStyle {display: inline-block;margin: 0;padding: 9px;width: 17px;font: normal 15px/9px Arial;color: #232323;letter-spacing: 0;text-align: center;background-color: #ffd84a;border-radius: 1vw;}
.Area_discount .TimerNick span {padding-left: 6px;font: bold 14px/33px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #171717;}
.Area_discount .TimerNick small{  position: relative; font: bold 15px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color:#95c1ff;}




	/** 公版 **/	
	.Area_discount .box {position: relative;}
	.Area_discount .box .PD_layout ul{border-radius: 2vw;width: 97%;grid-gap: .2em;margin-top: 5vw;}
	.Area_discount .box .PD_layout ul li{border-radius: 2vw;border: 0.5vw solid #000;}

	/**區標**/	
	.Area_discount .text {width: 100%;margin: auto;}
	.Area_discount .text .PD_layout .PD_into{width: 80%;margin: -2vw auto 0vw;color: #000;}
	.Area_discount .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_discount .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  

	/**公版入稿**/		
	.Area_discount06 .box .layout_PD {
    padding-bottom: 10vw;}
		
		
}
	
/* 今日最低價*/
@media screen and (min-width:768px){
	.Area_discount02 {height:100%;}
	.Area_discount02 .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 85px auto;}	
	.Area_discount02 .box .PD_layout ul{border-radius: 7px;}
	/**區標**/	
	.Area_discount02 .text {margin-bottom: 3vw;padding-top: 85px;width: 70%;margin: auto;}
	/** 公版 **/	
	.Area_discount02 .box {position:relative;margin-bottom:50px;width: 85%;margin: -32px auto 17px auto;}	
	.Area_discount02 .box .PD_layout ul{border-radius: 11px;grid-gap: 1.2em;        background-color: #ffffff00;}
	.Area_discount02 .box .PD_layout ul li{border-radius: 15px;border: 0.1vw solid #000;background-color: #fff;}

	/**區標**/	
	.Area_discount02 .text {margin-bottom: 3vw;padding-top: 2px;width: 68%;margin: auto;}
	.Area_discount02 .text .PD_layout .PD_into{width: 100%;}
	.Area_discount02 .text .PD_layout .PD_into .PD_logo{width: 32%;}  
	.Area_discount02 .text .PD_layout .PD_into h3{width: 100%;font-size: 45px;line-height: 61px;color: #1c1c1c;text-align: center;margin-top: -26px;}  

	/**公版入稿**/		
	.Area_discount02 .box .layout_PD {}
}
@media screen and (max-width:767px){

	.Area_discount02 {}
	.Area_discount02 .box {position: relative;}
	.Area_discount02 .box .PD_layout ul{border-radius: 3vw;width: 100%;}
	/**區標**/	
	.Area_discount02 .text {padding-top: 0vw;width: 96%;margin: 0px auto -2vw auto;}
	.Area_discount02 .box .layout_tt {width: 90%;margin:0 auto;padding: 1vw;}




	/** 公版 **/	
	.Area_discount02 .box {position: relative;}
	.Area_discount02 .box .PD_layout ul{border-radius: 2vw;width: 97%;grid-gap: .2em;margin-top: -4vw;}
	.Area_discount02 .box .PD_layout ul li{border-radius: 2vw;border: 0.5vw solid #000;}

	/**區標**/	
	.Area_discount02 .text {width: 100%;margin: 4vw auto 0;}
	.Area_discount02 .text .PD_layout .PD_into{width: 80%;margin: -2vw auto 0vw;color: #000;}
	.Area_discount02 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_discount02 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  

	/**公版入稿**/		
	.Area_discount02 .box .layout_PD {
    padding-bottom: 4vw;
    }
		
		
}




/* 今日最低價*/
@media screen and (min-width:768px){
	.Area_discount03 {height:100%;}
	.Area_discount03 .box {position:relative;margin-bottom:50px;width: 85%;margin: -24px auto 85px auto;}	
	.Area_discount03 .box .PD_layout ul{border-radius: 7px;}
	/**區標**/	
	.Area_discount03 .text {margin-bottom: 3vw;padding-top: 85px;width: 70%;margin: auto;}
	/** 公版 **/	
	.Area_discount03 .box .PD_layout ul{border-radius: 11px;grid-gap: 1.2em;        background-color: #ffffff00;}
	.Area_discount03 .box .PD_layout ul li{border-radius: 15px;border: 0.1vw solid #000;background-color: #fff;}

	/**區標**/	
	.Area_discount03 .text {margin-bottom: 3vw;padding-top: 3px;width: 68%;margin: auto;}
	.Area_discount03 .text .PD_layout .PD_into{width: 100%;}
	.Area_discount03 .text .PD_layout .PD_into .PD_logo{width: 32%;}  
	.Area_discount03 .text .PD_layout .PD_into h3{width: 100%;font-size: 45px;line-height: 61px;color: #1c1c1c;text-align: center;margin-top: -26px;}  

	/**公版入稿**/		
	.Area_discount03 .box .layout_PD {}
}
@media screen and (max-width:767px){

	.Area_discount03 {}
	.Area_discount03 .box {position: relative;}
	.Area_discount03 .box .PD_layout ul{border-radius: 3vw;width: 100%;}
	/**區標**/	
	.Area_discount03 .text {padding-top: 0vw;width: 96%;margin: 0px auto -2vw auto;}
	.Area_discount03 .box .layout_tt {width: 90%;margin:0 auto;padding: 1vw;}




	/** 公版 **/	
	.Area_discount03 .box {position: relative;}
	.Area_discount03 .box .PD_layout ul{border-radius: 2vw;width: 97%;grid-gap: .2em;margin-top: -4vw;}
	.Area_discount03 .box .PD_layout ul li{border-radius: 2vw;border: 0.5vw solid #000;}

	/**區標**/	
	.Area_discount03 .text {width: 100%;margin: 4vw auto 0;}
	.Area_discount03 .text .PD_layout .PD_into{width: 80%;margin: -2vw auto 0vw;color: #000;}
	.Area_discount03 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_discount03 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  

	/**公版入稿**/		
	.Area_discount03 .box .layout_PD {
    padding-bottom: 4vw;
    }
		
		
}


/*輪播*/
@media screen and (min-width:768px){
	.Area_topitem {height: 669px;top: 50px;}

	.Area_topitem .bg01 {z-index:-45;position:absolute;top: -54px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}		

	
	.Area_topitem  {height:100%;}
	.Area_topitem .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 6px auto;}	
	.Area_topitem .b_box {padding-top: 1vw;background: linear-gradient(45deg, #f5e1ff, #f5e1ff);border: 1px solid #000000;width: 88%;margin: 0 auto 3vw;border-radius: 55px;}	
	.Area_topitem .text02 {width: 65%;margin: auto;}	

	/**區標**/	
	.Area_topitem .text {margin-bottom: 3vw;padding-top: 85px;width: 70%;margin: auto;}
	.Area_topitem .text {margin-bottom: 3vw;padding-top: 85px;width: 70%;margin: auto;}

	.Area_topitem .text02 .PD_layout .PD_into{display: flex;flex-direction: row;}
	.Area_topitem .text02 .PD_layout .PD_into .PD_logo{width: 48%;left: -204px;position: absolute;}  
	.Area_topitem .text02 .PD_layout .PD_into h3{width: 100%;font-size: 48px;line-height: 2em;color: #e6c397;margin-left: 105px;}  

	/** 公版 **/	
	.Area_topitem .box {padding-top: 0px;}	
	.Area_topitem .box .PD_layout {width: 92%;margin: auto;overflow:hidden;top: 3px;/* margin-left: 0; */}	
	.Area_topitem .box .PD_layout ul {display:flex;padding-left: 0;border-radius: 7px;}
	.Area_topitem .box .PD_layout ul li {}
	.Area_topitem .box .PD_layout .PD_into .Price {font-size:25px!important;}	
	.Area_topitem .box .PD_layout .swiper-pagination {position:relative;margin: 12px 0;}
		.Area_topitem .box .PD_layout .PD_into .Price {font-size:25px!important;}	
		.Area_topitem .box .PD_layout .swiper-pagination {position:relative;margin: 12px 0;}
	
}	
@media screen and (max-width:767px){
	.Area_topitem {height: 100%;}
		
	.Area_topitem .box {position: relative;}

	.Area_topitem .b_box {padding-top: 1vw;background: url(frame_bg.png?t=1738919268666)top center no-repeat;background-size: 98%;margin: auto;width: 95%;margin: 0 auto 1vw;}	


	/**區標**/	
	.Area_topitem .text {padding-top: 0vw;width:100%;margin: 0px auto 2vw auto;}
	.Area_topitem .box .text02 {width: 96%;margin: auto;padding-top: 5vw;padding-left: 6vw;}
	
	.Area_topitem .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-bottom: 4vw;}
	.Area_topitem .text02 .PD_layout .PD_into .PD_logo{width: 48%;position: absolute;left: 0;}  
	.Area_topitem .text02 .PD_layout .PD_into h3{width: 65%;font-size: 1.5em;line-height: 1.2em;color: #e9c899;position: relative;left: 34vw;}  

	/** 公版 **/	
	.Area_topitem .box {height: 76vw;}	
	.Area_topitem .box .PD_layout {width:92% !important;overflow:hidden}	
	.Area_topitem .box .PD_layout {width: 100%;}
	.Area_topitem .box .PD_layout ul {display:flex;margin: 0;padding: 0;}
	.Area_topitem .box .PD_layout ul li {}
	.Area_topitem .box .PD_layout .PD_into .Price {font-size:25px!important;}	
	.Area_topitem .box .PD_layout .swiper-pagination {position:relative;margin: 4vw 0;}

	/** 公版 **/	
	.Area_topitem .box {/* height: auto; */}	
	.Area_topitem .box .PD_layout02 {width:95% !important;overflow:hidden}	
	.Area_topitem .box .PD_layout02 {top: 2vw;width: 100%;}
	.Area_topitem .box .PD_layout02 ul {display:flex;margin: 0;padding: 0;}
	.Area_topitem .box .PD_layout02 ul li {}
	.Area_topitem .box .PD_layout02 .PD_into .Price {font-size:25px!important;}	

	.NavArea_tabbar_page{width: 90% !important;}



}
	



/**bn輪播**/	
@media screen and (min-width:768px){
	.Area_bn {/* background-color: #b32c29; */}
	/** 公版 **/		
	.Area_bn .box {margin: auto;}	
	/**區標**/	
	.Area_bn .text {position:relative;width: 50%;margin: auto;}
	.Area_bn .text .layout_text {width: 100%;margin:0 auto;padding-top: 70px;padding-bottom: 0px;}
	.Area_bn .text .layout_text .PD_slide:hover{transform:none;}
	.Area_bn .text .layout_text .PD a {pointer-events: none!important}
	



	.Area_bn .box .PD_layout {width:100%;/* overflow:hidden; */margin-top: 0px;}	
	.Area_bn .box .PD_layout ul {display:flex;height: 226px;}
	.Area_bn .box .PD_layout ul li {}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin:30px 0;}
}
@media screen and (max-width:767px){
	.Area_bn {height: 100%;top: 0vw;background-size: 96%;background:url(bn_bg.png?t=1738919268666)top center no-repeat;background-size: 96%;}

	/**區標**/	
	.Area_bn .text {position:relative;width: 95%;margin:0 auto;}
	.Area_bn .text .layout_text {margin:0 auto;padding-top: 5vw;}
	.Area_bn .text .layout_text .PD a {pointer-events: none!important}
			
	/** 公版 **/	
	.Area_bn .box {padding-bottom: 5vw;width: 90%;margin: 3px auto;padding-top: 5vw;}	
	.Area_bn .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_bn .box .PD_layout ul {display:flex;height: 39vw;}
	.Area_bn .box .PD_layout ul li {}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
	
}


/*登記*/
@media screen and (min-width:768px){
	.Area_danjiall {}
	.danji_bg {z-index: -13;position: absolute;top: 148px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;}

	/**區標**/	
	.Area_danjiall .text {margin-bottom: 3vw;padding-top: 25px;width: 68%;margin: auto;}

		
	.Area_danjiall {width:100%;}
	.Area_danjiall .danji_box {width:80%;margin:0 auto;}
	.Area_danjiall .Area_danji .danji_box .box_1{width: 86%;}

	.Area_danjiall .danji_box ul {}
	.Area_danjiall .danji_box ul li{margin-bottom: 0vw  !important;}
	
	.Area_danjiall .warningTxt {margin-bottom:0;}
	.Area_danjiall .warningTxt h3 {color:#000000!important;}

	.Area_danjiall .text_bottom{font-size: 25px;margin-bottom: 30px;color: #131313;}
	
}	
@media screen and (max-width:767px){
	.Area_danjiall {}
		
	/**區標**/	
	.Area_danjiall .text {padding-top: 0vw;width: 100%;/* margin: 0px auto -2vw auto; */}


		
	.Area_danjiall {position:relative;width:100%!important;margin: 0px auto 0 auto !important;}
	.Area_danjiall .Area_danji{}
	.Area_danjiall .danji_box {margin: -0.5em auto 0em auto !important;}
	.Area_danjiall .Area_danji .danji_box .box_1{width: 96%;}

	.Area_danjiall .danji_box ul {}
	.Area_danjiall .danji_box ul li{margin-bottom: 2vw  !important;}

	.Area_danjiall .warningTxt {padding-bottom:0;}
	.Area_danjiall .warningTxt h3 {color:#000000;}
	.Area_danjiall .text_bottom{color: #000;margin-bottom: 0vw;}


}


/*活動按鈕*/
@media screen and (min-width:768px){
	.Area_button02 {height:100%;}
	/**區標**/	
	.Area_button02 .text {margin-bottom: 3vw;padding-top: 1px;width: 68%;margin: auto;}

	/**輪播折價券 **/	
	.Area_button02 .box {}	
	.Area_button02 .box .PD_layout {width:90%;margin:0 auto;overflow:hidden}	
	.Area_button02 .box .PD_layout ul {display:flex;height:200px;}
	.Area_button02 .box .PD_layout ul li {}
	.Area_button02 .box .PD_layout .swiper-pagination {position:relative;margin:15px 0;}
	.Area_button02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	

	/*按鈕*/		
	.Area_button02 .layout_btn {width: 79%!important;margin: -13px auto 4px auto;}
	.Area_button02 .layout_btn ul {}
	.Area_button02 .layout_btn ul li:nth-child(5) {left: 116px;}


}
@media screen and (max-width:767px){
	.Area_button02 {height:100%;}


	.Area_button02 .PD_layout {}
	.Area_button02 .layout_coupon ul {width: 95% !important;margin: 0 auto !important;}
	
	/**區標**/	
	.Area_button02 .text {padding-top: 0vw;width: 100%;margin: 1vw auto 0;}

	/*按鈕*/		
	.Area_button02 .layout_btn {width: 100%!important;margin: -4vw auto 0;}
	.Area_button02 .layout_btn ul {margin-top: 0vw;}
	.Area_button02 .layout_btn ul li{padding: 1vw;}

	.Area_button02 .layout_btn ul li:nth-child(5) {left: 16vw;}



	/**輪播折價券 **/	
	.Area_button02 .box {}	
	.Area_button02 .box .PD_layout {width:95%;overflow:hidden}	
	.Area_button02 .box .PD_layout ul {display:flex;height:20vw;}
	.Area_button02 .box .PD_layout ul li {}
	.Area_button02 .box .PD_layout .swiper-pagination {position:relative;margin:1vw 0;}
	.Area_button02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_button02 .layout_coupon ul {width: 95% !important;margin: 0 auto !important;}
	

		
		
		
}


/*頁籤01 口腔清潔*/
@media screen and (min-width:768px){
	.Area_topitem02 {height: 669px;top: 50px; height: 1761px;display: flex;flex-wrap: wrap;}

	.Area_topitem02 .bg01 {z-index:-45;position:absolute;top: -54px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}		

	
	.Area_topitem02  {height:100%;}
	.Area_topitem02 .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 38px auto;}	
	.Area_topitem02 .b_box {padding-top: 1vw;background: linear-gradient(45deg, #fdd862, #fdd862);border: 1px solid #000000;width: 48%;margin: -9px auto 2vw;border-radius: 33px;}	
	.Area_topitem02 .text02 {width: 91%;margin: auto;}	

	/**區標**/	
	.Area_topitem02 .text {margin-bottom: 3vw;width: 70%;margin: auto;}
	.Area_topitem02 .text {margin-bottom: 3vw;width: 68%;margin: auto;}

	.Area_topitem02 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;}
	.Area_topitem02 .text02 .PD_layout .PD_into .PD_logo{width: 48%;left: -204px;position: absolute;}  
	.Area_topitem02 .text02 .PD_layout .PD_into h3{width: 100%;font-size: 48px;line-height: 2em;color: #e6c397;margin-left: 105px;}  

	/** 公版 **/	
	.Area_topitem02 .box {position:relative;margin-bottom:50px;width: 91%;margin: 7px auto 25px auto;}	
	.Area_topitem02 .box .PD_layout ul{border-radius: 0;}
	.Area_topitem02 .box .PD_layout ul li{background-color: #fff;border-radius: 18px;}

	
}	
@media screen and (max-width:767px){
	.Area_topitem02 {height: 100%;}
		
	.Area_topitem02 .box {position: relative;}

	.Area_topitem02 .b_box {padding-top: 1vw;background: url(frame_yellowbg.png?t=1738919268666)top center no-repeat;background-size: 98%;width: 95%;margin: 0 auto 1vw;height: 91vw;}	


	/**區標**/	
	.Area_topitem02 .text {padding-top: 0vw;width:100%;margin: 4vw auto -2vw auto;}
	.Area_topitem02 .b_box .text02 {width: 90%;margin: auto;padding-top: 3vw;padding-left: 1vw;}
	
	.Area_topitem02 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-bottom: 4vw;}
	.Area_topitem02 .text02 .PD_layout .PD_into .PD_logo{width: 48%;position: absolute;left: 0;}  
	.Area_topitem02 .text02 .PD_layout .PD_into h3{width: 65%;font-size: 1.5em;line-height: 1.2em;color: #e9c899;position: relative;left: 34vw;}  

	
	/** 公版 **/	
	.Area_topitem02 .box {position: relative;width: 93%;margin: 2vw auto 0;}
	.Area_topitem02 .box .PD_layout ul{border-radius: 2vw;width: 97%;grid-gap: .3em;margin-top: 0vw;}
	.Area_topitem02 .box .PD_layout ul li{border-radius: 2vw;/* border: 0.5vw solid #000; */background-color: white;}





}
	















/**logo輪播**/	
@media screen and (min-width:768px){
	.Area_logo {height:100%;}	
	/**區標**/	
	.Area_logo .text {position:relative;width: 66%;margin: 0px auto -45px;}
	.Area_logo .text .layout_text {width: 100%;margin:0 auto;padding-top: 70px;padding-bottom: 0px;}
	/** 公版 **/		
	.Area_logo .box {}	
	.Area_logo .box .PD_layout {width: 98%;margin: 53px auto;}	
	.Area_logo .box .PD_layout ul {
    width: 100%;
}
	.Area_logo .box .PD_layout ul li {
    padding: 5px;
}
	.Area_logo .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_logo .box .PD_layout .swiper-pagination {position:relative;margin:30px 0;}
}
@media screen and (max-width:767px){
	.Area_logo {height:100%;width: 100% !important;margin: auto !important;}
	/**區標**/	
	.Area_logo .text {position:relative;width: 96%;margin: 0px auto;}
	.Area_logo .text .layout_text {width: 100%;margin:0 auto;padding-top: 5vw;}
		
	/** 公版 **/	
	.Area_logo .box {padding-bottom: 0;width: 96%;padding-top: 3vw;margin: auto;}	
	.Area_logo .box .PD_layout {
    display: flex;
    width: 100%;
}	
	.Area_logo .box .PD_layout ul {/* display:flex; *//* height: 20vw; */}
	.Area_logo .box .PD_layout ul li {
    padding: 1vw;
}
	.Area_logo .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_logo .box .PD_layout .swiper-pagination {position:relative;margin:1vw 0;}
	
}













/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li {border: none!important;list-style: none;}
@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: 5px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0;}
  .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;}


	}




/*版頭*/
.Area_top {}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
	}


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

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