@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:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_03 { 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;}
.bg_deco { z-index:-44;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:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; 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=1752567835583)top center no-repeat;background-size:100%;padding-top:90px;}
.Area_bottom02 {background:url(bottom02.png?t=1752567835583)top center no-repeat;background-size:100%;padding-top:90px;}
.Area_bottom03 {background:url(bottom03.png?t=1752567835583)top center no-repeat;background-size:100%;padding-top:90px;}
.Area_bottom04 {background:url(bottom04.png?t=1752567835583)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=1752567835583)top center no-repeat;background-size:100%;padding-top: 13vw;}
.Area_bottom02 {background:url(bottom02.png?t=1752567835583)top center no-repeat;background-size:100%;padding-top: 13vw;}
.Area_bottom03 {background:url(bottom03.png?t=1752567835583)top center no-repeat;background-size:100%;padding-top: 13vw;}
.Area_bottom04 {background:url(bottom04.png?t=1752567835583)top center no-repeat;background-size:100%;padding-top: 6vw;}
  
}



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 757px;}
.icon01 {position:absolute;top: 42px;left: 715px;}
.icon02 {position:absolute;top: 287px;left: 656px;}
.icon03 {position:absolute;top: 300px;left: 911px;}
.icon04 {position:absolute;top: 515px;left: 595px;}
.icon05 {position:absolute;top: 515px;left: 378px;}
.icon06 {position:absolute;top: 525px;left: 165px;}


/*日期*/	
.Area_title .date {position:absolute;top: 157px;left: 412px;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: #f8f1df;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: #f1ebd8;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: 40%;top: 3vw;left: 55vw;}
.icon02 {position:absolute;width: 23%;top: 30vw;left: 54vw;}
.icon03 {position:absolute;width: 16%;top: 31vw;left: 82vw;}
.icon04 {position:absolute;width: 30%;top: 54vw;left: 47vw;}
.icon05 {position:absolute;width: 17%;top: 52vw;left: 25vw;}
.icon06 {position:absolute;width: 23%;top: 54vw;left: 3vw;}




/*日期*/	
.Area_title .date {position:absolute;top: 16vw;left: 26vw;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: #f8f1df;letter-spacing:0;font-family:Century Gothic;text-align:center;width: 15px;}
.Area_title .date .TIMER_DAY small {font-size: 9px;font-weight:bolder;line-height:5px;margin-left: 0;color: #f8f1df;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: 90%;top: 1px;left: 66px;}
.Area_title .subtitle .layout_title ul li:hover {box-shadow: none; }	
.Area_title .subtitle .layout_title02 {position:absolute;left: 70px;top: 162px;}

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

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

/*主標*/	
.Area_title .subtitle .layout_title {position:absolute;width: 90%;left: 1vw;top: 5vw;}
.Area_title .subtitle .layout_title02 {position:absolute;width: 95%;left: 2vw;top: 21vw;}

	
/*副標輪播*/	
.Area_title .subtitle .layout_title03 {position:absolute;width:90%;height:45vw;top:37vw;left:3vw;}
.Area_title .subtitle .layout_title03 .PD_layout {top:1vw;overflow:hidden;} 
.Area_title .subtitle .layout_title03 .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_bank {height:100%;}
  .Area_bank .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_bank .PD_layout {background:url(bank_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:10px;}
  .Area_bank .PD_layout ul {width:98%!important;padding-top:13px!important;}   
  }
  @media screen and (max-width: 767px){
  .Area_bank .PD_layout {background:url(bank_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
  .Area_bank .PD_layout ul {width: 98% !important;padding-top:1vw!important;}   
  }

/*關鍵字按鈕*/	
@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 .PD_layout {background:url(btn_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:50px;}
.Area_btn .PD_layout ul {width:98%!important;padding-top:13px!important;}   
}
@media screen and (max-width: 767px){
.Area_btn .PD_layout {background:url(btn_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_btn .PD_layout ul {width: 98% !important;padding-top:1vw!important;}   
}
  



/*今日限定*/
@media screen and (min-width:768px){
.Area_topPD {height:100%;background:url(bg01.jpg?t=1752567835584)top center repeat-y;background-size: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.png?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_topPD .text .layout_text {padding:25px 0;}
  
/** 倒數 **/
.TimerNick {display:inline-block;position:absolute;width:48%;height:36px;left: 496px;top: 61px;text-align:right;z-index:2;}
.TimerNick .FontStyle {display:inline-block;margin: 0 70px 0 0;padding:0;border:0px;font: 30px/32px 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:url(ul01.png?t=1752567835584)top center repeat-y;background-size:100%;padding:0;}
.Area_topPD .layout_PD ul {width:91%;margin:0 auto;}

  
}
@media screen and (max-width:767px){
.Area_topPD {height:100%;background:url(bg01.jpg?t=1752567835584)top center repeat-y;background-size:100%;}

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

/** 倒數 **/
.TimerNick {position:absolute;left: 50vw;top: 2vw;display:inline-block;height: 36px;text-align:right;width: 50%;}
.TimerNick .FontStyle {display:inline-block;margin: 0 6vw 0 0;padding:0;border:0px;font: 16px/32px Arial;color: #ed0707;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:url(ul01.png?t=1752567835584)top center repeat-y;background-size:100%;padding:0;}
.Area_topPD .layout_PD ul {width:91%;margin:0 auto;}


}
    


/*折價券*/
@media screen and (min-width:768px){
.Area_coupon	{height:100%;}
.Area_coupon .bg {z-index: -50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}

/*標題*/	
.Area_coupon	.text {background:url(pc_coupon_bg.png?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_coupon	.text .layout_text {padding-top:100px;}
   
/*輪播折價券*/	
.Area_coupon .Area_swiper {background:url(coupon_ul.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_coupon .Area_swiper_box {width:92%;}

/*定卡折價券*/		
.Area_coupon .PD_layout-oneClick {background:url(coupon_ul.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_coupon .PD_layout-oneClick ul {width: 92%!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 (max-width:767px){
.Area_coupon	{height:100%;background-color:#f8f1df;}  
/*標題*/	
.Area_coupon	.text {background:url(coupon_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_coupon	.text .layout_text {padding-top: 11vw;}
   
/*輪播折價券*/	
.Area_coupon .Area_swiper {background:url(coupon_ul.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_coupon .Area_swiper_box {width:92%;}
.Area_coupon .Area_swiper_box .PD_layout-coupon3 {padding-bottom:1vw;}
/*定卡折價券*/		
.Area_coupon .PD_layout-oneClick {background:url(coupon_ul.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_coupon .PD_layout-oneClick ul {width:95%!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	.text {background:url(top01.png?t=1752567835584)top center no-repeat;background-size:100%;}

.Area_danjiall .Area_danji  {background:url(ul03.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_danjiall .Area_danji .danji_box {width:93%;margin-bottom:0;}
                    
/*登記贈品文案顏色*/
.Area_danjiall .warningTxt { background:url(ul03.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_danjiall .warningTxt h3{ color:#000;}
.Area_danji .danji_box ul li .activityText .gifts span { color:#f8f1df;}  
   
}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;background-color:#f8f1df;}	

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

.Area_danjiall .Area_danji  {background:url(ul03.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_danjiall .Area_danji .danji_box {width:93%;margin-bottom: 0;}
                    
/*登記贈品文案顏色*/
.Area_danjiall .warningTxt { background:url(ul03.png?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_danjiall .warningTxt h3{ color:#000;}
.Area_danji .danji_box ul li .activityText .gifts span { color:#f8f1df;}  
  
}

/*強檔預告區*/
@media screen and (min-width:768px){
.Area_hot {height:100%;}	
.Area_hot .bg {z-index: -50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_hot .bg01 {z-index: -51;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_hot .box {position:relative;}		
.Area_hot .box .layout_text {background:url(pc_hot_bg.png?t=1752567835584)top center no-repeat;background-size:100%;}	

/**bn區**/
.Area_hot .box .layout_bn {background:url(hot_bnbg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_hot .box .layout_bn ul {width:92%!important;;}
.Area_hot .box .layout_bn img {border:2px #e13624 solid;}

/**品牌日曆**/			
.Area_hot .layout_day {background:url(ul02.jpg?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_hot .layout_day  ul {width:92%!important;margin:0 auto!important;padding:0!important ;}
.Area_hot .layout_day  ul li {background:url(day_bg.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:40px}
.Area_hot .layout_day ul li a {color: #f6f1de;}
.Area_hot .layout_day .PD p {position:absolute;top: 32px;left: 20px;color: #dc2c2e;}
.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:85px;}
.Area_hot .layout_day .PD_img img {border-radius: 10%;}
.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:28px}
.Area_hot .layout_day .PD_into .js-PD_txt2 {font-size:25px}

.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.jpg?t=1752567835584)top center no-repeat;background-size:100%;}	

/**bn區**/
.Area_hot .box .layout_bn {background:url(hot_bnbg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_hot .box .layout_bn ul {width:92%!important;;}
.Area_hot .box .layout_bn img {border:2px #e13624 solid;}

/**品牌日曆**/			
.Area_hot .layout_day {background:url(ul02.jpg?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_hot .layout_day  ul {width:92%!important;margin:0 auto!important;padding:0!important ;}
.Area_hot .layout_day  ul li {background:url(day_bg.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:1vw}
.Area_hot .layout_day ul li a {color: #f6f1de;}
.Area_hot .layout_day .PD p {position:absolute;top: 1.5vw;left: 2vw;color: #dc2c2e;}
.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: 9vw;}
.Area_hot .layout_day .PD_img img {border-radius: 10%;}
.Area_hot .layout_day .PD_into {padding-top: 0vw;}
.Area_hot .layout_day .PD_into .js-PD_txt1 {color:#ffffff}

.Area_hot .Area_bottom04 {background-color: #dc2c2e;}
    
}	
  

/*activ*/
@media screen and (min-width:768px){
.Area_activ	{height:100%;}
.Area_activ .bg {z-index: -51;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_activ .bg01 {z-index: -51;position:relative;top:0;left:-520px;width:2000px;height:90px;background-repeat:no-repeat;background-position:center top;pointer-events:none;}       
}
@media screen and (max-width:767px){
.Area_activ	{height:100%;}
.Area_activ	.PD_layout {background-color: #dc2c2e;}
}




/*主打品情境圖*/
@media screen and (min-width: 768px){
.Area_item {height:100%;}
.Area_item .Area_swiper {height:560px}
.Area_item .Area_swiper_box .PD_layout ul {height:522px}
.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: #e13131;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: #fff;}	
.Area_item .PD_layout .PD h3 {font-size: 26px;color: #fff;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 {height: 90vw;padding-top: 2vw;}
  .Area_item .Area_swiper_box .PD_layout ul {height: 82vw;}
  .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: -26vw;}
  .Area_item .PD_layout .PD p {height: 2.3em;line-height: 2em;color: #e03131;position:absolute;left: 34vw;top: 16vw;}
  .Area_item .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .Area_item .PD_layout .PD h4 {font-size: 22px;top: -2vw;left: 0;position: relative;color: #ffffff;}	
  .Area_item .PD_layout .PD h3 {font-size: 22px;color: #f8f1df;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 .bg {z-index: -50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_new .bg01 {z-index: -51;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;}

/*標題*/	
.Area_new	.text {background:url(pc_new_bg.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:40px;}

/**Bn輪播**/			    
.Area_new .Area_swiper{ background:url(new_bnbg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_new .Area_swiper .Area_swiper_box {width:91%;margin:0 auto;overflow: hidden;}


/**公版區輪播**/			
.Area_new .box {background:url(new_ulbg.jpg?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_new .box .layout_tt {background:url(new_ttbg.png?t=1752567835584)top center no-repeat;background-size:95%;}
.Area_new .box .layout_tt ul {padding: 12px 0;}
.Area_new .box .layout_tt ul li .PD_into {padding-top: 1vw;}
.Area_new .box .layout_tt ul li .PD h3 {display:block!important;margin: 0;padding:0;border:0px;font: bold 50px/60px Arial;color: #ffffff;letter-spacing: 0;text-align: center;background:transparent;}
.Area_new .box .PD_layout1 ul li .PD_btn {background-image:repeating-linear-gradient(45deg, #dc2c2c -2%, #dc2c2c 120%);}
  

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

/*標題*/	
.Area_new	.text {background:url(new_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 7vw;}
.Area_new	.text .layout_text {}

/**Bn輪播**/			    
.Area_new .Area_swiper{ background:url(new_bnbg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_new .Area_swiper .Area_swiper_box {width: 91%;margin:0 auto;overflow: hidden;}



/**公版區輪播**/			
.Area_new .box {background:url(new_ulbg.jpg?t=1752567835584)top center repeat-y;background-size:100%;}
.Area_new .box .layout_tt {background:url(new_ttbg.png?t=1752567835584)top center no-repeat;background-size:95%;}
.Area_new .box .layout_tt ul {padding-top:2vw;}
.Area_new .box .layout_tt ul li .PD_into {padding-top: 1vw;}
.Area_new .box .layout_tt ul li .PD h3 {display:block!important;margin: 0;padding:0;border:0px;font:bold 25px/32px Arial;color: #ffffff;letter-spacing: 0;text-align: center;background:transparent;}
.Area_new .box .PD_layout1 ul li .PD_btn {background-image:repeating-linear-gradient(45deg, #dc2c2c -2%, #dc2c2c 120%);}
}	



/*驚喜預告*/
@media screen and (min-width:768px){
.Area_preview	{height:100%;}
.Area_preview .bg {z-index: -50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_preview .bg01 {z-index: -50;position:relative;top:0;left:-520px;width:2000px;height: 120px;background-repeat:no-repeat;background-position:center top;pointer-events:none;}

/*標題*/	
.Area_preview	.text .layout_text {padding-top:116px;}

/*公版*/		
.Area_preview .layout_PD {background:url(pc_preview_PD.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:0;height:660px;}
.Area_preview .layout_PD ul {width:90%!important;margin:0 auto!important;}
.Area_preview .layout_PD .PD .PD_into h3 {position: relative;left: 460px;top: 24px;color: #3f3f3f;font-size: 2.2em;}
.Area_preview .layout_PD .PD .PD_into h4 {position: relative;left: 120px;top: -24px;color: #dc2c2c;font-size: 2em;width: 30%;}
.Area_preview .layout_PD .PD .PD_into p {position: relative;left: 510px;top: -100px;color: #dc2c2c;font-size: 1.2em;width: 28%;}
.Area_preview .layout_PD .PD  p del{color: #474747;}       
.Area_preview .layout_PD .PD  p .Price {font-size:45px;} 
                    
}
@media screen and (max-width:767px){
.Area_preview	{height:100%;}
/*標題*/	
.Area_preview	.text {background:url(preview_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_preview	.text .layout_text {padding-top: 12.5vw;}

/*公版*/		
.Area_preview .layout_PD {background:url(preview_PD.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 0;height: 78vw;}
.Area_preview .layout_PD ul {width: 86%!important;margin:0 auto!important;}

.Area_preview .layout_PD .PD .PD_into h3 {position: relative;left: 45vw;top: 1vw;color: #2d2d2d;font-size: 1.1em;}
.Area_preview .layout_PD .PD .PD_into h4 {position: relative;left: 6vw;top: -7vw;color: #dc2c2c;font-size: 1.2em;}
.Area_preview .layout_PD .PD .PD_into p {position: relative;left: 44vw;top: -19vw;color: #dc2c2c;font-size: 1.2em;}
.Area_preview .layout_PD .PD  p del{color: #454545;}       
}

  

/*限搶*/
@media screen and (min-width:768px){
  .Area_limited	{height:100%;}
  .Area_limited .bg {z-index: -51;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;}
  .Area_limited .bg01 {z-index: -51;position:relative;bottom:0;left:-520px;width:2000px;height:170px;background-repeat:no-repeat;background-position:center bottom;pointer-events:none;}

  /**區標**/	
  .Area_limited .text {position:relative;background:url(limited_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:60px;}
  
  /** 倒數 **/
  .TimerNick2 {position:absolute;left: 319px;top: 160px;display:inline-block;height: 36px;text-align:right;z-index:1;width: 50%;}
  .TimerNick2 .FontStyle {display:inline-block;margin: 0 75px 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=1752567835584)top center repeat-y;background-size:100%;padding-bottom:0;}
  .Area_limited .layout_PD ul {width:92%;margin:0 auto;}

         
}
@media screen and (max-width:767px){
  .Area_limited	{height:100%;background:url(bg01.jpg?t=1752567835584)top center repeat-y;background-size:100%;}
    
  /**區標**/	
  .Area_limited .text {position:relative;background:url(limited_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 7vw;}
  
  /** 倒數 **/
  .TimerNick2 {position:absolute;left: 14vw;top: 13vw;display:inline-block;height: 36px;text-align:right;z-index:1;width: 70%;}
  .TimerNick2 .FontStyle {display:inline-block;margin: 0 10% 0 0;padding:0;border:0px;font: 16px/32px Arial;color: #1490c4;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=1752567835584)top center repeat-y;background-size:100%;padding-bottom:0;}
  .Area_limited .layout_PD ul {width:92%;margin:0 auto;}

  .Area_limited .bottom {background:url(m_bottom.png?t=1752567835584)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=1752567835584)top center no-repeat;background-size:100%;padding-bottom:5vw;}	
  .Area_brand .box:nth-child(odd) {background:url(pc_brand_bg02.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:5vw;}	
    
        
  /**品牌LOGO**/	
  .Area_brand .box .PD_layout-D1_02C {width:90%;margin: 0 0 0 110px;padding: 16px 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.5em;background-color:#ffffff00;margin: 0;padding: 0;color: #ffffff;}	
  
/*公版*/		
.Area_brand .box .Area_swiper {width:92%;margin:0 auto;padding-top: 30px;}
  
}	
@media screen and (max-width:767px){
.Area_brand {height:100%;}	
  
  
.Area_brand .box {background:url(brand_bg01.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:5vw;}	
.Area_brand .box:nth-child(odd) {background:url(brand_bg02.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:5vw;}	
  
/**品牌LOGO**/	
.Area_brand .box .PD_layout-D1_02C {padding-top:.5vw;}	
.Area_brand .box .PD_layout-D1_02C ul{width:78%!important;margin: 0 auto;padding: 1vw 0 2vw 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 .Area_swiper {width:92%;margin: 0 0 0 3vw;padding-top: 0;}
  
}	
  


/*mo店+區塊*/
@media screen and (min-width:768px){
.Area_mosale  {height:100%;background:url(pc_mosale_top.png?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_mosale .bg {z-index: -51;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_mosale .bg01 {z-index: -52;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;}

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

/*三顆按鈕+輪播區*/
.Area_mosale .layout_mocoupon {width: 86%;margin: 23px 0 0 95px;}
.Area_mosale .Area_swiper {background:url(pc_mosale_PD.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 120px;}
.Area_mosale .Area_swiper .Area_swiper_box {width:90%;padding-top: 2vw;overflow: hidden;}
/**公版**/	
.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=1752567835584)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.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
  
  /**區標**/	
  .Area_mosale .text {position:relative;padding-top: 3vw;}
  
  /*三顆按鈕+輪播區*/

  .Area_mosale .layout_mocoupon {width: 81%;margin: 0 0 0 13vw;}
  .Area_mosale .Area_swiper {background:url(mosale_PD.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 0;}
  .Area_mosale .Area_swiper .Area_swiper_box {width:90%;padding-top: 2vw;overflow: hidden;}
  /**公版**/	
  .Area_mosale .layout_PD ul {margin:0;padding:0}
  .Area_mosale .layout_PD ul li {height:78vw;background:url(shop_li.png?t=1752567835584)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: #dc2c2c;line-height: 8vw;background: #fff;border-radius: 2vw;}
  .Area_mosale .layout_PD .PD_slide { min-width: inherit; }


  
}
    


/*下方公版*/
@media screen and (min-width:768px){
.Area_below  {height:100%;}

.Area_below .box:nth-child(odd)  {position:relative;background:url(pc_below_bg01.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:70px;}
.Area_below .box:nth-child(even) {position:relative;background:url(pc_below_bg02.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom:70px;}
      
/**區標**/			
.Area_below .box .layout_tt {width:36%;margin: 0 0 0 25px;padding-top: 27px;}
.Area_below .box .layout_tt ul li .PD h3 {display:block!important;font: 500 50px/60px Arial;color: #ffffff;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%;}

/**錨點**/
.Area_below  .NavArea {padding: 5vw 0;}	

.Area_below .box:nth-child(odd)  {position:relative;background:url(below_bg01.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 8vw;}
.Area_below .box:nth-child(even) {position:relative;background:url(below_bg02.png?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 8vw;}
  
/**區標**/			
.Area_below .box .layout_tt {width:85%;top:3vw;}
.Area_below .box .layout_tt ul li .PD h3 {display:block!important;font: 500 25px/27px Arial;color: #ffffff;letter-spacing:0;text-align:left;}
 
/*公版*/		
.Area_below .box .Area_swiper {width:94%;margin:0 auto;padding-top: 3vw;}
  
}
  


/*品牌logo*/
@media screen and (min-width:768px){
.Area_logo {height:100%;}	
.Area_logo .bg {z-index: -50;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.Area_logo .bg01 {z-index: -51;position:absolute;top:0;left:-520px;width:2000px;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}

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

.Area_logo .layout_PD {background:url(pc_logo_bg01.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 120px;}
.Area_logo .layout_PD ul {width:95%!important;padding-top: 105px!important;}
}
@media screen and (max-width:767px){
.Area_logo {height:100%;}	
/**區標**/	
.Area_logo .text {position:relative;background:url(logo_bg.jpg?t=1752567835584)top center no-repeat;background-size:100%;}
.Area_logo .text .layout_text {padding-top: 5vw;}

.Area_logo .layout_PD {background:url(logo_bg01.jpg?t=1752567835584)top center no-repeat;background-size:100%;padding-bottom: 25vw;}
.Area_logo .layout_PD ul {width:95%!important;}
}
  


/*館連結*/
@media screen and (min-width:768px){
  .Area_gaun {height:100%;}	
  .Area_gaun .PD_layout {width:98%;margin:0 auto;padding-top:50px;}
  }
  @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; }

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


/*分享浮層*/
.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%;}
	}