@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-color: #4cbeff;
  /*background: url(BG.png?t=1784108176839);
  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:22px;}
.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: 3vw;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}    

/*momo_logo*/
@media screen and (max-width:768px){
.Area_title .momologo { z-index: 20; position: absolute; top:2vw; left:2vw;}
.Area_title .momologo a { display: block; width: 179px; height: 80px; background: url(momologo.png?t=1784108176839) no-repeat; background-size: 60%;}
}
@media screen and (min-width:767px){
.Area_title .momologo { z-index: 20; position: absolute; top: 8px; left: 0;}
.Area_title .momologo a { display: block; width:179px; height: 80px; background: url(momologo.png?t=1784108176839) no-repeat; background-size: 96%;}
}

/*背景*/
.bg_01 { z-index:0; position:absolute;; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_deco { z-index: 0; position:fixed; top: 0px; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; 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_2 { top: 80px; left: 0; width: 100%; height: 1020px; background-repeat: no-repeat; background-position: center top; pointer-events: none; opacity: 0.4;} */
@media screen and (max-width:767px){
  .m_bg01 { z-index: 0; position: absolute; top: 10vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}

/*版頭*/
.Area_title .Area_ti { z-index: 1; position: absolute;}
.topPD { position: relative; z-index: 3;  width:88%;margin:-40px auto 0 auto; padding:0px 0 0 176px ;}
.topPD .PD_layout ul {background-color: transparent; }
.topPD .PD_layout ul li {border-top: solid 0px #d1d1d1 !important; border-right: solid 0px #d1d1d1 !important;}
.topPD .PD_img { width: 130% !important;}

@media screen and (max-width:767px){
  .topPD { position: relative; z-index: 3;  width:100%;margin:-11vw auto 0 auto; padding:0 0 0 10vw ;}
  .topPD .PD_img { width: 120% !important;}
}
.Area_title .Area_ti { z-index: 1; position: absolute;}
.Area_sub { z-index: 10; position: absolute; width: 100%;}
.Area_sub ul { padding: 0 !important; grid-gap: 0 !important;}
.Area_date { position: absolute;}
/*倒數*/
.TimerNick { position: absolute; width: 500px; left:221px; bottom:11px; 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: 37px;  color:#FFF; font-weight: 400; letter-spacing: 1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 38px;  letter-spacing: 0.1em; color:#FFF; font-weight:400;}
.TimerNick b { font-weight: normal;}
@media screen and (min-width:768px){
  .Area_title { height: 1270px;}
  .Area_ti { top: 45px; margin:0 auto ;}
  .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 {  position: absolute;top:710px; left:710px; z-index:2;}
  /*commingsoon*/
  .Area_cmsoon {  position: absolute;top:950px; left:790px; z-index:99;}

  /*副標*/
  /* .Area_sub { top:281px; left: 111px;}
  .Area_sub .PD_layout .PD_img { width: 78%;} */
  /*deco*/
  .top_deco_1 { position: absolute;top: 670px;left: 96px;}
  .top_deco_2 {  position:absolute;top: 871px;left: 902px;}
  .top_deco_3 { position: absolute;top: 900px; right: 0;}
}   
@media screen and (max-width:767px){
  .Area_title { height: 142.5vw; position: relative; }
  .Area_ti { top:5vw; width:100%; left:0vw; }
  .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 { position: absolute;width:25%;top: 78vw; left: 75vw; z-index: 9;}
  /*commingsoon*/
  .Area_cmsoon {  position: absolute; width:30% ; top:110vw; left:69vw; z-index:99;}

  
  /*deco*/
  .top_deco_1 { width: 19%;top: 7vw;left: -5vw;position: relative;}
  .top_deco_2 { width: 9%;top: 16vw;left: 82vw;position: relative;z-index: 20;}
  .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;}


/*好康攻略*/
.Area_strategy { position: relative;}
.Area_strategy .btn {z-index: 55;position: absolute;top: 42px; right: 80px;}
.Area_strategy .box_1 .PD_layout { padding: 0; }
.Area_strategy .box_1 .PD_layout ul { grid-gap: 0; padding: 0; }
.Area_strategy .box_1 .PD_layout li.PD_slide { pointer-events: none; }
.Area_strategy .box_1 .formula.PD_layout { width: 86%; margin: -45px auto 0; }
.Area_strategy .box_2  { position: relative;display: flex;width: 86%;margin: 0 auto; }
.Area_strategy .box_2 .btn01 { z-index: 30; position: absolute; top: 0; left: 0; width: 525px; height: 248px; }
.Area_strategy .box_2 .PD_layout.acty_1 .PD_slide, .Area_strategy .box_2 .PD_layout.acty_2 .PD_slide { aspect-ratio: 530/250; width: 100%; }
.Area_strategy .box_2 .PD_layout.acty_1 ul, .Area_strategy .box_2 .PD_layout.acty_2 ul { padding: 0; display: flex; }
  @media screen and (max-width:767px){
    .Area_strategy { width: 100%;  }
    .Area_strategy .btn {top: 15.5vw;right: -1vw;width: 16vw;}
    .Area_strategy.ts_ing .text_960 { width: 99%; margin: 0 0 0 2vw; }
    .Area_strategy .box_1 .text_960 .PD_layout { padding: 16vw 8vw 0 0; }
    .Area_strategy .box_1 .formula.PD_layout {width: 97%;margin: -7vw auto 0vw; padding: 0;}
    .Area_strategy .box_2 { width: 97%; }
    .Area_strategy .box_2 .btn01 { aspect-ratio: 209 / 98; width: 50%; height: 23vw; }
    .Area_strategy .box_2 .PD_layout ul { grid-gap: 0; }
    }

  /*提醒我按鈕*/
  a.mo_remind_btn { z-index:99 !important; position: absolute; left:81vw; top:127vw; width: 20%;}
  /*倒數*/
  .TimerNick {position: absolute;bottom:10vw;left: 17vw; width: 70%;  display: flex; column-gap: .6vw;z-index: 20; text-align: center; justify-content: space-around;}
  .TimerNick .FontStyle { margin: -.4em 0 0 -.06em; padding: 0; border: 0; font-size: 1.7em; letter-spacing: .01em;}
  .TimerNick span { font-size: 1.5em; letter-spacing: -.05em; margin: -.2em .5em 0 -.3em;}
  .TimerNick span:first-child { margin-top: -0.2em; font-size: 1.5em;}
  .Area_title .more { top: 132vw; right: 5vw; width: 30%;}
}


/*副標輪播*/
.Area_title .Area_sub {position: relative;  margin: 0 auto; width:75%; height:auto; z-index: 20;padding:420px 0 0 30px ;}
.Area_title .Area_sub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .Area_sub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .Area_sub ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_title .Area_sub .PD_layout .PD img {width:95%!important;}

@media screen and (max-width:767px){
  .Area_title .Area_sub { width:100%; height:20vw; position:relative; margin:0 auto ; overflow: hidden;padding: 44.5vw 0 0 2vw;}
  .Area_title .Area_sub .PD_layout .PD img {width:65%!important;}
}


/*版頭品*/
/* .Area_title .top_pd {position: absolute; top: 433px;left: 168px;width:910px;height:auto;overflow: hidden;z-index: 20;}
.Area_title .top_pd .PD_layout .PD img {width:83%;height: auto;}
.Area_title .top_pd ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .top_pd ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .top_pd ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (max-width:767px){
.Area_title .top_pd {width:100%;height:auto;position: absolute;top:50vw;left:1vw;overflow: hidden;}
.Area_title .top_pd .PD_layout .PD img {width:80%!important;}
}

 */


/*版頭線上入搞品*/

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_02 { margin-left: 365.5px!important; margin-top:10px!important; z-index: 99!important; }

.Area_title .swiper_box .PD_layout .PD h3 { width: 100%; }
.Area_title .swiper_box .PD_layout[data-pd-h3="5"] .PD h3 span{ max-width: 100%!important; }
.Area_title .swiper_box .PD_layout .PD h3,.Area_title .box01 .PD_layout .PD h4 { margin-bottom: 0; }
.Area_title .swiper_box .PD_layout .PD .PD_logo img {background-color: #0000;box-shadow: none;}
.Area_title .swiper_box ul.PD_wrapper li{flex-shrink: 0;margin: 0;padding: 0;min-width: auto;border-top: none;border-right:none;border-radius: 0.5em;}
.swiper_box ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); }
.swiper-pagination-bullet, .swiper-pagination-bullet-active  {background: #0a93d4 !important;}
@media screen and (min-width: 768px){
  .Area_title .swiper_box {position: relative;margin: 0 auto;top:340px; left:0;z-index: 0;width:960px; height: 759px; overflow: hidden;}
  .PD_boxbg {position: absolute;top: 455px;left: 0;z-index: 10;}	
  .Area_title .swiper_box ul{grid-gap: 0;padding: 10px 0 30px;height: 540px;}
  .Area_title .swiper_box .PD_layout .PD_into{position: absolute; bottom:58px;left:28px; width:37%;  z-index:10;}
  .Area_title .swiper_box .PD_layout .PD_img { position: relative; padding: 0; top: 0; right: 0; width: 100%;}
  .Area_title .swiper_box .PD_layout .PD_logo {position: absolute;top: -33px;left: 301px;height: 3.4em; display: none;}
  .Area_title .swiper_box .PD_layout .PD h3,.Area_title .swiper_box .PD_layout .PD h4 {color: #FFF;font-size: 20px;}
  .Area_title .swiper_box .PD_layout .PD p del {color: #c0c0c0;}
  .Area_title .swiper_box .PD_layout .PD p .Price{font-size: 2em;color: #ffd44a;}
  .Area_title .swiper_box .PD_layout .PD p .money{font-size: 1.3em;color: #ffd44a;}
  .Area_title .swiper_box .PD_layout .PD_slide::before {   content: "";
    position: absolute;
    display: block;
    bottom:-246px;
    left: 36px;
    width: 36%;
    height: 40%;
    pointer-events: none;
    z-index:1;
    background: url(toppd_tex.png?t=1784108176839) no-repeat center top;
    background-size: 100%;}
  .Area_title .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:72px; left: -73px;}
  }
  @media screen and (max-width:767px){
  .Area_title .swiper-pagination-bullet {width: 5px;height: 5px;}
  .Area_title .swiper_box {position: relative; width:100%; top: 34vw; left:0; z-index: 20;}
  .PD_boxbg {position: absolute;top: 70vw;left: 0;z-index: 0;height: 66vw;}	
  .Area_title .swiper_box .PD_layout .PD p del {font-size: 0.7em;color: #c0c0c0;}
  .Area_title .swiper_box .PD_layout .PD p .Price{font-size: 1.3em;color: #ffd44a;}
  .Area_title .swiper_box .PD_layout .PD p .money{font-size: 12px;color: #ffd44a;}
  .swiper_box ul{grid-gap: 0;padding: 0 0 3vw;}
  .Area_title .swiper_box .PD_layout .PD_into{position: absolute;top:56vw;left:-2vw; z-index:10;}
  .Area_title .swiper_box .PD_layout .PD_img{position: relative;padding: 0;right: 0vw;width: 100%;}
  .Area_title .swiper_box .PD_layout .PD_logo {position: absolute;top: -1vw;left: 31vw;height: 1.7em; display: none;}
  .Area_title .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -13vw;left: 22vw;}
  .Area_title .swiper_box .PD_layout .PD h3,.Area_title .swiper_box .PD_layout .PD h4 {color: #FFF;font-size: 14px;width: 100%;height: 5vw;}
  .Area_title .swiper_box .PD_layout .PD_slide::before {content:"";position: absolute;display:block; top:56vw;left:2vw;width: 43%;height: 50%;pointer-events:none;z-index: 1;background:url(toppd_tex.png?t=1784108176839) no-repeat center top;background-size: 100%;}
  }
  
/*區標圖線上入稿*/
/* .Att { cursor: default;}
.Att .PD_layout ul { grid-gap: 0; padding: 0;}
@media screen and (min-width:768px){
  .Att { margin: 0 auto; margin-bottom: 35px;}
  .Area01 .Att, .Area03 .Att, .Area06 .Att { margin-bottom: 20px;}
}
@media screen and (max-width:767px){
  .Att { margin-bottom: 3.5vw;}
  .Area01 .Att, .Area03 .Att { margin-bottom: 1.5vw;}
  .Area04 .Att { margin-bottom: 2.5vw;}
}
 */


/*區標線上入稿*/
.box_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){	
.box_txt {position: relative;display: flex;margin: 0 auto;padding:0;width:960px;height:160px;justify-content: center; z-index: 50; background: url("title_bg.png?t=1784108176839") center top/ 100% no-repeat scroll;  }
.box_txt img{width:100%!important;padding: 0;}
.box_txt ul li h5 { padding: 0; margin:50px 30px 29px 0; font: bold 52px / 52px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #006ccf;letter-spacing: -1px;text-align: center;}	
.box_txt .PD_layout ul{width:100%; margin: 0 auto;}

.box_txt2 {position: relative;display: flex;margin: 0 auto;padding: 0;width: 100%;height:127px;justify-content: center; z-index: 50;  z-index: 0;background: url("title_bg.png?t=1784108176839") center top/ 100% no-repeat scroll;  }
.box_txt2 img{width:100%!important;padding: 0;}
.box_txt2 ul li h5 { padding: 0; margin:36px 0 23px 0; font: bold 52px / 52px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg); color:#006ccf; letter-spacing: -1px;text-align: center;}	
.box_txt2 .PD_layout ul{width:100%; margin: 0 auto;}
}

@media screen and (max-width:767px){	
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt img{width: 105%;}
.box_txt { padding: 0% 0 0; z-index: 50; margin: 2% auto; height: 16vw; width: 105%!important;background: url("title_bg.png?t=1784108176839") center top/ 105% no-repeat scroll;}
.box_txt ul li h5 { font: bold 6vw/6vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin:5vw 0 2vw 1vw;color:#006ccf; letter-spacing: -1px; text-align: center;}	
.box_txt .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.box_txt .PD_layout ul{width:100%; margin: 0 auto;}
	
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt2 img{width: 100%;}
.box_txt2 { padding: 0% 0 0; margin: 2% auto;height: 15vw; width: 100%!important;background: url("title_bg.png?t=1784108176839") center top/ 107% no-repeat scroll;}
.box_txt2 ul li h5 { font: bold 7vw/7vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin: 4vw 0 2vw 0;color:#000; letter-spacing: -1px; text-align: center;}	
.box_txt2 .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.box_txt2 .PD_layout ul{width:100%; margin: 0 auto;}			
}





/*區標(小小標)*/
.title-line {
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.1em;
	width:370px ;
	margin:0 auto ;
  }
  
  .title-line::before,
  .title-line::after {
	content: '';
	flex: 1;
	height: 1px;
	background: #000;
	opacity: 0.7; /* 視覺可調 */
  }
  
  .title-line::before {
	margin-right: 16px;
  }
  
  .title-line::after {
	margin-left: 16px;
  }
  .title-line .PD_layout .PD h3 {
    padding: 0;
    max-height: 1.9em;
	font-size: 36px;
    font-weight: 700;
    line-height: 1.9em;
    color: #000;
}

@media screen and (max-width:767px){
	.title-line {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  letter-spacing: 0.1em;
	  width: 60%;
	  max-width: 80vw;
	  margin: 0 auto;
	}
  
	.title-line::before,
	.title-line::after {
	  content: '';
	  flex: 1;
	  min-width: 30px;
	  height: 1.5px;
	  background: #000;
	  opacity: 0.7;
	}
  
	.title-line::before {
	  margin-right: 1vw;
	}
  
	.title-line::after {
	  margin-left: 1vw;
	}
  
	.title-line .PD_layout .PD h3 {
	  padding: 0;
	  max-height: 3.3em;
	  font-size: 1.3em;
	  font-weight: 700;
	  line-height: 1.3em;
	  color: #000;
	  white-space: nowrap; /* 防止斷行把線擠掉 */
	}
  }

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


/*00公略*/

.Area_activ2{height:100%; padding-bottom:133px;background: url("act_bg.png?t=1784108176839") center top/ 100% no-repeat scroll; }	
.Area_activ2 .tipBN2{width: 95%;margin: 0 auto;padding-bottom:14px;}	
.Area_activ2 .box{padding: 0 0 0 0;}
.Area_activ2 .Bigbox{margin:-31px 0 0 0;}
.Area_activ2 .PD_layout ul {  width:100%;position: relative;top:97px;left:0;}
@media screen and (max-width:767px){
.Area_activ2{height:63vw; padding-bottom:0vw;background: url("act_bg.png?t=1784108176839") center top/ 100% no-repeat scroll;}	
.Area_activ2 .tipBN2{ width: 100%; margin: 0 auto; padding-bottom: 2vw; left: 0vw; position: relative; }
.Area_activ2 .box{padding: 0 0 0 0;}
.Area_activ2 .Bigbox{margin:0vw 0 0 0;}
.Area_activ2 .PD_layout ul { width:100%;
  position: relative;
  top: 9vw;
  left:0;}

}





/*登記*/
.Area_danji ul { width: 97%; padding: 0 1.5% !important;}
/*.Area02 { background: url(A02_bg_1.png?t=1784108176839) top center / contain no-repeat, url(A02_bg_3.png?t=1784108176839) bottom center / contain no-repeat, url(A02_bg_2.png?t=1784108176839) center top 16.5vw / 100% calc(100% - 19.5vw) no-repeat;}*/
@media screen and (min-width:768px){ 
  .Area02 .box_txt { margin-bottom: 50px;}
  .box02 { padding: 48px 0 30px;}
  .A02_deco_1 { top: 8px; right: 155px;}
  .A02_deco_1 img { width: 130%;}
  .A02_deco_2 { bottom: -70px; right: -70px; mix-blend-mode: screen;}
    /*登記贈品文案顏色*/
  .Area_danji .danji_box ul li .activityText .gifts span { color: #0d54a5;}  
}
@media screen and (max-width:767px){
  .Area02 .box_txt { margin-bottom: 8vw;}
  .box02 { padding: 5vw 0 7vw;}
  .box02 .box_title img { width: 105%;}
  .A02_deco_1 { width: 21.5%; top: 2vw; right: 9vw;}
  .A02_deco_2 { width: 105%; bottom: -6vw; right: -10vw;}
  .Area_danji .danji_box ul li .activityText .gifts span { color: #0d54a5;}  
}


/*輪播品\*/
.PD_text0 {position: absolute;top:-25px;left:0vw;height: auto;width:17%!important;}
.Area_PD1 .box { width: 82%; padding-left:15% ;overflow: hidden;}
@media screen and (max-width:767px){
  .Area_PD1{padding: 5vw 0 0 0;}
  .PD_text0 {position: absolute;top:0vw;left:0vw;height: auto;width:19%!important;}
  .Area_PD1 .box { width: 80%; padding-left:15% ;overflow: hidden}
}


/*03折價券----輪播*/
@media screen and (max-width: 767px) {
  .Area_swiper_box .PD_layout-coupon3
{ padding-bottom:0vw;padding-top: 2vw;}}



/*新折價劵(線上入搞)-----不輪播*/
@media screen and (min-width:768px){
  .Area_coupon .PD_layout-coupon3 {margin-bottom: 20px;width:96%;}
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #ffffff;}
  }
  @media screen and (max-width:767px){
  .Area_coupon {width: 94%;}
  .Area_coupon ul {height: auto;}
  .Area_coupon .PD_layout-coupon3 {width: 106%;padding-bottom: 2vw;left: -3vw;}
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #ffffff;}
  
  }
  


/*公式*/
@media screen and (min-width:768px){
.tipBN2 .PD_layout[data-pd-li=PDBN] ul {padding: 0em;grid-gap: 0em;}
}
@media screen and (max-width:767px){
.tipBN2 .PD_layout[data-pd-li=PDBN] ul {padding: 0em;grid-gap: 0em;}

}



/*09登記*/
.Area_danji{z-index: 2;}
.Area_danji .danji_box ul li .activityText .gifts span { color: #0461fc;} /*登記贈品文案顏色*/
.Area_danji.Area_danji_2 .danji_box ul li .activityText .gifts span { color: #f86700;} /*登記贈品文案顏色*/
.Area_danji ul { width: 97%; padding: 0 1.5% !important;}



/*05輪播BN*/
.swiper-pagination-bullet-active, .swiper-pagination-bullet { background: #fff !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;  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; z-index: 3;}
}

@media screen and (max-width: 767px){
.A02 .PD_layout ul {width: 96%;}
}

/*區塊5*/
@media screen and (min-width: 768px){
  .Area055{ padding-bottom: 1%;position:relative; z-index: 1;padding-top:250px ;padding-bottom:400px ;}
  .Area055 .box_title{margin-top:-220px ;}
  .Area055 .box_title img{width:105% ;} 
  .Area055 .box_all{ padding: 0 5%;width: 100%;}
.Area055 .box_all::after {content:""; display:block;z-index: -6;position: absolute;top: 210px;left: 50%;transform: translateX(-50%);width: 2000px;height:3600px;background:#ffe538;background-size: 100%; }
 .Area055::before {content: "";z-index: -9;position: absolute;top:35px;left: 50%;width: 2000px;height: calc(100% - -300px);transform: translateX(-50%);background: url(bg_top.png?t=1784108176839) top center / contain no-repeat/*, url(bgb_bottom.png?t=1784108176839) bottom center / contain no-repeat*/;}
 .Area055::after  {content:"";z-index: -9;position: absolute;top: 3530px;left: 50%;transform: translateX(-50%);width: 2000px;height: calc(100% - 370px);background: url(bg_boxbottom.png?t=1784108176839) no-repeat center top;aspect-ratio: 2000/1000;background-size: 100%;}
  .Area055 .bg_top {position: absolute;margin: 0 auto;width: 100%;height: auto;top: 100px;z-index: 0;display:none ;}
.Area055 .bg_top img {width: 100%;}
.Area055 .bg_box { background: url("bg_box.png?t=1784108176839")top center repeat-y;}
.Area055 .bg_boxbottom {position: relative;background: url("bg_boxbottom.png?t=1784108176839")top center no-repeat;height: 100px;display:none ;}
}
@media screen and (max-width: 767px){
  .Area055{z-index: 1;padding-bottom: 6%; margin-bottom:0vw !important;position:relative;}
  .Area055 .box_title{margin-top:-19vw ;}
  .Area055 .box_title img{width:105% ;} 
  .Area055 .box_all{ margin: -9vw 0 0 0;}
  .Area055 .PD_layout .PD p {
    height:1.3em;
    line-height: 1.3em;
    color: #3058bc;}
.Area055 .PD_layout .PD p b {display:none ;}
.Area055 .bg_top img {width: 100%;}
.Area055 .box_all::after {content:""; display:block;z-index: -6;position: absolute;top: 15vw;left: 0%;transform: translateX(-50%);width: 200%;height: calc(100% - 40vw);;background:#ffe538;background-size: 100%; }
.Area055 .bg_box3 { background: url("bg_box3_m.png?t=1784108176840")top center repeat-y; background-size: 100%;}
.Area055 .bg_boxbottom3 {background: url("mbg_boxbottom3.png?t=1784108176840")top center no-repeat;height: 10vw;background-size: 100%;top: 0;}
.Area055 .bg_box { background: url("bg_box_m.png?t=1784108176840")top center repeat-y; background-size: 100%;}
.Area055 .bg_boxbottom {background: url("mbg_boxbottom.png?t=1784108176840")top center no-repeat;height: 26vw;background-size: 100%;top: 0;}

}


  
/*作圖公版微調*/
.PDhot_style .PD:hover h4 { color: #013755;}
@media screen and (min-width: 768px){
.PDhot_style .PD_slide{height: 673px;}
.PDhot_style li::after {content:"";position: absolute;display:block;top:0px;left: 0;width: 100%;height:100%;pointer-events:none;z-index: -5;background: url("item_bg.png?t=1784108176840") center top/100% no-repeat scroll;}
.PDhot_style .PD_into {width: 73%;position: relative;top: -89px;margin:0 auto;text-align: center;}
.PDhot_style .PD .PD_logo {position: absolute;top:-495px;left: -45px;width: 120%;font-size: 1.7em;padding: 1%;z-index: 30;}
.PDhot_style .PD h3,.PDhot_style .PD h4 {color: #000000;font-size: 1.6em;}
.PDhot_style .PD h4 {margin-bottom: 0px;}
.PDhot_style .PD p del {color: #4e5050;font-size: 1em;}
.PDhot_style .PD p .money { }
.PDhot_style .PD p .Price {  font-size: 2.2em;}
.PDhot_style .PD p b {font-size: 22px;}
.PDhot_style .PD_img{padding:33% 3% 0 3%  !important;margin-bottom: 90px;}	
}
@media screen and (max-width: 767px){
.PDhot_style li::after {content:"";position: absolute;display:block;top: 9.3vw;left: -3vw;width: 110%;height:78vw;pointer-events:none;z-index: -5;background: url("item_bg.png?t=1784108176840") center top/100% no-repeat scroll;}
.PDhot_style .PD_slide{height: 74vw;width: 100%;}
.PDhot_style .PD_into {text-align: center;left:2vw;width:90%;position: relative;top: -4vw;}
.PDhot_style .PD_slide .PD_img {margin-bottom:6vw;}
.PDhot_style .PD_img{padding:60% 3% 0 3%  !important;}	

.PDhot_style .PD .PD_logo {        position: absolute;
  top: -50.5vw;
  left: -6vw;
  font-size: 0.9em;
  padding: 2%;
  z-index: 30;
  width: 129%;}
.PDhot_style .PD h3,.PDhot_style .PD h4 {color: #000000;font-size: 0.9em;margin: 0;max-height: 1.4em;}
.PDhot_style .PD p del {color: #4e5050;font-size: 0.7em;}
.PDhot_style .PD p .money {}
.PDhot_style .PD p .Price {  font-size: 1.4em;}

}



/*輪播BN區*/
.Area_bn {height:100%; padding: 1% 0 0 0;}
@media screen and (max-width:767px){
.Area_bn { margin-bottom:0vw; height:100%;overflow: hidden;padding: 0 0 0 0;}
}

/*輪播BN*/
.BN_swiper { position: relative; width:960px; height: 400px; margin: 0 auto; overflow: hidden; z-index: 1;  padding: 0;}
.BN_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0 0 20px; width: 100%; grid-gap: 0; box-sizing: content-box; height:339px;}
.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;padding-top:0vw; height:54vw;}
.BN_swiper ul.PD_wrapper { margin: 0; padding: 0 0 4%; height:50vw;}
}



/*公版輪播品*/

.Area_swiper2 .Area_swiper_box2 {}
.Area_swiper2 .Area_swiper_box2 .PD_layout ul {padding-left: 0px;width:90% ;overflow: hidden;}
@media screen and (max-width:767px){
  .Area_swiper2 {padding-left: 0vw;width:100% ;overflow: hidden;}

}



                  
/*Youtube影片浮層css*/
.box_youtube { margin: 0 auto; display: block !important;}
@media screen and (min-width:768px){
  .box_youtube { width:940px; border-radius: 20px;padding: 0 0 50px 0;  }
}
@media screen and (max-width:767px){
  .box_youtube { display: block !important; width: 96%; border-radius: 10px; padding: 5vw 0 5vw 0; }
}

.bigpicture { height: 100%;	width: 100%; position: relative; background-position: center center; background-size: cover; cursor: pointer;}
.bigpicture h3 { position: absolute; left: 5%; bottom: 0; z-index: 1; color: #fff; font-size: 20px }
.bigpicture:before,
.bigpicture:after { z-index: 1; content: ''; position: absolute; left: 0; top: 0; right: 0;	bottom: 0;height: 100%;	width: 100%; transition: opacity 0.2s;}
.bigpicture:after { background-repeat: no-repeat; background-position: center; opacity: 1; background-size: 2em;}
.bigpicture:before { background: linear-gradient(0deg, #000, transparent 40%); opacity: 0.7;}
/*.bigpicture:hover:after { opacity: 0.8; }*/
.bigpicture:hover:before { opacity: 0.5; }
.bigpicture:after { height: 100%; width: 100%;	
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  background-size: 4em;
}
.bigpicture img { width: 100%; border-radius: 10px; aspect-ratio: 1.777777;}
@media screen and (max-width:767px) {
  .bigpicture h3 { font-size: 3vw; left: 1.2em;}
}
     



/*品類*/
.Area_flags .PD_layout {
  width: 960px;
  margin: 0 auto;
  box-sizing: border-box;
}

.Area_flags .PD_layout .PD_wrapper {
  width:90% ;
display: grid;
  /*grid-template-columns: repeat(4, 1fr);  /* 每排 4 欄 */

  gap: 5px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}




/* 防止外部樣式影響li寬度（像 slider 可能寫死 width） */
.Area_flags .PD_layout .PD_wrapper > .PD_slide {
  width: 33% !important;
}

.Area_flags .PD_layout .PD_wrapper > .PD_slide .PD_img img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 767px) {
  .Area_flags { width: 100%; }
  .Area_flags .PD_layout { width: 96%; }
  .Area_flags .PD_layout { grid-template-columns: repeat(6, 1fr);}
  /* 上面3張 */
.Area_flags .PD_layout img:nth-child(1),
.Area_flags .PD_layout img:nth-child(2),
.Area_flags .PD_layout img:nth-child(3){
  grid-column: span 3;
}

/* 下面2張 */
.Area_flags .PD_layout img:nth-child(4),
.Area_flags .PD_layout img:nth-child(5){
  grid-column: span 3;
}

}


/*注意事項區*/
.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 {}
}

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