@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: #f8f1df;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;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*背景*/
@media screen and (min-width:768px){
.bg_00 { 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_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: -50;position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;background-size:cover;}
.bg_deco { z-index:-49;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 (max-width: 767px){
.bg_01{ z-index:-52;position:fixed;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size:100%;}
.bg_02{z-index:-51;position:absolute;bottom:0;left:0;width:100%;height: 55vw;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;background-size:100%;}
}




  

/*區標共同設定*/
@media screen and (min-width:768px){
.layout_PD {padding-bottom:50px;}
.layout_text ul {margin:0!important;padding:0!important;}
.Area_bottom01 {background:url(bottom01.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:90px;}
.Area_bottom02 {background:url(bottom02.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:90px;}
.Area_bottom03 {background:url(bottom03.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:90px;}
.Area_bottom04 {background:url(bottom04.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top: 70px;}
    
}
@media screen and (max-width:767px){
.layout_text ul {margin:0!important;padding:0!important;}
.layout_PD {padding-bottom:5vw;}
.Area_bottom01 {background:url(bottom01.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top: 13vw;}
.Area_bottom02 {background:url(bottom02.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top: 13vw;}
.Area_bottom03 {background:url(bottom03.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top: 13vw;}
.Area_bottom04 {background:url(bottom04.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top: 6vw;}
  
}



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:655px;}
.icon01 {position:absolute;top: 16px;left: 675px;}
.icon02 {position:absolute;top: 325px;left: 498px;}
.icon03 {position:absolute;top: 331px;left: 130px;}
.icon04 {position:absolute;top: 245px;left: 900px;}
.icon05 {position:absolute;top: 515px;left: 378px;}
.icon06 {position:absolute;top: 525px;left: 165px;}


/*日期*/	
.Area_title .date {position:absolute;top: 259px;left: 158px;width: 9%;height: 33px;}
.Area_title .date .bg {position:relative;}
.Area_title .date .bg img {width: 80%;}
.Area_title .date .TIMER_DAY {}
.Area_title .date .TIMER_DAY span {font-size: 40px;font-weight: 600;line-height: 0;margin-left: 0;color: #a4641c;letter-spacing:0;font-family:Century Gothic;text-align:center;}
.Area_title .date .TIMER_DAY small {font-size: 27px;font-weight:bolder;line-height:5px;margin-left: 0;color: #a4641c;letter-spacing:0;font-family:Century Gothic;text-align:center;}
.Area_title .date .TIMER_DAY #sendMonth {text-align: center;display: inline-block;}
.Area_title .date .TIMER_DAY #sendToday {margin-left: 0;text-align: center;display: inline-block;}

/*關鍵字按鈕*/	
.Area_title .layout_btn {position:absolute;width: 90%;top: 768px;left: 5%;z-index: 2;}
.Area_title .layout_btn ul {}
	
}
@media screen and (max-width: 767px){
.Area_title {height:100%;}
.m_top  {position:relative;width:100%;}	
.icon01 {position:absolute;width: 31%;top: 3vw;left: 66vw;}
.icon02 {position:absolute;width: 39%;top: 31vw;left: 29vw;}
.icon03 {position:absolute;width: 58%;top: 40vw;left: 1vw;}
.icon04 {position:absolute;width: 33%;top: 38vw;left: 64vw;}
.icon05 {position:absolute;width: 17%;top: 52vw;left: 25vw;}
.icon06 {position:absolute;width: 23%;top: 54vw;left: 3vw;}


/*日期*/	
.Area_title .date {position:absolute;top: 24vw;left: 3vw;width: 13%;z-index: 1;}
.Area_title .date .date_bg {position:relative;}
.Area_title .date .TIMER_DAY {}
.Area_title .date .TIMER_DAY span {font-size: 18px;font-weight: 700;line-height: 0;margin-left: 0;color: #9d5817;letter-spacing:0;font-family:Century Gothic;text-align:center;width: 5px;}
.Area_title .date .TIMER_DAY small {font-size: 9px;font-weight:bolder;line-height:5px;margin-left: 0;color: #9e5a18;letter-spacing:0;font-family:Century Gothic;text-align:center;}
.Area_title .date .TIMER_DAY #sendMonth {text-align: center;display: inline-block;}
.Area_title .date .TIMER_DAY #sendToday {margin-left: 0;text-align: center;display: inline-block;}
	



	
}




/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 45%;height: 430px;top: 53px;left: 60px;}
.Area_title .subtitle .layout_title00 {position:absolute;width: 10%;left: 817px;top: 33px;}

.Area_title .subtitle .layout_title {position:absolute;width: 100%;top: 26px;left: 66px;}
.Area_title .subtitle .layout_title ul li:hover {box-shadow: none; }	

/*副標輪播*/	
.Area_title .subtitle .title02 {position:absolute;width: 55%;height: 65px;top: 182px;left: 240px;z-index: 3;} 
.Area_title .subtitle .title02 .PD_layout {} 
.Area_title .subtitle .title02 .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height: 75px;}
.Area_title .subtitle .title02 .PD_layout ul li {}
.Area_title .subtitle .title02 .PD_layout ul li a {pointer-events:none;}
.Area_title .subtitle .title02 .PD_layout ul li:hover {box-shadow: none; }
.Area_title .subtitle .title02 .PD_layout ul li .PD_img img {width:100%;margin:0 auto;}
}

@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 63%;height: 48vw;top: 2vw;left: 2vw;}

/*主標*/	
.Area_title .subtitle .layout_title {position:absolute;width: 100%;left: 1vw;top: 1vw;}

	
/*副標輪播*/	
.Area_title .subtitle .title02 {position:absolute;width: 60%;height: 8vw;top: 19vw;left: 19vw;}
.Area_title .subtitle .title02 .PD_layout {top:1vw;overflow:hidden;} 
.Area_title .subtitle .title02 .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height:10vw;}
	
/*線別*/	
.Area_title .layout_title03 {position:absolute;width: 17%;left: 83vw;top: 13vw;}
}



/*行銷活動+關鍵字*/	
@media screen and (min-width:768px){
.Area_btn {height:100%;}
.Area_btn .bg { z-index:-50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:repeat-y;background-position:center top; pointer-events:none;}

.Area_btn .layout_btn01 {background:url(btn_bg.jpg?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 35px;}
.Area_btn .layout_btn01 ul {padding-top: 23px!important;margin: 0!important;}   

.Area_btn .layout_btn02 {position:absolute;width: 42%;top: -96px;left: 540px;background:url(btn02_bg.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 44px;}
.Area_btn .layout_btn02 ul {width: 100%!important;padding-top: 80px!important;margin-left: 2px!important;}   
}
@media screen and (max-width: 767px){
.Area_btn {height: 100%;}
.Area_btn .layout_btn01 {background:url(btn_bg.jpg?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 2vw;}
.Area_btn .layout_btn01 ul {padding-top: 2vw!important;margin: 0!important;}   

.Area_btn .layout_btn02 {position:absolute;width: 42%;top: -8vw;left: 57vw;background:url(btn02_bg.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 5vw;}
.Area_btn .layout_btn02 ul {width: 101%!important;padding-top: 8vw!important;margin-left: 0vw!important;}   

}
  



/*今日限定*/
@media screen and (min-width:768px){
.Area_topPD {height:100%;}
.Area_topPD .bg { z-index:-50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:repeat-y;background-position:center top; pointer-events:none;}

/*區標*/
.Area_topPD .text {background:url(topPD_bg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
.Area_topPD .text .layout_text {padding-top:6px;}
  
/** 倒數 **/
.TimerNick {display:inline-block;position:absolute;width: 52%;height:36px;left: 490px;top: 35px;text-align:right;z-index:2;}
.TimerNick .FontStyle {display:inline-block;margin: 0 70px 0 0;padding:0;border:0px;font: 40px/45px Arial;color: #1591c7;letter-spacing:0;text-align:right;background:transparent;}
.TimerNick span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
        
/*公版*/	
.Area_topPD .layout_PD {background-color:#18a557;}
.Area_topPD .layout_PD ul {width:96%;margin:0 auto;}
  
}
@media screen and (max-width:767px){
.Area_topPD {height:100%;}

/*區標*/
.Area_topPD .text {background:url(topPD_bg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
.Area_topPD .text .layout_text {padding-top:1vw;}

/** 倒數 **/
.TimerNick {position:absolute;left: 48vw;top: 0vw;display:inline-block;height: 36px;text-align:right;width: 53%;}
.TimerNick .FontStyle {display:inline-block;margin: 0 6vw 0 0;padding:0;border:0px;font: 16px/32px Arial;color: #232323;letter-spacing: 0px;text-align:right;background:transparent;}
.TimerNick span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}

/*公版*/	
.Area_topPD .layout_PD {background-color:#18a557;}
.Area_topPD .layout_PD ul {width:96%;margin:0 auto;}


}
    


/*折價券*/
@media screen and (min-width:768px){
.Area_coupon	{height:100%;}

/*輪播折價券*/	
.Area_coupon .Area_swiper_box {width:98%;}

/*定卡折價券*/		
.Area_coupon .PD_layout-oneClick {width:98%}
/*3p品類券*/	
.Area_coupon .Area_coupon_ppp {padding-bottom:0;}
.Area_coupon .Area_coupon_ppp .Area_swiper {width:100%;}
.Area_coupon .Area_coupon_ppp .Area_swiper_box {width:92%;}

}
@media screen and (max-width:767px){
.Area_coupon	{height:100%;}  
   
/*輪播折價券*/	
.Area_coupon .Area_swiper {width:96%;}
.Area_coupon .Area_swiper_box .PD_layout-coupon3 {padding-bottom:1vw;}
/*定卡折價券*/		
.Area_coupon .PD_layout-oneClick {width:98%!important;}
/*3p品類券*/	
.Area_coupon .Area_coupon_ppp {padding-bottom:0;}
.Area_coupon .Area_coupon_ppp .Area_swiper {width:100%;}
.Area_coupon .Area_coupon_ppp .Area_swiper_box {width:92%;}
}
    



/*登記*/
@media screen and (min-width:768px){
.Area_danjiall {height:100%;}	
.Area_danjiall .Area_danji .danji_box {width:98%;margin-bottom:0;}
                   
/*登記贈品文案顏色*/
.Area_danjiall .warningTxt h3{ color:#000;}
.Area_danji .danji_box ul li .activityText .gifts span { color:#f6e343;}    
}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;}	

.Area_danjiall .Area_danji  {width:96%;}
.Area_danjiall .Area_danji .danji_box {margin-bottom: 0;}
                    
/*登記贈品文案顏色*/
.Area_danjiall .warningTxt h3{ color:#000;}
.Area_danji .danji_box ul li .activityText .gifts span { color:#f6e343;}  
}



/*強檔預告區*/
@media screen and (min-width:768px){
.Area_hot {height:100%;}	
.Area_hot .box {position:relative;}		
.Area_hot .box .layout_text {background:url(hot_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}	

/**bn區**/
.Area_hot .box .layout_bn {background:url(hot_bnbg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
.Area_hot .box .layout_bn ul {width:88%!important;padding:38px 0;}

/**品牌日曆**/			
.Area_hot .layout_day {background-color:#f6e343;margin-bottom: 50px;}
.Area_hot .layout_day  ul {width:96%!important;margin:0 auto!important;padding:0!important ;display: grid;}
.Area_hot .layout_day  ul li {background:url(day_bg.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 0;width: 100%;}
.Area_hot .layout_day ul li a {color: #f6f1de;}
.Area_hot .layout_day .PD p {position:absolute;top: 9px;left: 133px;color: #f6e343;}
.Area_hot .layout_day .PD p .Price {font-size: 2em;}
.Area_hot .layout_day .PD p .money {display: none !important;;}
.Area_hot .layout_day .PD_img {width:90%;margin:0 auto;padding-top: 47px;}
.Area_hot .layout_day .PD_img img {border-radius:50%;}
.Area_hot .layout_day .PD_into {padding-top:6px;}
.Area_hot .layout_day .PD h4 {line-height:3em}
.Area_hot .layout_day .PD_into .js-PD_txt1 {color:#ffffff;font-size: 35px;}
.Area_hot .layout_day .PD_into .js-PD_txt2 {font-size: 35px;padding-top: 7px;}

.Area_hot .Area_bottom04 {background-color: #dc2c2e;}
      
}
@media screen and (max-width:767px){
.Area_hot {height:100%;}	
.Area_hot .box {position:relative;}		
.Area_hot .box .layout_text {background:url(hot_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}	

/**bn區**/
.Area_hot .box .layout_bn {background:url(hot_bnbg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
.Area_hot .box .layout_bn ul {width:88%!important;padding:4vw 0;}


/**品牌日曆**/			
.Area_hot .layout_day {background-color:#f6e343;margin-bottom: 2vw;}
.Area_hot .layout_day ul {width:96%!important;margin:0 auto!important;padding:0!important;display: grid;}
.Area_hot .layout_day .PD_slide { min-width: 100%;}
.Area_hot .layout_day ul li {background:url(day_bg.png?t=1753770537622)top center no-repeat;background-size:100%;height:38vw;width: 100%;}
.Area_hot .layout_day ul li a {color: #f6f1de;}
.Area_hot .layout_day .PD p {position:absolute;top: -1vw;left: 13vw;color: #f5e343;}
.Area_hot .layout_day .PD p .Price {font-size:1em;}
.Area_hot .layout_day .PD p .money {display: none !important;;}
.Area_hot .layout_day .PD_img {padding-top: 5vw;}
.Area_hot .layout_day .PD_img img {border-radius: 50%;}
.Area_hot .layout_day .PD_into {padding-top: 0vw;}
.Area_hot .layout_day .PD_into .js-PD_txt1 {color:#ffffff}

    
}	
  

/*activ*/
@media screen and (min-width:768px){
.Area_activ	{height:100%;}
.Area_activ .PD_layout ul {padding:0!important;;}
}
@media screen and (max-width:767px){
.Area_activ	{height:100%;}
.Area_activ .PD_layout {width:98%;}
.Area_activ .PD_layout ul {padding:0!important;}

}




/*主打品情境圖*/
@media screen and (min-width: 768px){
.Area_item {height:100%;}
.Area_item .Area_swiper {height: 580px;}
.Area_item .Area_swiper_box .PD_layout ul {height: 549px;}
.Area_item .PD_layout .PD p del {display: none;}
.Area_item .PD_layout .PD_into{position: relative;width: 92%;top: -160px;left: 22px;}
.Area_item .PD_layout .PD p {height: 2.5em;line-height: 2em;color:#f6e343;position: relative;left: 210px;top: 2px;}
.Area_item .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
.Area_item .PD_layout .PD h4 {font-size: 27px;position: relative;color: #000000;}	
.Area_item .PD_layout .PD h3 {font-size: 26px;color: #000000;position: relative;top: 4.2px;}		
.Area_item .Area_PD9 .PD_slide {height:505px;background-color: #0000!important;}
}
@media screen and (max-width: 767px){
  .Area_item {height:100%;}
  .Area_item .Area_swiper {padding-top:2vw;}
  .Area_item .Area_swiper_box {padding-bottom:10vw;}
  .Area_item .Area_swiper_box .PD_layout ul {height:82vw;}
  .Area_item .Area_swiper_box .PD_layout ul li {background:url(day_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}
  .Area_item .PD_layout .PD_img {padding:0}
  .Area_item .PD_layout .PD p del {display: none;}
  .Area_item .PD_layout .PD_into{position: relative;left:2vw;top: -28vw;}
  .Area_item .PD_layout .PD p {height: 2.3em;line-height:2em;color:#f6e343;position:absolute;left: 35vw;top: 18vw;}
  .Area_item .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .Area_item .PD_layout .PD h4 {font-size: 20px;top: -3vw;left: 0;position: relative;color: #000000;}	
  .Area_item .PD_layout .PD h3 {font-size: 22px;color: #000000;position: relative;top: 0;left: 0;}		
  .Area_item .Area_PD9 .PD_slide {height:94vw;background-color: #0000!important;}
  .newpd_style .Area_swiper_box .swiper-pagination { bottom: 33px !important;}	
  .Area_item .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
}






/*新品區*/
@media screen and (min-width:768px){
.Area_new	{height:100%;}  

/*標題*/	
.Area_new	.text {background:url(new_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}

/**Bn輪播**/			    
.Area_new .Area_swiper{background-color:#18a557;}
.Area_new .Area_swiper .Area_swiper_box {width:91%;margin:0 auto;overflow: hidden;}


/**公版區**/			
.Area_new .box {background-color:#18a557;}
.Area_new .box .layout_tt {background:url(new_ttbg.png?t=1753770537622)top center no-repeat;background-size:100%;}
.Area_new .box .layout_tt ul {padding: 12px 0;}
.Area_new .box .layout_tt ul li .PD_into {padding-top: 14px;}
.Area_new .box .layout_tt ul li .PD h3 {display:block!important;margin: 0;padding:0;border:0px;font: 400 50px/60px Arial;color: #ffffff;letter-spacing: 0;text-align: center;background:transparent;}

.Area_new .box .Area_swiper{background:url(new_ulbg.png?t=1753770537622)top center repeat-y;background-size:100%;}
.Area_new .box .PD_layout1 ul li .PD_btn {background-image: repeating-linear-gradient(45deg, #4ab0ea -2%, #4dade3 120%);}
.Area_new .bottom {background:url(bottom.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:50px;}	


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

/*標題*/	
.Area_new	.text {background:url(new_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}

/**Bn輪播**/			    
.Area_new .Area_swiper{background-color:#18a557;}
.Area_new .Area_swiper .Area_swiper_box {width:91%;margin:0 auto;overflow:hidden;}


/**公版區**/			
.Area_new .box {background-color:#18a557;}

.Area_new .box .layout_tt {background:url(new_ttbg.png?t=1753770537622)top center no-repeat;background-size:100%;}
.Area_new .box .layout_tt ul {padding:0!important;}
.Area_new .box .layout_tt ul li .PD_into {padding-top: 1.5vw;}
.Area_new .box .layout_tt ul li .PD h3 {display:block!important;margin: 0;padding:0;border:0px;font: 400 22px/32px Arial;color: #ffffff;letter-spacing: 0;text-align: center;background:transparent;}

.Area_new .box .Area_swiper{background:url(new_ulbg.png?t=1753770537622)top center repeat-y;background-size:100%;}
.Area_new .box .PD_layout1 ul li .PD_btn {background-image: repeating-linear-gradient(45deg, #4ab0ea -2%, #4dade3 120%);}

.Area_new .bottom {background:url(bottom.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:8vw;}	

}	




/*活動預告*/
@media screen and (min-width:768px){
  .Area_pre {height:100%;padding: 50px 0 30px 0!important;}	
  .Area_pre .box {position:relative;}		
  .Area_pre .box .layout_text {background:url(hot_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}	
  
  /**bn區**/
  .Area_pre .box .layout_bn {background:url(hot_bnbg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
  .Area_pre .box .layout_bn ul {width:88%!important;padding:38px 0;}
  
  /* 公版區 */
  .Area_pre .pdx10{background-color: #f6e343;}


  }
  @media screen and (max-width:767px){
  .Area_pre {height:100%;padding: 5vw 0 3vw 0!important;}	
  .Area_pre .box {position:relative;}		
  .Area_pre .box .layout_text {background:url(hot_bg.png?t=1753770537622)top center no-repeat;background-size:100%;}	
  
  /**bn區**/
  .Area_pre .box .layout_bn {background:url(hot_bnbg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
  .Area_pre .box .layout_bn ul {width:88%!important;padding:4vw 0;}
  
  /* 公版區 */
  .Area_pre .pdx10{background-color: #f6e343;}

      
  }	
    

  

/*限搶*/
@media screen and (min-width:768px){
.Area_limited	{height:100%;}
/**區標**/	
.Area_limited .text {position:relative;background:url(limited_bg.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 95px;}

/** 倒數 **/
.TimerNick2 {position:absolute;left: 238px;top: 199px;display:inline-block;height: 36px;text-align:right;z-index:1;width: 60%;}
.TimerNick2 .FontStyle {display:inline-block;margin: 0 95px 0 0;padding:0;border:0px;font: 35px/40px Arial;color: #128bc2;letter-spacing: 0px;text-align:right;background:transparent;}
.TimerNick2 span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
                  
/*公版*/		
.Area_limited .layout_PD {background:url(ul01.png?t=1753770537622)top center repeat-y;background-size:100%;padding-bottom: 25px;}
.Area_limited .layout_PD ul {width:92%;margin:0 auto;}
.Area_limited .bottom {background:url(m_bottom.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:50px;}

         
}
@media screen and (max-width:767px){
  .Area_limited	{height:100%;}
    
  /**區標**/	
  .Area_limited .text {position:relative;background:url(limited_bg.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 8vw;}
  .Area_limited .text .layout_text {padding-top: 2vw;}
  
  /** 倒數 **/
  .TimerNick2 {position:absolute;left: 13vw;top: 17vw;display:inline-block;height: 36px;text-align:right;z-index:1;width: 70%;}
  .TimerNick2 .FontStyle {display:inline-block;margin: 0 12% 0 0;padding:0;border:0px;font: 16px/32px Arial;color: #1b1b1b;letter-spacing: 0px;text-align: left;background:transparent;}
  .TimerNick2 span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
  
  /*公版*/		
  .Area_limited .layout_PD {background:url(ul01.png?t=1753770537622)top center repeat-y;background-size:100%;}
  .Area_limited .layout_PD ul {width:92%;margin:0 auto;}

  .Area_limited .bottom {background:url(m_bottom.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:7vw;}
       
        
}



/*大牌區*/
@media screen and (min-width:768px){
  .Area_brand {height:100%;}	
  
  
  .Area_brand .box {background:url(pc_brand_bg01.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom:80px;}	
  .Area_brand .box:nth-child(odd) {background:url(pc_brand_bg02.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom:80px;}	
      
        
  /**品牌LOGO**/	
  .Area_brand .box .PD_layout-D1_02C {width:60%;margin: 0 0 0 166px;padding: 28px 0;}	
  .Area_brand .box .PD_layout-D1_02C ul{padding-top: 10px;}	
  .Area_brand .box .PD_layout-D1_02C ul li a {padding-top:0}	
  .Area_brand .box .PD_layout-D1_02C ul li:hover {box-shadow:none;}	
  .Area_brand .box .PD_layout-D1_02C ul li .PD_img {width: 30%;}
  .Area_brand .box .PD_layout-D1_02C ul li .PD_img img{border-radius: 5em;}
  .Area_brand .box .PD_layout-D1_02C ul li .PD_into {margin: 0 0 0 20px;padding:0;}
  .Area_brand .box .PD_layout-D1_02C ul li .PD h3 {font-size: 1.8em;background-color:#ffffff00;margin: 0;padding: 0;color: #ffffff;}	
  .Area_brand .box:nth-child(odd) .PD_layout-D1_02C ul li .PD h3 {color: #000;}	

/*公版*/		
.Area_brand .box .Area_swiper {width: 96%;margin: 0 0 0 4%;}
  
}	
@media screen and (max-width:767px){
.Area_brand {height:100%;}	
  
  
.Area_brand .box {background:url(brand_bg01.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom:8vw;}	
.Area_brand .box:nth-child(odd) {background:url(brand_bg02.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom:8vw;}	
  
/**品牌LOGO**/	
.Area_brand .box .PD_layout-D1_02C {}	
.Area_brand .box .PD_layout-D1_02C ul{width: 73%!important;margin: 0 0 0 17vw;padding: 1vw 0;}	
.Area_brand .box .PD_layout-D1_02C ul li a {padding-top:0}	
.Area_brand .box .PD_layout-D1_02C ul li:hover {box-shadow:none;}	
.Area_brand .box .PD_layout-D1_02C ul li .PD_img {width:40%;}
.Area_brand .box .PD_layout-D1_02C ul li .PD_img img{border-radius: 5em;}
.Area_brand .box .PD_layout-D1_02C ul li .PD_into {margin: 0;padding:0;}
.Area_brand .box .PD_layout-D1_02C ul li .PD h3 {font-size:1.1em;background-color:#ffffff00;margin:0;padding:0;color: #ffffff;}	
.Area_brand .box:nth-child(odd) .PD_layout-D1_02C ul li .PD h3 {color: #000;}	


/*公版*/		
.Area_brand .box .Area_swiper {width: 95%;margin: 0 0 0 2vw;padding-top: 1vw;}
  
}	
  

/*下方公版*/
@media screen and (min-width:768px){
  .Area_below  {height:100%;background:url(below_bg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
  .Area_below .box {position:relative;background-color:#f6e246;padding-bottom: 10px;}

        
  /**區標**/			
  .Area_below .box .layout_tt {background:url(below_text.png?t=1753770537622)top center no-repeat;background-size:100%;}
  .Area_below .box .layout_tt ul {padding: 60px 0 0 0;}

  .Area_below .box .layout_tt ul li .PD h3 {display:block!important;font: 500 50px/60px Arial;color: #000000;letter-spacing:0;text-align: center;}
   
  /*公版*/		
  .Area_below .box .Area_swiper {width: 90%;margin:0 auto;padding-top:20px;}
    
  }
  
@media screen and (max-width:767px){
  .Area_below  {height:100%;background:url(below_bg.jpg?t=1753770537622)top center no-repeat;background-size:100%;}
  
  /**錨點**/
  .Area_below  .NavArea {padding: 2vw 0;}	
  
  .Area_below .box {position:relative;background-color:#f6e246;padding-bottom:3vw;}
    
  /**區標**/			
  .Area_below .box .layout_tt {background:url(below_text.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom: 1vw;}
  .Area_below .box .layout_tt ul {padding: 5.7vw 0 0 0;}
  .Area_below .box .layout_tt ul li .PD h3 {display:block!important;font: 500 25px/27px Arial;color: #000;letter-spacing:0;text-align:center;}
   
  /*公版*/		
  .Area_below .box .Area_swiper {width:98%;margin:0 auto;}
    
}
    




/*mo店+區塊*/
@media screen and (min-width:768px){
.Area_mosale  {height:100%;background:url(mosale_top.png?t=1753770537622)top center no-repeat;background-size:100%;}

/**區標**/	
.Area_mosale .text {position:relative;padding-top: 0;}

/*三顆按鈕+輪播區*/
.Area_mosale .layout_mocoupon {background-color:#18a556;}
.Area_mosale .Area_swiper {background-color:#18a556;}

.Area_mosale .Area_swiper .Area_swiper_box {width:90%;padding-top: 0;margin:0 auto;}

/**公版**/	
.Area_mosale .layout_PD {}
.Area_mosale .layout_PD ul {padding:0!important;grid-gap:1px!important;}
.Area_mosale .layout_PD ul li {background:url(shop_li.png?t=1753770537622)top center no-repeat;background-size:100%;padding-bottom:10px!important;}
.Area_mosale .layout_PD .PD_img {padding-top: 89px;width: 100%;margin:0 auto;}

.Area_mosale .layout_PD .PD h3 {position:absolute;width:85%;top: 38px;left: 50%;transform: translateX(-50%);font-weight:900;font-size: 18px;color: #ffffff;line-height: 50px;border-radius: 2vw}
.Area_mosale .layout_PD .PD .PD_into .txtn {position:absolute;width: 66%;top: 13px;left: 50%;transform: translateX(-50%);font-weight:900;font-size: 18px;color: #000;line-height: 32px;background: #fff;border-radius: 10px;}
}

@media screen and (max-width:767px){
  .Area_mosale  {height:100%;background:url(mosale_top.png?t=1753770537622)top center no-repeat;background-size:100%;}
  
  /**區標**/	
  .Area_mosale .text {position:relative;}
  
  /*三顆按鈕+輪播區*/
  .Area_mosale .layout_mocoupon {background-color:#18a556;}
  .Area_mosale .Area_swiper {background-color:#18a556;}
  .Area_mosale .Area_swiper .Area_swiper_box {width: 96%;padding-top: 0;margin: 0 auto;overflow: hidden;}

  /**公版**/	
  .Area_mosale .layout_PD ul {margin:0;padding:0}
  .Area_mosale .layout_PD ul li {height: 72vw;background:url(shop_li.png?t=1753770537622)top center no-repeat;background-size:100%;padding-top:17vw;}
  .Area_mosale .layout_PD .PD h3 {position:absolute;width:85%;top:9vw;left:50%;transform: translateX(-50%);font-weight:900;font-size: 19px;color: #ffffff;line-height: 8vw;border-radius: 2vw }
  .Area_mosale .layout_PD .PD .PD_into .txtn {position:absolute;width:85%;top:2vw;left: 50%;transform: translateX(-50%);font-weight:900;font-size:21px;color: #484848;line-height: 8vw;background: #f6e246;border-radius: 2vw;}
  .Area_mosale .layout_PD .PD_slide { min-width: inherit; }


  
}
    




/*品牌logo*/
@media screen and (min-width:768px){
.Area_logo {height:100%;}	
.Area_logo .layout_PD {padding-top:50px;}
.Area_logo .layout_PD ul {padding:0!important;}

}
@media screen and (max-width:767px){
.Area_logo {height:100%;}	
.Area_logo .layout_PD {width:98%;margin:0 auto;padding-top:5vw;}
}
  


/*館連結*/
@media screen and (min-width:768px){
  .Area_gaun {height:100%;}	
  .Area_gaun .PD_layout {width:98%;margin:0 auto;padding:20px 0;}
  }
  @media screen and (max-width:767px){
  .Area_gaun {height:100%;}	
  .Area_gaun .PD_layout {width:98%;margin:0 auto;}
  }
    

























































/*移除公版設定*/
.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 {}
}


/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}


.Area .swipwe_remove_box_style ul li { border: none!important; background-color:transparent;}

.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 {}
}
	
/*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;}
}
	
	
	













/*置底*/
.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;}


	}





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

	
/*注意事項區*/
.edm_notice{text-align:center;padding:10px 10px 15px 10px;color: #000000;font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }


/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}

/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}

.Area .swipwe_remove_box_style ul li { border: none!important; background-color:transparent;}

.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 {}
}