@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; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; }
/*預設清單樣式*/
.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;}
	}

/*PC背景*/
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:1; 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:-1; position:absolute;top:0; left:0; width:100%; height:3200px; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_03 { z-index:-49; position:absolute;top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_05 { z-index:0; 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:-50; position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position:center top; pointer-events:none;background-size:100%;}
}


/* 區標共用 */
.Aear_title  { margin: 0px auto 30px auto; height: 145px; }
.Aear_title .Areatitle_bg {  z-index: -1; position: absolute; top: 0; left: 0;  }
.PD_title  {  font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
.PD_title span { float: left; width: 686px; height: 79px; font-size: 55px; margin: 0 0 0 144px; line-height: 79px; }
.PD_title span:nth-child(1) { color: #FFF; font-weight: 700; }
.PD_title span:nth-child(2) { color: #FFF; font-weight: 700; }
.Aear_title ul.PD_wrapper li img { width: 100%; }
@media screen and (max-width:767px){
  .Aear_title {  background-size: 100%; height: 14.5vw; margin: 0 0 5vw 0 ;  }
  .PD_title  span {  width: 71%; height: 8.5vw; font-size: 5.5vw; margin: 0 0 0 15vw; line-height: 8.5vw; }
}






/* 登記高亮字改色 */
.Area_danji .gifts span {color: #f6e3ce;} 


/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 960px;}
.Area_title .pd { pointer-events: none; }
.title00 {position: absolute;top: 114px;left: 715px;z-index:2;}
.title01 {position: absolute;top: 135px;left: 76px;z-index:2; width: 392px;}
.title02 {position: absolute;top: 405px;left: 90px;z-index:2;}
.title03 {position: absolute;top: 250px;left: 695px;animation-delay:.8s;z-index:1;}
.pd {position: absolute;top:40px;left:362px;z-index:2;pointer-events:none}
	
/*色條單左(a)*/
.colorbara{position:absolute;width:1220px;height:300px;z-index:1}
.colorbar01a{top:660px;left:-390px;}
.colorbar01b{position: absolute; top:0;left: 20px;z-index:1}	
	
}
@media screen and (max-width: 767px){
	.Area_title { width:100%;height:100%;}
    .title00 {position:absolute;left: 58vw;top: 11vw;width: 39%;}
    .title01 {position:absolute;left: 4vw;top: 6vw;width: 51%;}
	.title02 {position:absolute;left: 8vw;top: 41vw;width: 43%;}
	.m_title03 {position:absolute;left:62vw;top: 6vw;width: 12%;}
	.pd {position:absolute;top: 39vw;left: 45vw;width: 80%;z-index: 1;pointer-events:none}
	/*色條單左(a)*/
	.colorbara{position:absolute;width:100%;height: 25vw;}
	.colorbar01a{top: 105vw;left: 0;transform: rotate(179deg)!important;}
	.colorbar01b{position:absolute;top: 32vw;left: -1vw;width: 56%;}
}


/* 版頭今日限定*/
.title_2 .PD_title_2  {  font-size: 32px; font-family: "Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
.title_2 .PD_title_2 span {color: #404040;font-weight: 700;width: 230px;margin: 0 auto;text-align: center;float: left;}
@media screen and (max-width:767px){
  .title_2 {  height: 9vw; margin: 0 ;  }
  .title_2 .PD_title_2  {font-size:1.5em;}
  .title_2 .PD_title_2 span {  width: 100%;  }
 }





/*版頭區-版頭品(線上入稿)*/
@media screen and (min-width:768px){
.Area_title .top_pd {position: absolute;top: 391px;left:63%;max-width: 33%;z-index: 1;}
/* .Area_title .PD_layout { max-width: 25%;} */
.Area_title .PD_layout ul {display: flex;}
}	
@media screen and (max-width:767px){
.Area_title .PD_layout_toppd {margin-left: auto;margin-right: auto;width: 42%;position: absolute;top: 62vw;left: 35vw;}
.Area_title .PD_layout_toppd ul { width: 0; margin-right: 100%; padding: 0; display: flex;}	
}


.Area01 { z-index: 5; background: #f0932933;  }
.Area01 .title_left { position: absolute; top: 0; left: 0; }
.Area01 .box { margin: 0 0 0 75px; padding: 30px 0; }
@media screen and (max-width:767px){

  .Area01 .title_left { width: 10%; }
  .Area01 .box { margin: 0 0 0 12vw; padding: 3vw 0; }
}





.Area02 .PD_layout.PD_layout-coupon3 .PD .divine_coupon { color: #FFF; }
.Area02 .PD_layout.PD_layout-coupon3 .PD .threshold  { color: #FFF; }  
@media screen and (max-width:767px){
.Area02 .Area_danji {width:96%; }
}




.Area04 { background: #cecabe80; padding: 60px 0 !important;  }
.Area04 .box_ { margin-bottom: 30px; background: #cecabeCC; padding: 1vw; border-radius: 2vw; }
@media screen and (max-width:767px){
	.Area04 {  padding: 3vw 0 !important;  }
	.Area04 .box_ { margin-bottom: 3.5vw; padding: 2vw; background: transparent; }

}
	


.Area05 .PD_layout li { background: transparent; }
.Area05 .PD_layout .PD_img { height: 340px !important; }
@media screen and (max-width:767px){

	.Area05 .PD_layout .PD_img { height: 36.5vw !important; }

}


/* 公版區 */
.Area_PDz  {    }
.Area_PDz  .NavArea { margin: 2.5vw auto;  }
.Area_PDz .title_2 {   height: 73px;   }
.Area_PDz .box { margin: -30px 0 0 0 ;  }
.Area_PDz .title_2  { margin: 50px auto 15px auto; }
.Area_PDz .title_2 .PD_title_2  {  font-size: 50px; font-family: "Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
.Area_PDz .title_2 .PD_title_2 span { color: #404040; font-weight: 800; width: 853px; margin: 0 auto; text-align: center; float: left; }

@media screen and (max-width:767px){
  .Area_PDz {   margin: 4.5vw auto ;  }
  .Area_PDz .title_2 {  height: 9vw; margin: 0 ;  }
  .Area_PDz .box { margin:  0;   }
  .Area_PDz .title_2 .PD_title_2  {  font-size: 5.5vw;  }
  .Area_PDz .title_2 .PD_title_2 span {  width: 100%;  }
  .Area_PDz .box .box_ { margin-bottom: 6vw; }
  }


/*時尚mo店+*/
.Area_mo {   background: #d9b08480; padding: 1.5vw 0 !important;  }
.Area_mo .boxtop { margin-bottom: 20px;}
.Area_mo .boxtop img { width: 100%;}
.Area_mo .title ul li .PD { display: inline-flex;}
.Area_mo .title ul li .PD_img { display: block; padding: 0; width: 50%; margin-left: 10px;}
.Area_mo .BN { width: 96%; margin: 0 auto 40px;}
.Area_mo .Area_coupon_ppp2,
.Area_mo .Area_coupon_ppp { position: relative; margin-left: 20px; padding-bottom: 30px;}
.Area_mo .icon { position: absolute; top: 30px; left: 0;}
.Area_mo .Area_swiper { margin-left: 7.5%; width: 92.5%;}
.Area_mo .A10_box { margin-top: 10px;}
.Area_mo .subtitle ul li h5 span::before { content: ""; display: block; background: url(mo_.png?t=1762326760716); width: 105px; height: 45px; background-size: 100%; position: absolute; top: 6px; left: 257px; }
@media screen and (max-width:767px){
  .Area_mo { margin: 0 auto 10vw;}
  .Area_mo .title { padding: 7vw 8vw 2.1vw 18vw;}
  .Area_mo .title ul li .PD_img { width: 31%; margin-left: 2%;}
  .Area_mo .BN { margin: 0 auto 4vw;}
  .Area_mo .Area_coupon_ppp2,
  .Area_mo .Area_coupon_ppp { margin-left: 2vw; padding-bottom: 3vw;}
  .Area_mo .icon { top: 5vw; width: 114%;}
  .Area_mo .Area_swiper { margin-left: 8.5%; width: 91.5%;}
  .Area_mo .A10_box { margin-top: 2.5vw;}
  .Area_mo .subtitle { padding: 7vw 0 1.5vw; margin: 0 auto 2vw;}
  .Area_mo .subtitle ul li h5 span::before { width: 14.5vw; height: 100%; background-size: 100%;  top: -0.5vw; left: 22vw; }
}

/*區塊標題*/
.Area .title { padding: 67px 260px 23px 170px; box-sizing: border-box; margin: 0 auto 20px; width: 960px; z-index: 2; background: url(titlebg.png?t=1762326760716)top center no-repeat; background-size: 100%;}
.Area .title ul { padding: 0; grid-gap: 0;}
.Area .title ul li { background-color: transparent; pointer-events: none;}
.Area .title ul li .PD_into { padding: 0;}
.Area .title ul li h5 { padding: 0; margin: 0; font: bold 60px/60px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #fff; letter-spacing: -1px;}
@media screen and (max-width:767px){
  .Area .title { padding: 7vw 27vw 2.1vw 18vw; margin: 0 auto 2vw; width: 100%;}
  .Area .title ul li h5 { font: bold 6.5vw/6.5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
}

/*區塊副標題*/
.Area .subtitle { padding: 0; margin: 0 auto; width: 960px; z-index: 2;}
.Area .subtitle ul { padding: 0; grid-gap: 0;}
.Area .subtitle ul li { background-color: transparent; pointer-events: none;}
.Area .subtitle ul li .PD_into { padding: 0;}
.Area .subtitle ul li h5 { padding: 0; margin: 0; font: bold 54px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #404040;}
@media screen and (max-width:767px){
  .Area .subtitle { width: 100%; margin: 0 auto;}
  .Area .subtitle ul li h5 { font: bold 6.2vw/6.2vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
}






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


/** 倒數1 **/
.TimerNick {z-index:1;position: absolute;left: 485px;top: 190px;display:inline-block;height:51px;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin: 0 15px;padding:0;border:0px;font:bold 30px/32px Arial;color: #687754;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span { padding-left:2px; font: bold 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	@media screen and (max-width:767px){
		.TimerNick  {left: 32vw;top: 14vw;height:6vw;background-size: 100%;transform: scale(1)}
		.TimerNick .FontStyle {margin: 0 0 0 1vw;padding:0;border:0px;width:6.2vw;font:bold 13pt/5vw Arial;color: rgb(104 119 84);letter-spacing:-1px;text-align:right;background:transparent;}
		.TimerNick span { padding-left:1vw; font: bold 3.2vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
	}





/*區塊_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_bottom { margin-bottom: 60px;}
.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_bottom { margin-bottom: 8.5vw;}
		.m96 { width: 96%; }
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}


	}




/*LOGO CSS*/
.momologo { z-index:9999; position: absolute; top: 15px; left:15px;}
.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);
}	
	

/*針對飛機修正(*/
@media screen and (max-width: 767px){
    .Area_title {height: 129vw;}
    .Area_below_text { height: 27.5vw; }
    .Area_below .box .layout_bn { height: 56vw;}
    .Area_below_1 {height: 230vw}
    .Area_below_2 {height: 230vw}
    .Area_below_3 {height: 230vw}
    .Area_below_4 {height: 230vw}
    .Area_logo { height: 107vw !important}
}



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