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

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


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto;  overflow:hidden;background-color:#fafafa;padding: 0; width: 100%;  min-width: 1220px;  text-align:left; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica; z-index:0;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;-webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden; }
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 1vw; min-height:100vh; overflow: hidden;background:url(m_bg.jpg?t=1753960278658)top center repeat-y;background-size:100%;}
  .WRAPPER img {  width: 100%;  height: auto;}
}
	


/*PC背景*/
.bg_01 { z-index:-50; position:absolute; top:0; left:0; width:100%; height:1135px; background-repeat:no-repeat; background-position: center top; pointer-events:none; }
.bg_02 { z-index:-51; 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:-52; position:absolute; top:938px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; }
.bg_deco { z-index:-50; 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){

		}





/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { 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);}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}


/*LOGO*/
.momologo { z-index:10; 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;}
  }


/*區標*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 70%;height: auto;z-index: 1;}
.box_txt01 {position: absolute;margin: 0 auto;width: 70%;height: auto;z-index: 1;left: 169px;top: 23px;}
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: 15vw;z-index: 1;}
.box_txt img{width: 100%;}
.box_txt01 {position: absolute;margin: 0 auto;width: 100%;/* height: 19vw; */z-index: 1;top: 2vw;}
.box_txt01 img{width: 100%;}
}




/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title { height:900px;}
.Area_title .photo00 {position: absolute;left: 172px;top: 0px;z-index: 6;}
.Area_title .photo01 {position: absolute;left: 172px;top: 137px;z-index: 6;}
.Area_title .photo02 {position: absolute;left: 174px;top: 328px;z-index: 6;}
.Area_title .photo03 {position: absolute;left: 172px;top: 515px;z-index: 6;}
.Area_title .photo04 {position: absolute;left: 58px;top: 719px;z-index: 6;}
.Area_title .photo05 {position: absolute;left: -41px;top: 839px;z-index: 6;}
.Area_title .btn01 {position: absolute;left: 153px;top: 203px;z-index: 9;}
.Area_title .btn02 {position: absolute;left: 409px;top: 398px;z-index: 9;}
.Area_title .btn03 {position: absolute;left: 156px;top: 581px;z-index: 9;}
.Area_title .btn04 {position: absolute;left: 401px;top: 594px;z-index: 9;}
	
		
	
}
@media screen and (max-width: 767px){
			.Area_title {width:100%;height: 121vw;}

			.Area_title .photo00 {display: none;}
			.Area_title .photo01 {position: absolute;width: 28%;left: 7%;top: 35.5vw;z-index: 6;}
			.Area_title .photo02 {position: absolute;width: 28%;left: 7%;top: 55.5vw;z-index: 6;}
			.Area_title .photo03 {position: absolute;width: 28%;left: 7%;top: 75.6vw;z-index: 6;}
			.Area_title .photo04 {position: absolute;width: 39%;left: -4.5%;top: 96vw;z-index: 6;}
			.Area_title .photo05 {position: absolute;width: 37%;left: -11%;top: 108.5vw;z-index: 0;}

			.Area_title .btn01 {position: absolute;width:4%;left: 5%;top: 45vw;z-index: 9;}
			.Area_title .btn02 {position: absolute;width:4%;left: 33%;top: 65vw;z-index: 9;}
			.Area_title .btn03 {position: absolute;width:4%;left: 5%;top: 85vw;z-index: 9;}
			.Area_title .btn04 {display: none;}

	
	
	
		}




/*主標*/
.Area_title .title {position:absolute;width: 639px;height:314px;top: 32px;left: 468px;text-align: left;z-index: 3;}
.Area_title .title .PD_layout ul{padding-left: 0;padding-right: 0;}
.Area_title .title .PD_layout ul li {pointer-events:none;}
.Area_title .title .PD_layout .PD img {width: 100%;}
	@media screen and (max-width:767px){
    .Area_title .title {position: absolute;width: 100%;height: 40vw;top: -1vw;left: 0%;margin: 0 auto;list-style: none;z-index: 0;}
    .Area_title .title .PD_layout .PD img {width: 100%;}

}






/*版頭輪播品*/
.Area_title .box_PD {position:absolute;width:572px;height:501px;top: 428px;left:580px;}
.Area_title .box_PD .Area_swiper .swiper-slide .PD_img img {width:100%;}
.Area_title .box_PD .Area_swiper ul {margin: 0;padding: 0; display: flex;}
 @media screen and (max-width:767px){
.Area_title .box_PD  {z-index: 10;position:absolute;width:60%;height:58%;top: 49vw;left: 37vw;}
.Area_title .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
}
/*輪播公板調整*/
.Area_title .box_PD .PD_layout {}
 @media screen and (max-width:767px){
.Area_title .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
}
 @media screen and (min-width:768px){
.Area_title .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(-6%,0);  }
.Area_title .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
}
@media screen and (max-width:767px){
.Area_title .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(-2%,0);  }
.Area_title .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
 }



 
/* 版頭品 */
.Area_topPD a { pointer-events: none; }
@media screen and (min-width:768px){
.Area_title{height: 905px !important;box-sizing: border-box;height: 100%;}

.Area_title .topPD {position: absolute;top: 229px;left: 47.5%;transform: translateX(-50%);width:100%;}
.Area_title .topPD ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0;padding: 0;width: 100%;box-sizing: content-box;grid-gap: inherit;}
.Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
.Area_title .topPD .PD .PD_img {width: 45%;position: relative;top: 91px;left: 524px;}

}

@media screen and (max-width:767px){
.Area_title .topPD {position: absolute;top: 32vw;width: 100%;right: 7vw;}
.Area_title .topPD ul.PD_wrapper {display: flex;flex-wrap: nowrap;margin: 0;padding: 0;/* width: 80%; */box-sizing: content-box;grid-gap: inherit;background-color:unset;}
.Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
.Area_title .topPD  .PD_layout .PD img {width: 70%;position: relative;top: 11vw;left: 18vw;}
}







/*登記*/
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #dced13;}
.Area01 .warningTxt h3{color: #000000;}   
@media screen and (min-width:768px){
.Area01 {position: relative;/* padding-bottom: 50px; */} 
.Area01 .box {background:url(Area01_bgre.png?t=1753960278658)top center repeat-y;}
}
@media screen and (max-width:767px){
.Area01 {/* padding-bottom: 6vw; */}
.Area01 .box {background:url(mArea01_bgre.png?t=1753960278658)top center repeat-y;background-size: 100%;} 
.Area_danji {width: 94%; margin: 0 auto;}
}



/* 折價劵 */
    
  /* 文字顏色 */
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;}
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;}
   @media screen and (max-width:767px){
  .Area_coupon{padding-bottom: 1vw;}
  .Area_coupon .PD_layout ul{height: auto;}

  }




/*限搶*/
@media screen and (min-width:768px){
.Area_limited {height: 100%; padding-bottom: 80px;}
.Area_limited .PD_layout ul { width:100%; margin:0 auto;padding-left: 0;padding-right: 0;}

}
@media screen and (max-width:767px){
.Area_limited {height: 100%;padding-bottom:8vw;}
.Area_limited .box .PD_layout {padding-top: 10vw;}
.Area_limited .box .PD_layout ul {width: 95%; margin: 0 auto;}
}


/** 倒數 **/
.TimerNick {position: relative;width: 460px;height: 32px;top: -27px;left:380px;text-align:center;}
.TimerNick .FontStyle { display:inline-block; margin:0 ; padding:0; border:0px; width:45px; font:normal 35px/50px Arial; color:#7e7b7b;  letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick span { padding-left:2px; font: bold 28px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color:#7e7b7b;}
.TimerNick small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #7e7b7b;}

@media screen and (max-width:767px){
.TimerNick {position: absolute;width:100%;height:auto;top: 15vw;left:0;margin:0;text-align: center;}
.TimerNick .FontStyle { margin:0 ; padding:0; border:0px; width:6vw; font: normal 5.5vw/6vw Arial;color:#7e7b7b; letter-spacing:-1px; text-align:right; background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3),
.TimerNick div:nth-of-type(4){ width:6vw;}
.TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #7e7b7b;}
}


/*爆品區(線上入搞)*/
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { color:#000000;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { color:#000000; }

@media screen and (min-width:768px){
.Area_item {height:100%;margin-bottom: 39px;}
.Area_item .bg {z-index:-50;position:absolute;top:0;left:-390px;width:2000px;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}


.Area_item .PD_layout.layout_item {margin-top: -16px;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}

.Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 5px;position: absolute;left: 42px;top: 260px;width:80%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo {display: none;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {text-align: center;padding: 0;max-height: 1.9em;font-weight: bolder;font-size: 1.8em;line-height: 1.0em;width:100%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {text-align: center!important;font-size: 1.7em;width:100%;}

.Area_item .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none;}
}
@media screen and (max-width:767px){
.Area_item {width:100%!important;}
.Area_item .PD_layout.layout_item {top: 0vw;}
.Area_item {/* padding-bottom:3vw; */background-color: #d5d5d5;margin-bottom: 5vw;padding-top: 2vw;}

.Area_item .PD_layout.layout_item ul {width:96%;margin-top: 3%;padding-bottom: 3vw;}
.Area_item .PD_layout.layout_item li {margin-top: 0%;margin-left:0%;width:100%;margin-bottom: 4vw;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:unset;}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 5%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0vw;position: absolute;left: 4vw;top: 41vw;width: 90%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo {display: none;}

.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {text-align: center!important;padding: 0;max-height: 1.5em;font-weight: bolder;font-size: 1.4em;line-height: 1.3em;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {text-align: center!important;margin-top:-1.5vw;font-size: 1.3em;width:100%;}

.Area_item .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none; }
}



/*公版6品*/
@media screen and (min-width:768px){
  .Area03 {z-index: 30;height: auto;margin-top: 0px !important;margin-bottom: 60px!important;}
  .Area03 .Area03_PD .PD_layout ul {margin: 0 auto;border: #d5d5d5 solid 0.2em;}	
  
  /* 區標 */
  .Area03 .titlebg {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}	
  .Area03 .title01 {height: 177px;}	
  .Area03 .title01 .PD_layout{position: relative;top: 32px;}
  .Area03 .title01 ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 53px/80px "Noto Sans CJK SC";font-weight: 580;text-align: center;color: #000000;letter-spacing: 0px;overflow: hidden;}
  
  
  }
  @media screen and (max-width:767px){
  .Area03 {margin-bottom: 7vw !important;}
  
  /* 區標 */
  .Area03 .titlebg {width: 100%;position: absolute;height: 17vw;}  
  .Area03 .title01 {height: 17vw;}	
  .Area03 .title01 .PD_layout{position: relative;top: 3.5vw;}
  .Area03 .title01 ul li h5 {position: relative;top:0vw;margin: 0;padding: 0;width: 100%;height: 12vw;font: 6.8vw/6.5vw "Noto Sans CJK SC";font-weight:580;text-align: center;color: #000000;letter-spacing: 0px;overflow: hidden;}	
  
  .Area03_PD .PD_layout{width: 95%;border: #d5d5d5 solid 0.2em;border-radius: 1.5em;}
  

  }




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


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