@charset "utf-8";

/*區塊背景*/

@media screen and (max-width:767px) {
.bg02 { position: absolute; z-index:1;top:8vw; left: 0%; width: 100%; height:128vw; aspect-ratio:960/1220;  background: url(m_circle.png?t=1793346141035) center top / 100% no-repeat;}
.bg03 {position: absolute; z-index:0;top:17vw; left: 0%; width: 100%; height:128vw; aspect-ratio: 960/1220;  background: url(m_line.png?t=1793346141035) center top / 100% no-repeat;}
}



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

@media screen and (max-width:768px){
  .Area_group-1{background: url(m_comp_basic_re.png?t=1793346141035) repeat-y; background-size:100%;}
  .Box{margin-top: -9vw;margin-bottom: 3vw;}

}
@media screen and (min-width:767px){
.Area_group-1{background: url(pc_comp_basic_re.png?t=1793346141035) repeat-y; background-size:100%;}
.Box{margin-top: -94px;margin-bottom: 7px;}

}

.Areatxt.Area_title h3 {position: absolute;top:-4px;left: 0;}
.Areatxt.Area_title_lbtclass #js-PD_val_1{color:#ffffff}


/*1帶2公版*/


 @media screen and (max-width:768px){
/*改寫*/.Area_brand-1-plus-2[org="1"] .box {background-image:url("comp_block_20260428003__brand-1-plus-2_1789700028010.png?t=1793346141035");background-size:99%;background-repeat:no-repeat;height:92vw;}
.Area_brand-1-plus-2 .b_box .PD_layout.PD_layout-D3_02 ul li .PD h3 {font-size: 20px;left: 4vw;top: 1vw;position: relative;}
.Area_brand-1-plus-2[org="1"] .b_box .PD_layout.PD_layout-D3_02 .PD_logo{background-color:transparent;    position: relative;left: 5vw; top: 1vw;}
.Nav2.NavArea .Nav_box {border-radius: .5em .5em .5em .5em !important;margin-bottom: 3vw;}

.date .PD_layout .PD img {width:27%;height: auto;}
.Area_Timecountdown {font-size: 3vw;}

 /*倒數*/.Area_countdown-timer{ position:absolute; top: 131vw;left:-2vw;}
/*主標*/.Area_hero-visual_003[org="1"]:is(.Area_hero--title), .Area_hero-visual_003[org="1"] .Area_hero--title{width:100%;top:2%;left:0%;z-index:1}
/*副標*/.Area_hero-visual_003[org="1"] .Area_hero--subtitle{width:100%;top:26%;left:0%;z-index:3}

 /*日期*/.Area_hero-visual_003[org="1"]:is(.Area_hero--tag), .Area_hero-visual_003[org="1"] .Area_hero--tag{ width: 100%;top: 44%;left: 0%;z-index: 5;height: 10vw;}
 .Area_hero-visual_003 .Area_hero .Area_swiper_box .PD_layout-heroPDBN.PD_layout h4 {font-size: 1.2em; margin-top: -0.2em;margin-left: -1vw;}

 .Area_hero-visual_003 .Area_hero .Area_swiper_box .PD_layout-heroPDBN.PD_layout h3 {font-size: 1.2em;}

 .Area_hero-visual_003 .Area_hero .Area_swiper_box .PD_layout-heroPDBN.PD_layout p {margin-top: -1vw;}
  /*版頭高度*/
 .Area_hero-visual_003 .Area_hero { margin-bottom:8vw;}

 /*commingsoon*/
 .Area_hero .Area_cmsoon { position: relative;top:116vw;right: 0vw;z-index: 20;}
 .Area_hero .Area_cmsoon  img{width:33%;}
 

 /*折價券*/
 .PD_layout.PD_layout-coupon3 .PD h3 span.js-PD_txt3 {
  top: 61%;
  left: 36%;
  -webkit-transform: translateY(calc(-50% - 0.6em));
  transform: translateY(calc(-50% - 0.6em));
}
 .PD_layout.PD_layout-coupon3 .PD h4 b.js-PD_txt1 {
  top: 62%;
  left: 36%;
  -webkit-transform: translateY(calc(-50% + 1.1em));
  transform: translateY(calc(-50% + 1.1em));
}


 .newbn{padding: 10% 0 0 0;margin-bottom:0vw;}
 .Area_bn-grid-1x1[org="2"] .Area_bn-grid-1x1--bg { background-size: 131%;background-repeat: no-repeat; background-position: top center;}

.event{width: 104%;left: -2vw;}


.Area_content .PD_layout .PD_img{width:99%;}
.Area_content.Areapadding.A1{padding:5% 0 0 0;}



.PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;}

/*下方公版標題*/
.Area_pd-grid-4x2 h2:where(.Area_title_lbtclass:not(.Area_boxstyle_title)) h3 {
  position: absolute;
  top: var(--top);
  left:-28vw;
  width: 100%;
  height: calc(100% - var(--top));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: calc(var(--font-size) * var(--font-size-scale));
  color: var(--font-color);
}

.Area_pd-grid-4x2 .Area_title ul {width:100%;margin: 0 auto;}

/*下方公版茅點*/
.Area_nv2.NavArea .Nav_box {position: relative;background-color: rgb(237 234 238);}

}
  

@media screen and (min-width:767px){
/*改寫*/.Area_brand-1-plus-2[org="1"] .box {background-image:url("comp_block_20260428003__brand-1-plus-2_1789700028010.png?t=1793346141035");background-size:99%;background-repeat:no-repeat;height: 466px;}

 /*手機版頭品*/
 .Area_hero-visual_003[org="1"] .Area_hero--PD{width: 100%;top: 35% !important;left: 7%;z-index: 4;}
 .Area_hero-visual_003[org="1"] .Area_hero--tag {width: 100%;top: 29% !important;left: -12%;z-index: 4;}
 .Area_hero-visual_003[org="1"] .Area_hero--PD .PD_layout .PD_img {width:90% !important;}

/*日期*/.date .PD_layout .PD img {width:26%;height: auto;}
/*倒數*/.Area_countdown-timer{ position: absolute; top: 988px;left: 564px;}
 /*commingsoon*/
 .Area_hero .Area_cmsoon {  position: relative;top:953px;right:-36px;z-index: 20;}
 .Area_hero .Area_cmsoon  img{width:21%;}
  /*版頭高度*/
  .Area_hero-visual_003 .Area_hero { margin-bottom:-112px;}



 /*折價券*/
.PD_layout.PD_layout-coupon3 .PD .divine_coupon1 {position: absolute;top: 129px !important;}
.Area_coupon3_001[org="1"] .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;position: absolute;top:196px !important;}




.Area_hero-visual_003 .Area_hero .Area_swiper_box .PD_layout-heroPDBN.PD_layout h4 { font-size: 0.8em;margin-top: 0.2em;margin-left: -2em;}

.newbn{padding: 6% 0 0 0;margin-bottom: 88px;}
.Area_title ul {width:83%;margin: 0 auto;}

.Area_pd-grid-4x2 .Area_title ul {width:100%;margin: 0 auto;}


/*下方公版標題*/
.Area_pd-grid-4x2 h2:where(.Area_title_lbtclass:not(.Area_boxstyle_title)) h3 {
  position: absolute;
  top: var(--top);
  left: -267px;
  width: 100%;
  height: calc(100% - var(--top));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: calc(var(--font-size) * var(--font-size-scale));
  color: var(--font-color);
}

/*下方公版茅點*/
.Area_nv2.NavArea .Nav_box {position: relative;background-color: rgb(237 234 238);}

.Area_content.Areapadding.A1{padding:0 0 0 0;}



}





/*編輯按鈕移動*/

#eWriterBtn_bt_B_000_4504B01 { z-index: 20;position: absolute; left: 123px !important;top: 66px !important; z-index: 99!important;}
#eWriterBtn_bt_B_000_4504A01 { margin-left: -2px!important; margin-top:200px!important; z-index: 99!important; }

/*主打品*/
@media screen and (min-width: 768px){
  .Area055{padding-bottom: 5%;}
  .Area055 .box_all{padding: 0 14%;margin-top:-122px;}
  .Area055 ul{height: auto;}

}
@media screen and (max-width: 767px){
  .Area055{padding-bottom:5vw;}

  .Area055 .box_all{ margin: 0 0 0 0;height: auto;position: relative;}
  .Area055 ul{height: auto;}
  /* .Area055 .box_all ul {grid-template-columns: repeat(2, 1)} */
}
  
/*作圖公版微調*/
.PDhot_style .PD:hover h4 { color: #fff;}
@media screen and (min-width: 768px){
.PDhot_style .PD_slide{height:auto;}

.PDhot_style li::after {content:"";position: absolute;display:block;top: 90px;left: 0;width: 100%;height: 90%;pointer-events:none;z-index: -5;background: url("oneday_bg1.png?t=1793346141035") center top/100% no-repeat scroll;}

/* .PDhot_style li:nth-child(1)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg1.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(2)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg2.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(3)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg3.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(4)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg4.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(5)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg5.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(6)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg6.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(7)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg7.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(8)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 127%;pointer-events:none;z-index: -5;background: url("oneday_bg8.png?t=1793346141035") center top/100% no-repeat scroll;} */

/* .PDhot_style li:nth-of-type(even){ margin-top: -51px;}
.PDhot_style li:nth-of-type(odd){   margin-top: 0vw;     }
 */

.PDhot_style.PD_layout .PD h3 {padding: 0;max-height: 1.9em;font-weight: 700;line-height: 1.9em;color: #8b1c1c;font-size: 18px;}
.PDhot_style.PD_layout .PD h4{font-size: 18px;color: #fff;position: relative;top: 12px;}
.PDhot_style .PD:hover h4 {color: #ffffff;}
.PDhot_style.PD_layout .PD p {height: 2em;line-height: 2em;color: #ffffff;position: relative;top: 19px;}
.PDhot_style.PD_layout li {height: 558px; padding: 21% 0 0 0;}
.PDhot_style.PD_layout .PD_into{margin-top:52px; margin-left: -9px;text-align: center}
.PDhot_style.PD_layout .PD img { width: 88%; height: auto;left: 6%; position: relative;        top: 28px;}
.PDhot_style.PD_layout[data-pd-pdlogo] .PD .PD_logo{width: 60%;height: auto;left: -6%;position: relative;top:123px;display: none;}

.PDhot_style.PD_layout .PD p .Price { font-size: 24px;font-weight: 800;}
.PDhot_style.PD_layout .PD p del {padding-right: .25em;color: #ffded8;}
.PDhot_style.PD_layout .PD p .Price {font-size: 38px;font-weight: 800;}

}
@media screen and (max-width: 767px){

  .PDhot_style li{position: relative; overflow: hidden;}
  .PDhot_style.PD_layout li {height:auto; min-height:73vw; position:relative;}

.PDhot_style li::after {content: "";
  position: absolute;
  display: block;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 83vw;
  pointer-events: none;
  z-index: -5;
  background: url(oneday_bg1.png?t=1793346141035) center top / 100% no-repeat scroll;}

  .PDhot_style.PD_layout .PD_img {position: relative;top: 1vw;left: 2vw;} 

.PDhot_style .PD_slide{height:auto;}
/* .PDhot_style li:nth-child(1)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg1.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(2)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg2.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(3)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg3.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(4)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg4.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(5)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg5.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(6)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg6.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(7)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg7.png?t=1793346141035") center top/100% no-repeat scroll;}
.PDhot_style li:nth-child(8)::after {content:"";position: absolute;display:block;top: 0px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index:-1;background: url("oneday_bg8.png?t=1793346141035") center top/100% no-repeat scroll;}

.PDhot_style li:nth-of-type(even){ margin-top: -8vw;}
.PDhot_style li:nth-of-type(odd){  margin-top: 0vw;     } */

.PDhot_style.PD_layout .PD h3 {padding: 0;max-height: 1.9em;font-weight: 700;line-height: 1.9em;color: #8b1c1c;font-size: .9em;}
.PDhot_style.PD_layout .PD h4{font-size: 13px;color: #ffffff;}
.PDhot_style .PD:hover h4 {color: #ffffff;}

.PDhot_style.PD_layout .PD p {height: 2em;line-height: 2em;color: #ffffff;        top: -1vw;position: relative;}
.PDhot_style.PD_layout .PD_into{margin-top:4vw; margin-left: -1vw;text-align: center;}
.PDhot_style.PD_layout .PD img{width:88%;}
.PDhot_style.PD_layout[data-pd-pdlogo] .PD .PD_logo{        width: 55%;height: auto;left: -6%;position: relative; top: 22vw;display: none;}

.PDhot_style.PD_layout .PD p .Price { font-size: 24px;font-weight: 800;}
.PDhot_style.PD_layout .PD p del {padding-right: .25em;color: #ffded8;}
.PDhot_style.PD_layout .PD p .Price {font-size: 29px;font-weight: 800;}


}


   /*公版上下標隱藏*/	
   .PDhot_style .PD_layout .imgTagBottom {display:none!important;}
   .PDhot_style .PD_layout .prdImgWrap .imgTagRectangle {display:none!important;}
   .PDhot_style .PD_layout .prdImgWrap .imgTag {display:none!important;}