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

/*基本*/
body{ margin:0; padding:0;background-color: #f5f5f5 ;}

/*全BOX版面*/
.WRAPPER {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 { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;  }
		.WRAPPER img {  width:100%;  height:auto;}
	}


/*背景*/
@media screen and (min-width:768px){
.bg_01 { z-index:-53;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:-49;position:fixed;top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_03 { 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_deco02 { z-index: -3 ; position: absolute ; top: 0 ; left: 0px ; width:100%; height:100%; background-position:center top; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;  }
.pc_repeat_bg { z-index: -3 ; position: fixed ; top: 0 ; left: 0 ; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; transition:0.5s linear; pointer-events: none ; }
}
@media screen and (max-width: 767px){
  .mo_top { z-index: 0 ; position:absolute ; top: 44px ; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%; }	
  .m_repeat_bg { z-index: -1 ; position:absolute ; top: 0 ;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
}



/* 版頭區 */
@media screen and (min-width:768px){
.Area_title { height: 1060px ; }
.Area_title .date { position:absolute ; width: 40% ; top: 140px ; left: 367px ; z-index: 1 ; }

.title_box01  {position:absolute;top:190px;left: 257px;overflow: hidden;z-index: 1}
.title_box01 .title01 {height: 100%;}
.title_box01 ul { padding: 0 !important; }
	
.title_box02  {position:absolute;top: 456px;left: 590px;overflow: hidden;z-index: 1}
.title_box02 .title02 {width: 100%;}
.title_box02 ul { padding: 0 !important; }
	
.title_box03  {position:absolute;top: 621px;left: 220px;height: 232px;overflow: hidden}
.title_box03 .title03 {position: relative;top:0;width:100%;height:214px;}
.title_box03 .title03 img {width:100%;}
	
.title_box04  {position:absolute;top: 707px;left: 368px;height: 166px;overflow: hidden}
.title_box04 .title04 {position: relative;top:0;width:100%;height: 130px;}
.title_box04 .title04 img {width:100%;}
	
	
.title_box05  {position:absolute;top: 683px;left: 500px;height: 175px;overflow: hidden}
.title_box05 .title05 {position: relative;top:0;width:100%;height:154px;}
.title_box05 .title05 img {width:100%;}
				
.title_box06  {position:absolute;top: 687px;left: 635px;height: 163px;overflow: hidden}
.title_box06 .title06 {position: relative;top:0;width:100%;height:110px;}
.title_box06 .title06 img {width:100%;}

.title_box07  {position:absolute;top:615px;left:822px;height: 250px;overflow: hidden}
.title_box07 .title07 {position: relative;top:0;width:100%;height:230px;}
.title_box07 .title07 img {width:100%;}

.pd01 { position:absolute ; top: 0 ; left: 630px ; z-index: 3 ; }
.pd01 ul { padding: 0 !important; }
.pd02 {position:absolute;top:400px;left: 191px;z-index: 1;}
.pd02 ul { padding: 0 !important; }
.deco00 { position:absolute ; top: 383px ; left: 243px ; }	

}
@media screen and (max-width: 767px){
.Area_title { height: 96vw ; }
.Area_title .date { z-index: 2 ; position: absolute ; width: 51% ; top: 15vw ;  left: 25vw ; }

.title_box01  {position:absolute;top:15vw;left:17vw;width:36%;overflow: hidden;z-index: 1}
.title_box01 .title01 {width:100%;height: 142px;}
.title_box01 ul { padding: 0 !important; }

.title_box02  {position:absolute ; top: 41vw ; left: 49vw ; width: 36% ; overflow: hidden;z-index: 1}
.title_box02 .title02 {width:100%;height: 140px;}
.title_box02 ul { padding: 0 !important; }
	
.title_box03  {position:absolute;top: 57vw;left:12vw;width:20%;height: 24vw;overflow: hidden}
.title_box03 .title03 {position: relative;top:0;width:100%;height: 87px;}
	
.title_box04  {position:absolute;top: 65vw;left: 26vw;width: 14%;height: 20vw;overflow: hidden}
.title_box04 .title04 {position: relative;top:0;width:100%;height: 100px;}
	
.title_box05  {position:absolute;top: 62vw;left: 39vw;width: 14%;height: 17vw;overflow: hidden}
.title_box05 .title05 {position: relative;top:0;width:100%;height:154px;}
	
.title_box06  {position:absolute;top: 63vw;left: 52vw;width: 17%;height: 19vw;overflow: hidden}
.title_box06 .title06 {position: relative;top:0;width:100%;height: 110px;}

.title_box07  {position:absolute;top: 55vw ;left: 71vw;width: 17%;height: 28vw;overflow: hidden}
.title_box07 .title07 {position: relative;top:0;width:100%;height:230px;}

.pd01 {position:absolute; left: 50vw;width: 40%;z-index: 3;}
.pd02 {position:absolute;top: 35vw;left: 9vw;width: 41% ;z-index: 1;}
.deco00{position:absolute;top:33vw;left: 14vw;width:15%;}

}


/* 日期 */	
.Area_title .TIMER_DAY { position:absolute ; top: 924px ; left: 911px ;z-index:3;display:inline-flex;font-size: 50px ; color: #121212 ;letter-spacing:0;text-align:center;align-items: baseline; justify-content: center; font-family: "Times New Roman", serif;font-weight: 300; }
.Area_title .TIMER_DAY small {font-size:25px;line-height:5px; letter-spacing: -0.5px; padding-top: 12px; }
.Area_title .TIMER_DAY #sendMonth {text-align: center;display: inline-block;}
.Area_title .TIMER_DAY #sendToday {text-align: center;display: inline-block;}
@media screen and (max-width:767px){	
.Area_title .TIMER_DAY { position: absolute ; top: 85.5vw ; left: 78.5vw ; z-index: 2 ; display: inline-flex ; font-size: 5.5vw ; color: #121212 ;letter-spacing:0;text-align:center;align-items: baseline; justify-content: center;font-family: "Times New Roman", serif;font-weight: 300;}
.Area_title .TIMER_DAY small { font-size: 3vw ; line-height: 5px ; padding-top: 1vw ; }
.Area_title .TIMER_DAY #sendMonth {text-align: center;display: inline-block; }
.Area_title .TIMER_DAY #sendToday {text-align: center;display: inline-block; }
}

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

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


	}



/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left: 67px ;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink   a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momologo { display:none;}
	} 


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

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



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


/* 登記 */
.danji_white .btn_reg .activityText p { color: #fff ; }
.danji_white .btn_reg .content p { color: #fff ; }
.danji_white .btn_reg .activityText .Tip { color: #fff ; }
.warningTxt h3 { padding: 0 ; }

/*登記贈品文案顏色*/
.danji_white .danji_box ul li .activityText .gifts span { color: #ffe497 ;} 

/* 折價券 */
.Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: #000 !important ; }

@media screen and (min-width:768px){
  .danji_all .Area_coupon { margin-top: -10px ; margin-bottom: 20px ; }
}
@media screen and (max-width: 767px){
  .Area_danji { width: 96%; }
  .danji_all .Area_coupon { margin-top: -2vw; margin-bottom: 2vw; }
}


/* 間距 */
.Area_bottom { margin-bottom: 60px !important; }
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 6vw!important; }
}


/* 微調區標 */
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
  .layout_text ul { padding: 0 !important;}
}


/* 大牌進駐 */
@media screen and (min-width:768px){
  .Area_buy .box { width: 98% ; margin: auto ; }
  .Area_buy .layout_buy_bn ul li .PD_img img{ border-radius: 20px ; }
  .Area_buy .layout_buy { padding: 0 ; }
  .Area_buy .Area_swiper_box { width: 92% ; }
}
 @media screen and (max-width:767px){
  .Area_buy .layout_buy_bn { width: 96% ; margin: 1vw auto ; }
  .Area_buy .layout_buy_bn ul li .PD_img img { border-radius: 2vw ; }
  .Area_buy .Area_swiper { padding-left: 2vw ; }
}


/* logo+輪播公版 */
@media screen and (min-width:768px){
  .Area_brand .layout_text02 { padding-top: 100px ; }
  .Area_brand .A2_box { padding-bottom: 50px;}
  .Area_brand .A2_box:last-child { margin-bottom: 0;}
  .Area_brand .BN { width: 98%; margin: 0 auto 10px;}
  .Area_brand .BN ul li { border-radius: 20px; overflow: hidden;}
  .Area_brand .swiper-pagination-bullet { background: #fff !important;}
  .Area_brand .A2_box ul { padding: 0 !important; grid-gap: 0 !important ; }
  .pc_brand_bg { z-index: -2 ; position:absolute ; top: 0 ; left: 0 ; width:100%; height:100%; background-position:center top; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
  }
  @media screen and (max-width:767px){
    .Area_brand .A2_box { width: 96%; margin: 0 auto; padding-bottom: 5vw;}
    .Area_brand .A2_box ul { padding: 0 !important; grid-gap: 0 !important ; }
    .Area_brand .BN { width: 96%; margin: 0 auto 2%;}
    .Area_brand .BN ul li { border-radius: 15px}
  }


/*共用樣式*/
.bgorange { background: url(bgorange.jpg?t=1780020222718)top center repeat-y; background-size: 100%;}
.bgblack { background: url(bgblack.jpg?t=1780020222718)top center repeat-y; background-size: 100%; border-radius: 0 0 20px 20px;}
@media screen and (max-width:767px){
  .bgorange { background: url(bgorange_m.jpg?t=1780020222718)top center repeat-y; background-size: 100%;}
  .bgblack { border-radius: 0 0 15px 15px;}
}


/* 10品 */
.Area_sale .layout_sale ul { border: #000 solid 1px ; }
@media screen and (min-width:768px){
}
 @media screen and (max-width:767px){
  .Area_sale .layout_sale { width: 96% ; }
}


/* 品牌輪播 */
.Area_logo .brand_box { position: relative; margin-top: -10px;}
.Area_logo .logo { margin-left: 100px; width: 1120px; background: #fff;}
.Area_logo .logo ul { padding: 10px 0 !important; height: 60px !important ;}
.Area_logo .logo ul li .PD_into { padding: 0;}
.Area_logo .logo ul li .PD_logo { height: auto !important; margin-bottom: 0 !important; width: 100% !important;}
.Area_logo .logo ul li .PD_logo img { width: 100% !important; box-shadow: 0 .1em .5em 0 rgba(0,0,0,0) !important;}
.Area_logo .txt { position: absolute; top: -16px; left: 0; margin: 0; background: #000; color: #fff; border-radius: 0 20px 0 0; z-index: 2; font-size: 30px; line-height: 33px; padding: 15px 20px; box-sizing: border-box; width: 100px;}
@media screen and (min-width:768px){
  .Area_logo { margin-bottom: 30px ; }
}
 @media screen and (max-width:767px){
  .Area_logo { margin-bottom: 3vw ; }
  .Area_logo .brand_box { margin-top: 0 ;}
  .Area_logo .logo { margin-left: 18%; width: 82%;}
  .Area_logo .logo ul { padding: 2% 0 !important; height: 8vw !important ;}
  .Area_logo .txt { top: -3vw; border-radius: 0 15px 0 0; font-size: 18px; line-height: 20px; padding: 2.5% 4%; width: 18% ; }
}



/* 品牌總覽 */
.BN_swiper { position: relative; width: 100%; margin: 0 auto; overflow: hidden; z-index: 1;}
.BN_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 10px 0!important; width: 100%; grid-gap: 0; box-sizing: content-box; height: 75px ;}
.BN_swiper ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit;}
.BN_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.BN_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 3px 30px rgba(0, 0, 0, 0);}
@media screen and (max-width:767px){
  .BN_swiper { width: 100%; margin: 0 auto;}
  .BN_swiper ul.PD_wrapper { margin: 0; padding: 2% 0 4%!important; height: 33vw ;}
}



/* 下方公版 */
@media screen and (min-width:768px){
  .Area_below .box { background: url(below_bg01.jpg?t=1780020222718) center top ; background-repeat: no-repeat ; background-color: #1a1a1a ; background-size: 100% ; }
  .Area_below .box .box_photo { height: 1390px ; }
  .Area_below .layout_below_photo01 { position: absolute ; width: 51% ; top: 440px ; left: 128px ;  }
  .Area_below .layout_below_photo01 ul { padding: 0 !important ; }
  .Area_below .layout_below_photo02 { position: absolute ; width: 34% ; top: 441px ; left: 613px ;  }
  .Area_below .layout_below_photo02 ul { padding: 0 !important ; }
  .Area_below .layout_below_photo03 { position: absolute ; width: 34% ; top: 916px ; left: 613px ;  }
  .Area_below .layout_below_photo03 ul { padding: 0 !important ; }
  .Area_below .layout_below { padding-bottom: 30px ; width: 96% ; }
}
 @media screen and (max-width:767px){
  .Area_below { width: 96% ; }
  .Area_below .box { background: url(below_bg01.jpg?t=1780020222718) center top ; background-repeat: no-repeat ; background-color: #1a1a1a ; background-size: 100% ; }
  .Area_below .box .box_photo { height: 140vw; }
  .Area_below .layout_below_photo01 { position: absolute ; width: 51% ; top: 45.2vw ; left: 12.9vw ;  }
  .Area_below .layout_below_photo01 ul { padding: 0 !important ; }
  .Area_below .layout_below_photo02 { position: absolute ; width: 35% ; top: 45vw ; left: 61vw ;  }
  .Area_below .layout_below_photo02 ul { padding: 0 !important ; }
  .Area_below .layout_below_photo03 { position: absolute ; width: 35% ; top: 94vw ; left: 61vw ;  }
  .Area_below .layout_below_photo03 ul { padding: 0 !important ; }
  .Area_below .layout_below { padding-bottom: 5vw ; width: 96% ; }
}


/* 下方公版2 */
@media screen and (min-width:768px){
  .Area_below2 .box { background: url(below_bg02.jpg?t=1780020222718) center top ; background-repeat: no-repeat ; background-color: #1a1a1a ; background-size: 100% ; }
  .Area_below2 .box .box_photo { height: 1390px ; }
  .Area_below2 .layout_below_photo01 { position: absolute ; width: 51% ; top: 264px ; left: 128px ;  }
  .Area_below2 .layout_below_photo01 ul { padding: 0 !important ; }
  .Area_below2 .layout_below_photo02 { position: absolute ; width: 34% ; top: 264px ; left: 613px ;  }
  .Area_below2 .layout_below_photo02 ul { padding: 0 !important ; }
  .Area_below2 .layout_below_photo03 { position: absolute ; width: 34% ; top: 696px ; left: 613px ;  }
  .Area_below2 .layout_below_photo03 ul { padding: 0 !important ; }
  .Area_below2 .layout_below { padding-bottom: 30px ; width: 96% ; }
}
 @media screen and (max-width:767px){
  .Area_below2 { width: 96% ; }
  .Area_below2 .box { background: url(below_bg02.jpg?t=1780020222718) center top ; background-repeat: no-repeat ; background-color: #1a1a1a ; background-size: 100% ; }
  .Area_below2 .box .box_photo { height: 140vw; }
  .Area_below2 .layout_below_photo01 { position: absolute ; width: 51% ; top: 26.4vw ; left: 12.9vw ;  }
  .Area_below2 .layout_below_photo01 ul { padding: 0 !important ; }
  .Area_below2 .layout_below_photo02 { position: absolute ; width: 35% ; top: 26vw ; left: 61vw ;  }
  .Area_below2 .layout_below_photo02 ul { padding: 0 !important ; }
  .Area_below2 .layout_below_photo03 { position: absolute ; width: 35% ; top: 70vw ; left: 61vw ;  }
  .Area_below2 .layout_below_photo03 ul { padding: 0 !important ; }
  .Area_below2 .layout_below { padding-bottom: 5vw ; width: 96% ; }
}