@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:"Noto Sans CJK TC","Microsoft JhengHei",Helvetica; 
  background: url(BG.png?t=1779851385180);
  background-size: 10%;
}
.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 { min-width: inherit; background-size: 30%;}
	.WRAPPER img {  width: 100%;  height: auto;}
}

/*區塊_all*/
.Area2000 { margin: 0 auto; width: 2000px;}
.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;}
.Areabottom { margin-bottom: 50px;}
.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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}  
.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:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);} 
  @media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
    .Areabottom { margin-bottom: 7vw;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}    

/*背景*/
.bg_01 { z-index: -2; position: absolute; top: 15px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_02 { z-index: -2; position: absolute; top: -165px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_03 { z-index: -1; position: absolute; top: 115px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_04 { z-index: -1; position: absolute; top: 440px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.top_bg_1 { top: -160px; left: 0; width: 100%; height: 1313px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
.top_bg_2 { top: 80px; left: 0; width: 100%; height: 1020px; background-repeat: no-repeat; background-position: center top; pointer-events: none; opacity: 0.4;}
.title01 { background: url(title_bg.png?t=1779851385180)top center no-repeat; background-size: 100%;}
.title02 {background: url(title_bg2.png?t=1779851385180)top center no-repeat;background-size: 95%;}
@media screen and (max-width:767px){
  .m_bg01 { z-index: 0; position: absolute; top: 10.5vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}
/*momo_logo*/
.Area_title .momologo { z-index: 20; position: absolute; top: 8px; left: 0;}
.Area_title .momologo a { display: block; width: 200px; height: 90px; background: url(momologo.png?t=1779851385180) no-repeat; background-size: 96%;}

/*版頭*/
.Area_title .Area_ti { z-index: 1; position: absolute;}
.topPD { position: absolute; padding: 0 10%; width: 80%; top: 440px;}
.Area_sub ul { padding: 0 !important; grid-gap: 0 !important;}
.Area_date { position: absolute;}
.top_deco { position: absolute;}



/*倒數*/
.TimerNick { position: absolute; width: 500px; top: 910px; left: 360px; display: inline-block; z-index: 8; text-align: center; letter-spacing: .1em; text-shadow: 1px 1.5px rgb(10 70 160 / 60%);}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 33px;  color:#fff; font-weight: 800; letter-spacing: 1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 30px;  letter-spacing: 0.1em; color:#fff; font-weight: 600;}
.TimerNick b { font-weight: normal;}
@media screen and (min-width:768px){
  .Area_title { height: 1035px;}
  .Area_ti { top: 120px; left: 150px;}
  .drip_1 { top: 60px; left: 10px;}
  .drip_2 { top: 25px; right: 35px;}
  .drip_3 { top: 75px; right: 5px;}
  .ball { top: 80px; left: 495px;}
  .Area_date { top: 250px; right: 170px;}
  /*副標*/
  .Area_sub { top: 310px; left: 130px;}
  .Area_sub .PD_layout .PD_img { width: 78%;}

  /*deco*/
  .top_deco_1 {top: 344px;left: 180px;}
  .top_deco_2 { top: 1065px; left: 245px;}
  .top_deco_3 { top: 900px; right: 0;}
}   
@media screen and (max-width:767px){
  .Area_title { height: 123vw;}
  .Area_ti { top: 13vw;}
  .drip_1 { width: 7% !important; left: 1vw; top: 7vw;}
  .drip_2 { width: 5.5% !important; right: 4vw; top: 2vw;}
  .drip_3 { width: 8% !important; right: 1.5vw; top: 7vw;}
  .ball { width: 3.5% !important; top: 8.5vw; left: 51.5vw; z-index: 10;}
  /*副標*/
  .Area_sub { top: 31.5vw;}
  /*限定標*/
  .Area_date {width: 21%;top: 25.5vw;right: 6vw;}
  .topPD { top: 46vw; padding: 0 1.5%; width: 97%;}
  /*deco*/
  .top_deco_1 { width: 10%; top: 35vw; left: 10vw;}
  .top_deco_2 { width: 10%; top: 113vw; left: 10vw;}
  .top_deco_3 { width: 18%; top: 105vw; right: -1vw;}
  .top_bg_1 { width: 124%; top: -15vw; left: -14vw; z-index: -2;}
  .top_bg_2 { width: 118%; top: 7vw; left: -11vw; z-index: -1; opacity: 0.4;}
  /*提醒我按鈕*/
  a.mo_remind_btn { z-index: 10; position: absolute; left: 0; top: 114vw; width: 13%;}
  /*倒數*/
  .TimerNick {width: 56%;top: 105.5vw;left: 23vw;display: flex;column-gap: .6vw;text-align: center;justify-content: space-around;}
  .TimerNick .FontStyle { margin: -.4em 0 0 -.06em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em;}
  .TimerNick span { font-size: 1em; letter-spacing: -.05em; margin: -.2em .5em 0 -.3em;}
  .TimerNick span:first-child { margin-top: -0.2em; font-size: 1em;}
  .Area_title .more { top: 132vw; right: 5vw; width: 30%;}
}



/*主標入稿*/
@media screen and (min-width:768px){

  /*副標輪播*/	
  .Area_title  .titile02 {position:absolute;width: 950px;top: 313px;left: 174px;overflow: hidden;z-index: 8;}
  .Area_title  .titile02 .PD_layout ul {display:flex;}
  .Area_title  .titile02 .PD_slide:hover{transform:none;}
  .Area_title  .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
  
   
  }
  
  .Area_title .titile02 .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul {padding: 0;}
  
  @media screen and (max-width:767px){

  /*副標輪播*/	
  .Area_title .titile02 {position:absolute;width: 100%;top: 33vw;left: 0vw;overflow: hidden;}
  .Area_title .titile02 .PD_layout ul {display:flex;}
  .Area_title  .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}		
  
  }









/*區塊標題*/
.Area .title {padding: 25px 0 55px 0;margin: 0 auto;width: 100%;z-index: 2;}
.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 54px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #fff; letter-spacing: -1px; }
.Area .title_02 {padding: 27px 0 37px 0;margin: 0 auto;width: 100%;z-index: 2;}
.Area .title_02 ul { padding: 0; grid-gap: 0;}
.Area .title_02 ul li { background-color: transparent; pointer-events: none;}
.Area .title_02 ul li .PD_into { padding: 0;}
.Area .title_02 ul li h5 {padding: 0;margin: 0;font: bold 45px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;color: #000000;letter-spacing: -1px;}
@media screen and (max-width:767px){
  .Area .title {padding: 2vw 0 5vw 0;margin: 0 auto;width: 100%;}
  .Area .title ul li h5 { font: bold 6.5vw/6.5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area .title_02 {padding: 2.5vw 0 3vw 0;margin: 0 auto;width: 100%;}
  .Area .title_02 ul li h5 {font: bold 5.4vw/6.5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
}




/*00公式*/
.Area00 { z-index: 10;}
.Area00_box { margin: 0 auto;}
@media screen and (min-width:768px){
  .Area00 img { width: 100%;}
}

/*01折價券*/
.Area01 .Area_coupon .PD_layout .PD_img { padding: 0 1.5%;}
.PD_layout.PD_layout-coupon3 ul { row-gap: 0;}
@media screen and (min-width:768px){
  .A01_deco_1 { top: -65px; right: 60px;}
  .A01_deco_2 { top: 305px; left: 0;}
}
@media screen and (max-width:767px){
  .A01_deco_1 { width: 10%; top: -6vw; right: 8vw;}
  .A01_deco_2 { width: 14%; top: 31vw; left: 6vw;}
}

/*09登記*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fa7d1e;} /*登記贈品文案顏色*/
.Area_danji.Area_danji_2 .danji_box ul li .activityText .gifts span { color: #4098ff;} /*登記贈品文案顏色*/
.Area_danji ul { width: 97%; padding: 0 1.5% !important;}
.warningTxt h3 { color: #000000;}
.danji06{padding-top: 30px;}
@media screen and (max-width:767px){
.danji06{padding-top: 4vw;}
}


/*02主打品*/
.Area02 .PD_layout ul { background-color: transparent; padding: 0; width: 100%;}
.Area02 .PD_layout li { border: none !important;}
.box02 .PD_layout li:nth-child(odd) { background: url(A02_PD_bg_1.png?t=1779851385180) no-repeat; background-size: 100%;}
.box02 .PD_layout li:nth-child(even){ background: url(A02_PD_bg_2.png?t=1779851385180) no-repeat; background-size: 100%;}
.box02 .PD_layout .PD:hover h4 { color: #fffa9b !important;}
.box02 .PD_layout .PD_img { padding: 8% 15% !important;}
.box02 .PD_layout h3 { color: #fff;}
.box02 .PD_layout h4 { color: #fff; margin-bottom: 0;}
.box02 .PD_layout p, .box02 .PD_layout p del { color: #fffa9b;}
@media screen and (min-width:768px){
  .Area02 { margin-bottom: 40px;}
  .box02 .PD_layout .PD_into { padding: 2em 2em 6em;}
  .box02 .PD_layout h3 { max-height: 2em; line-height: 2em; font-size: 25px;}
  .box02 .PD_layout h4 { max-height: 2em !important; line-height: 2em; font-size: 20px;} 
  .box02 .PD_layout p { height: 2.6em; line-height: 2.6em;}
  .box02 .PD_layout p del { font-size: 22px;}
  .box02 .PD_layout p .money { font-size: 20px;}
  .box02 .PD_layout p .Price { font-size: 42px;}
}
@media screen and (max-width:767px){
  .box02 .PD_layout .PD_into { padding: .7em .8em 1.2em;}
  .box02 .PD_layout h3 { max-height: 1.6em; line-height: 1.6em;}
  .box02 .PD_layout h4 { max-height: 1.3em !important; line-height: 1.3em;font-size: 13.5px;}
  .box02 .PD_layout p { height: 2.6em; line-height: 1.6em;}
  .box02 .PD_layout p .Price { font-size: 27px;}
}

/*03攻略*/
.box03 .PD_layout ul { padding: 0;}
@media screen and (min-width:768px){
  .Area03 { padding-bottom: 225px;}
  .A03_bg { margin-left: -520px; z-index: -1; position: absolute; top: 0; left: 0; width: 2000px; height: 1255px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Area03 .Att { padding-top: 115px;}
  .A03_deco_1 { top: 480px; right: -115px;}
  .A03_deco_2 { bottom: -30px; left: -20px;}
  .A03_deco_3 { bottom: -80px; left: -30px;}
  .A03_deco_4 { top: 735px; left: -190px;}
}
@media screen and (max-width:767px){
  .Area03 { background: url(A03_bg_m.png?t=1779851385180) center 0 no-repeat; background-size: 100%; padding-bottom: 18vw;}
  .Area03 .Att { padding-top: 11vw;}
  .A03_deco_1 { width: 7%; top: 15vw; right: 15vw;}
  .A03_deco_2 { width: 13%; bottom: 2vw; left: 8vw; z-index: 7;}
  .A03_deco_3 { width: 13%; bottom: -5vw; left: 7vw; z-index: 6;}
}

/*04影片*/
.video_box .yt1 {position: relative;z-index: 1;border: solid 0.15em #fbf7d8 ;height: auto;margin-bottom: 40px;}
.video_box .box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom:56%;}
.video_box .box_youtube .youtubeArea * { margin: 0; padding: 0;}
.video_box .box_youtube .youtubeArea iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_box .box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
@media screen and (min-width:768px){
.box_youtube {width: 90%;top: 0px;margin: 0 auto;}
}
@media screen and (max-width:767px){
.video_box .box_youtube {position: relative;top:0vw;left: 0vw;width: 90%;height: auto;z-index: 1;margin: 0 auto;border: solid 0.15em #fbf7d8 ;margin-bottom: 0vw;}
.video_box .box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom:56%;}
.box_youtube { width: 96%; top:0vw; margin: 0 auto;}
}








/*05輪播BN*/
.swiper-pagination-bullet-active, .swiper-pagination-bullet { background: #fffa9b !important;}
.box05 .Area_swiper_box li { background: transparent;}
@media screen and (min-width:768px){
  .box05 .Area_swiper_box ul { height: 285px;}
  .box05::after { content: ""; width: 12%; height: 33%; position: absolute; bottom: -10px; right: 0; background: url(A01_deco_2.png?t=1779851385180) center no-repeat; background-size: 100%; z-index: 3;}
}
@media screen and (max-width:767px){
  .box05 .Area_swiper_box ul { height: 34vw;}
  .box05::after { content: ""; width: 14%; height: 35%; position: absolute; bottom: -2vw; right: 0; background: url(A01_deco_2.png?t=1779851385180) center no-repeat; background-size: 100%; z-index: 3;}
}

/*06輪播副打*/
.box06 .PD_layout li { background: url(A06_PD_bg.png?t=1779851385180) no-repeat; background-size: 100%;}
.box06 .PD_layout .PD h3 { margin-bottom: 0; line-height: 3.3em; max-height: 3.3em;}
.box06 .PD_layout .PD h3 span { background: transparent;}
.box06 .PD_layout .PD_img { padding: .25em .5em 0;}
.box06 .PD_layout .PD h4 { margin-bottom: 0;}
.box06 .PD_layout .PD:hover h4 { color: #000 !important;}
.box06 .PD_layout .PD p, .box06 .PD_layout .PD p del { color: #0a87e1;}
@media screen and (min-width:768px){
  .box06 .PD_layout .PD_into { padding: 0 .3em 1.6em;}
  .box06 .PD_layout .PD h3 { font-size: 25px;}
  .box06 .PD_layout .PD h4 { font-size: 20px;}
  .box06 .PD_layout .PD p { height: 3.2em; line-height: 3.2em;}
  .box06 .PD_layout .PD p del { font-size: 22px;}
  .box06 .PD_layout .PD p .money { font-size: 26px;}
  .box06 .PD_layout .PD p .Price { font-size: 45px;}
  .A06_deco_1 { bottom: -60px; right: -90px; z-index: 5;}
  .A06_deco_2 { bottom: -50px; right: 15px; z-index: 6;}
  .A06_deco_1 img, .A06_deco_2 img { width: 95%;}
}
@media screen and (max-width: 767px){
  .box06 .PD_layout .PD p .Price { font-size: 28px;}
  .box06 .PD_layout .PD_into { padding: .3em .3em 1.3em;}
  .A06_deco_1 { width: 100%; bottom: -6vw; left: 0; z-index: 5;}
  .A06_deco_2 { width: 7%; bottom: -5vw; right: 9vw; z-index: 6;}
}

/*07頁籤*/
.Area_page { overflow: hidden;}
@media screen and (min-width:768px){
  .Area_K1 { margin-bottom: 60px;}
}
@media screen and (max-width:767px){
  .Area_K1 { margin-bottom: 6vw;}
  .page .PD_layout { width: 96%;}
}


/*08精選品類*/
.Abrand { z-index: 2;width: 95%;}
@media screen and (min-width:768px){
  .A08_bg { margin-left: -390px; z-index: -1; position: absolute; top: -240px; left: 0; width: 2000px; height: 1030px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Abrand ul { padding: 0 70px !important; grid-gap: 15px 20px !important;}
  .A08_deco_1 { top: 400px; left: -70px;}
  .A08_deco_2 { top: 110px; right: -10px;}
  .A08_deco_3 { top: -85px;}
}
@media screen and (max-width:767px){
  .Abrand { width: 100%;}
  .Area08 { background: url(A08_bg_m.png?t=1779851385180) no-repeat; background-size: 100%;}
  .Area08 .Att { padding-top: 4vw;}
  .Abrand ul { grid-gap: 1.5vw !important;}
  .Abrand li:nth-child(5) { grid-column: 2/3;}
  .Abrand li:nth-child(6) { grid-column: 3/4;}
  .A08_deco_1 {width: 9%;top: 43vw;left: 10vw;}
  .A08_deco_2 {width: 6%;top: 54vw;right: 11vw;}
  .A08_deco_3 {width: 125%;top: -7vw;left: -15vw;z-index: 0;}
}

.Area10{padding: 60px 0 0 0;}
.Area10 .PD_layout{width: 90%;}
@media screen and (max-width:767px){ 
  .Area10 {padding: 6vw 0 0 0;background: url(notice_bg_m.png?t=1779851385180) repeat-y;background-size: 100%;}
  .Area10 .PD_layout{width: 100%;}
}



/*注意事項區*/
.edm_notice { text-align: center; padding: 25px 10px 40px 10px; color:#323c46; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
@media screen and (max-width:767px){ 
  .edm_notice {background: url(notice_bg_m.png?t=1779851385180) repeat-y; background-size: 100%;
  }
}

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


/* 編輯按鈕移動 */
#eWriterBtn_bt_B_000_01-22 { margin-left: 6px!important; margin-top: 69px!important; z-index: 99!important; }
/* 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:"Noto Sans CJK TC","Microsoft JhengHei",Helvetica; 
  background: url(BG.png?t=1779851385180);
  background-size: 10%;
}
.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 { min-width: inherit; background-size: 30%;}
	.WRAPPER img {  width: 100%;  height: auto;}
}

/*區塊_all*/
.Area2000 { margin: 0 auto; width: 2000px;}
.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;}
.Areabottom { margin-bottom: 50px;}
.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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}  
.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:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);} 
  @media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
    .Areabottom { margin-bottom: 7vw;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}    

/*背景*/
.bg_01 { z-index: -2; position: absolute; top: 15px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_02 { z-index: -2; position: absolute; top: -165px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_03 { z-index: -1; position: absolute; top: 115px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_04 { z-index: -1; position: absolute; top: 440px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.top_bg_1 { top: -160px; left: 0; width: 100%; height: 1313px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
.top_bg_2 { top: 80px; left: 0; width: 100%; height: 1020px; background-repeat: no-repeat; background-position: center top; pointer-events: none; opacity: 0.4;}
.title01 { background: url(title_bg.png?t=1779851385180)top center no-repeat; background-size: 100%;}
.title02 {background: url(title_bg2.png?t=1779851385180)top center no-repeat;background-size: 95%;}
@media screen and (max-width:767px){
  .m_bg01 { z-index: 0; position: absolute; top: 10.5vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}
/*momo_logo*/
.Area_title .momologo { z-index: 20; position: absolute; top: 8px; left: 0;}
.Area_title .momologo a { display: block; width: 200px; height: 90px; background: url(momologo.png?t=1779851385180) no-repeat; background-size: 96%;}

/*版頭*/
.Area_title .Area_ti {z-index: 1;position: absolute;z-index: 3;}
.topPD { position: absolute; padding: 0 10%; width: 80%; top: 440px;}
.Area_sub ul { padding: 0 !important; grid-gap: 0 !important;}
.Area_date { position: absolute;}
.top_deco { position: absolute;}



/*倒數*/
.TimerNick { position: absolute; width: 500px; top: 910px; left: 360px; display: inline-block; z-index: 8; text-align: center; letter-spacing: .1em; text-shadow: 1px 1.5px rgb(10 70 160 / 60%);}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 33px;  color:#fff; font-weight: 800; letter-spacing: 1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 30px;  letter-spacing: 0.1em; color:#fff; font-weight: 600;}
.TimerNick b { font-weight: normal;}
@media screen and (min-width:768px){
  .Area_title { height: 1035px;}
  .Area_ti { top: 120px; left: 150px;}
  .drip_1 { top: 60px; left: 10px;}
  .drip_2 { top: 25px; right: 35px;}
  .drip_3 { top: 75px; right: 5px;}
  .ball { top: 80px; left: 495px;}
  .Area_date {top: 250px;right: 150px;z-index: 2;}
  /*副標*/
  .Area_sub { top: 310px; left: 130px;}
  .Area_sub .PD_layout .PD_img { width: 78%;}

  /*deco*/
  .top_deco_1 {top: 344px;left: 180px;}
  .top_deco_2 { top: 1065px; left: 245px;}
  .top_deco_3 { top: 900px; right: 0;}
}   
@media screen and (max-width:767px){
  .Area_title { height: 123vw;}
  .Area_ti { top: 13vw;}
  .drip_1 { width: 7% !important; left: 1vw; top: 7vw;}
  .drip_2 { width: 5.5% !important; right: 4vw; top: 2vw;}
  .drip_3 { width: 8% !important; right: 1.5vw; top: 7vw;}
  .ball { width: 3.5% !important; top: 8.5vw; left: 51.5vw; z-index: 10;}
  /*副標*/
  .Area_sub { top: 31.5vw;}
  /*限定標*/
  .Area_date {width: 21%;top: 25.5vw;right: 6vw;}
  .topPD { top: 46vw; padding: 0 1.5%; width: 97%;}
  /*deco*/
  .top_deco_1 { width: 10%; top: 35vw; left: 10vw;}
  .top_deco_2 { width: 10%; top: 113vw; left: 10vw;}
  .top_deco_3 { width: 18%; top: 105vw; right: -1vw;}
  .top_bg_1 { width: 124%; top: -15vw; left: -14vw; z-index: -2;}
  .top_bg_2 { width: 118%; top: 7vw; left: -11vw; z-index: -1; opacity: 0.4;}
  /*提醒我按鈕*/
  a.mo_remind_btn { z-index: 10; position: absolute; left: 0; top: 114vw; width: 13%;}
  /*倒數*/
  .TimerNick {width: 56%;top: 105.5vw;left: 23vw;display: flex;column-gap: .6vw;text-align: center;justify-content: space-around;}
  .TimerNick .FontStyle { margin: -.4em 0 0 -.06em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em;}
  .TimerNick span { font-size: 1em; letter-spacing: -.05em; margin: -.2em .5em 0 -.3em;}
  .TimerNick span:first-child { margin-top: -0.2em; font-size: 1em;}
  .Area_title .more { top: 132vw; right: 5vw; width: 30%;}
}



/*主標入稿*/
@media screen and (min-width:768px){

  /*副標輪播*/	
  .Area_title  .titile02 {position:absolute;width: 950px;top: 313px;left: 174px;overflow: hidden;z-index: 1;}
  .Area_title  .titile02 .PD_layout ul {display:flex;}
  .Area_title  .titile02 .PD_slide:hover{transform:none;}
  .Area_title  .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
  
   
  }
  
  .Area_title .titile02 .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul {padding: 0;}
  
  @media screen and (max-width:767px){

  /*副標輪播*/	
  .Area_title .titile02 {position:absolute;width: 100%;top: 33vw;left: 0vw;overflow: hidden;}
  .Area_title .titile02 .PD_layout ul {display:flex;}
  .Area_title  .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}		
  
  }









/*區塊標題*/
.Area .title {padding: 25px 0 55px 0;margin: 0 auto;width: 100%;z-index: 2;}
.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 54px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #fff; letter-spacing: -1px; }
.Area .title_02 {padding: 27px 0 37px 0;margin: 0 auto;width: 100%;z-index: 2;}
.Area .title_02 ul { padding: 0; grid-gap: 0;}
.Area .title_02 ul li { background-color: transparent; pointer-events: none;}
.Area .title_02 ul li .PD_into { padding: 0;}
.Area .title_02 ul li h5 {padding: 0;margin: 0;font: bold 45px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;color: #000000;letter-spacing: -1px;}
@media screen and (max-width:767px){
  .Area .title {padding: 2vw 0 5vw 0;margin: 0 auto;width: 100%;}
  .Area .title ul li h5 { font: bold 6.5vw/6.5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area .title_02 {padding: 2.5vw 0 3vw 0;margin: 0 auto;width: 100%;}
  .Area .title_02 ul li h5 {font: bold 5.4vw/6.5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
}




/*00公式*/
.Area00 { z-index: 10;}
.Area00_box { margin: 0 auto;}
@media screen and (min-width:768px){
  .Area00 img { width: 100%;}
}

/*01折價券*/
.Area01 .Area_coupon .PD_layout .PD_img { padding: 0 1.5%;}
.PD_layout.PD_layout-coupon3 ul { row-gap: 0;}
@media screen and (min-width:768px){
  .A01_deco_1 { top: -65px; right: 60px;}
  .A01_deco_2 { top: 305px; left: 0;}
}
@media screen and (max-width:767px){
  .A01_deco_1 { width: 10%; top: -6vw; right: 8vw;}
  .A01_deco_2 { width: 14%; top: 31vw; left: 6vw;}
}

/*09登記*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fa7d1e;} /*登記贈品文案顏色*/
.Area_danji.Area_danji_2 .danji_box ul li .activityText .gifts span { color: #4098ff;} /*登記贈品文案顏色*/
.Area_danji ul { width: 97%; padding: 0 1.5% !important;}
.warningTxt h3 { color: #000000;}
.danji06{padding-top: 30px;}
@media screen and (max-width:767px){
.danji06{padding-top: 4vw;}
}


/*02主打品*/
.Area02 .PD_layout ul { background-color: transparent; padding: 0; width: 100%;}
.Area02 .PD_layout li { border: none !important;}
.box02 .PD_layout li:nth-child(odd) { background: url(A02_PD_bg_1.png?t=1779851385180) no-repeat; background-size: 100%;}
.box02 .PD_layout li:nth-child(even){ background: url(A02_PD_bg_2.png?t=1779851385180) no-repeat; background-size: 100%;}
.box02 .PD_layout .PD:hover h4 { color: #fffa9b !important;}
.box02 .PD_layout .PD_img { padding: 8% 15% !important;}
.box02 .PD_layout h3 { color: #fff;}
.box02 .PD_layout h4 { color: #fff; margin-bottom: 0;}
.box02 .PD_layout p, .box02 .PD_layout p del { color: #fffa9b;}
@media screen and (min-width:768px){
  .Area02 { margin-bottom: 40px;}
  .box02 .PD_layout .PD_into { padding: 2em 2em 6em;}
  .box02 .PD_layout h3 { max-height: 2em; line-height: 2em; font-size: 25px;}
  .box02 .PD_layout h4 { max-height: 2em !important; line-height: 2em; font-size: 20px;} 
  .box02 .PD_layout p { height: 2.6em; line-height: 2.6em;}
  .box02 .PD_layout p del { font-size: 22px;}
  .box02 .PD_layout p .money { font-size: 20px;}
  .box02 .PD_layout p .Price { font-size: 42px;}
}
@media screen and (max-width:767px){
  .box02 .PD_layout .PD_into { padding: .7em .8em 1.2em;}
  .box02 .PD_layout h3 { max-height: 1.6em; line-height: 1.6em;}
  .box02 .PD_layout h4 { max-height: 1.3em !important; line-height: 1.3em;font-size: 13.5px;}
  .box02 .PD_layout p { height: 2.6em; line-height: 1.6em;}
  .box02 .PD_layout p .Price { font-size: 27px;}
}

/*03攻略*/
.box03 .PD_layout ul { padding: 0;}
@media screen and (min-width:768px){
  .Area03 { padding-bottom: 225px;}
  .A03_bg { margin-left: -520px; z-index: -1; position: absolute; top: 0; left: 0; width: 2000px; height: 1255px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Area03 .Att { padding-top: 115px;}
  .A03_deco_1 { top: 480px; right: -115px;}
  .A03_deco_2 { bottom: -30px; left: -20px;}
  .A03_deco_3 { bottom: -80px; left: -30px;}
  .A03_deco_4 { top: 735px; left: -190px;}
}
@media screen and (max-width:767px){
  .Area03 { background: url(A03_bg_m.png?t=1779851385180) center 0 no-repeat; background-size: 100%; padding-bottom: 18vw;}
  .Area03 .Att { padding-top: 11vw;}
  .A03_deco_1 { width: 7%; top: 15vw; right: 15vw;}
  .A03_deco_2 { width: 13%; bottom: 2vw; left: 8vw; z-index: 7;}
  .A03_deco_3 { width: 13%; bottom: -5vw; left: 7vw; z-index: 6;}
}

/*04影片*/
.video_box .yt1 {position: relative;z-index: 1;border: solid 0.15em #fbf7d8 ;height: auto;margin-bottom: 40px;}
.video_box .box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom:56%;}
.video_box .box_youtube .youtubeArea * { margin: 0; padding: 0;}
.video_box .box_youtube .youtubeArea iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_box .box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
@media screen and (min-width:768px){
.box_youtube {width: 90%;top: 0px;margin: 0 auto;}
}
@media screen and (max-width:767px){
.video_box .box_youtube {position: relative;top:0vw;left: 0vw;width: 90%;height: auto;z-index: 1;margin: 0 auto;border: solid 0.15em #fbf7d8 ;margin-bottom: 0vw;}
.video_box .box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom:56%;}
.box_youtube { width: 96%; top:0vw; margin: 0 auto;}
}








/*05輪播BN*/
.swiper-pagination-bullet-active, .swiper-pagination-bullet { background: #fffa9b !important;}
.box05 .Area_swiper_box li { background: transparent;}
@media screen and (min-width:768px){
  .box05 .Area_swiper_box ul { height: 285px;}
  .box05::after { content: ""; width: 12%; height: 33%; position: absolute; bottom: -10px; right: 0; background: url(A01_deco_2.png?t=1779851385180) center no-repeat; background-size: 100%; z-index: 3;}
}
@media screen and (max-width:767px){
  .box05 .Area_swiper_box ul { height: 34vw;}
  .box05::after { content: ""; width: 14%; height: 35%; position: absolute; bottom: -2vw; right: 0; background: url(A01_deco_2.png?t=1779851385180) center no-repeat; background-size: 100%; z-index: 3;}
}

/*06輪播副打*/
.box06 .PD_layout li { background: url(A06_PD_bg.png?t=1779851385180) no-repeat; background-size: 100%;}
.box06 .PD_layout .PD h3 { margin-bottom: 0; line-height: 3.3em; max-height: 3.3em;}
.box06 .PD_layout .PD h3 span { background: transparent;}
.box06 .PD_layout .PD_img { padding: .25em .5em 0;}
.box06 .PD_layout .PD h4 { margin-bottom: 0;}
.box06 .PD_layout .PD:hover h4 { color: #000 !important;}
.box06 .PD_layout .PD p, .box06 .PD_layout .PD p del { color: #0a87e1;}
@media screen and (min-width:768px){
  .box06 .PD_layout .PD_into { padding: 0 .3em 1.6em;}
  .box06 .PD_layout .PD h3 { font-size: 25px;}
  .box06 .PD_layout .PD h4 { font-size: 20px;}
  .box06 .PD_layout .PD p { height: 3.2em; line-height: 3.2em;}
  .box06 .PD_layout .PD p del { font-size: 22px;}
  .box06 .PD_layout .PD p .money { font-size: 26px;}
  .box06 .PD_layout .PD p .Price { font-size: 45px;}
  .A06_deco_1 { bottom: -60px; right: -90px; z-index: 5;}
  .A06_deco_2 { bottom: -50px; right: 15px; z-index: 6;}
  .A06_deco_1 img, .A06_deco_2 img { width: 95%;}
}
@media screen and (max-width: 767px){
  .box06 .PD_layout .PD p .Price { font-size: 28px;}
  .box06 .PD_layout .PD_into { padding: .3em .3em 1.3em;}
  .A06_deco_1 { width: 100%; bottom: -6vw; left: 0; z-index: 5;}
  .A06_deco_2 { width: 7%; bottom: -5vw; right: 9vw; z-index: 6;}
}

/*07頁籤*/
.Area_page { overflow: hidden;}
@media screen and (min-width:768px){
  .Area_K1 { margin-bottom: 60px;}
}
@media screen and (max-width:767px){
  .Area_K1 { margin-bottom: 6vw;}
  .page .PD_layout { width: 96%;}
}


/*08精選品類*/
.Abrand { z-index: 2;width: 95%;}
@media screen and (min-width:768px){
  .A08_bg { margin-left: -390px; z-index: -1; position: absolute; top: -240px; left: 0; width: 2000px; height: 1030px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Abrand ul { padding: 0 70px !important; grid-gap: 15px 20px !important;}
  .A08_deco_1 { top: 400px; left: -70px;}
  .A08_deco_2 { top: 110px; right: -10px;}
  .A08_deco_3 { top: -85px;}
}
@media screen and (max-width:767px){
  .Abrand { width: 100%;}
  .Area08 { background: url(A08_bg_m.png?t=1779851385180) no-repeat; background-size: 100%;}
  .Area08 .Att { padding-top: 4vw;}
  .Abrand ul { grid-gap: 1.5vw !important;}
  .Abrand li:nth-child(5) { grid-column: 2/3;}
  .Abrand li:nth-child(6) { grid-column: 3/4;}
  .A08_deco_1 {width: 9%;top: 43vw;left: 10vw;}
  .A08_deco_2 {width: 6%;top: 54vw;right: 11vw;}
  .A08_deco_3 {width: 125%;top: -7vw;left: -15vw;z-index: 0;}
}

.Area10{padding: 60px 0 0 0;}
.Area10 .PD_layout{width: 90%;}
@media screen and (max-width:767px){ 
  .Area10 {padding: 6vw 0 0 0;background: url(notice_bg_m.png?t=1779851385180) repeat-y;background-size: 100%;}
  .Area10 .PD_layout{width: 100%;}
}



/*注意事項區*/
.edm_notice { text-align: center; padding: 25px 10px 40px 10px; color:#323c46; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
@media screen and (max-width:767px){ 
  .edm_notice {background: url(notice_bg_m.png?t=1779851385180) repeat-y; background-size: 100%;
  }
}

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


/* 編輯按鈕移動 */
#eWriterBtn_bt_B_000_01-22 { margin-left: 6px!important; margin-top: 69px!important; z-index: 99!important; }