@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=1788834256850) 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=1788834256850) 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=1788834256850) 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=1788834256850) no-repeat; background-size: 96%;}
  }
    



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

/*日期*/.date .PD_layout .PD img {width:26%;height: auto;}
/*倒數*/.Area_countdown-timer{ position: absolute;top: 19px; left: 981px;}

.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_content .PD_layout .PD_img{width:99%;padding: 5% 0 0 0;}
.Area_title ul {width:83%;margin: 0 auto;}
.Area_content{padding-bottom:55px;}

 /*commingsoon*/
 .Area_hero .Area_cmsoon {  position: relative;top: 866px;right: -315px;z-index: 20;}
 .Area_hero .Area_cmsoon  img{width:21%;}
 
.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;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon1 {top: 45%;left: 18%;}

.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_bn-grid-3x1{ background: url(m_03.jpg?t=1788834256850) no-repeat; background-size:100%;height: 398px;padding: 8% 2% 0% 6%;}
.Area_bn-grid-3x1 .PD_layout ul{width: 80%;    grid-gap: 1em;}

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


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

}


@media screen and (max-width:768px){
  .date .PD_layout .PD img {width:27%;height: auto;}
  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD {
    z-index: 99 !important;}
    
 /*倒數*/.Area_countdown-timer{ position:absolute; top: 13vw;left: 26vw;}
 .Area_Timecountdown {font-size: 3vw;}
  
 .Area_hero-visual_003[org="1"]:is(.Area_hero--title), .Area_hero-visual_003[org="1"] .Area_hero--title{width:100%;top:8%;left:0%;z-index:1}
 .Area_hero-visual_003[org="1"]:is(.Area_hero--tag), .Area_hero-visual_003[org="1"] .Area_hero--tag{ width: 100%;top: 44%;left: -34%;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: 0vw;}

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

 .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_coupon3_001 .Area_content{padding-bottom:4vw;}
.Area_content.Areapadding.A1{padding:5% 0 0 0;}


.Area_title ul {width:83%;margin: 0 auto;}
.Area_bn-grid-3x1{ background: url(m_03.jpg?t=1788834256850) no-repeat; background-size:100%;height: 42vw;padding: 18% 2% 0% 6%;}
.Area_bn-grid-3x1 .PD_layout ul{width: 80%;        grid-gap: .6em;}


.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: 768px){
  .Area055{padding-bottom: 1%;}
  .Area055 .box_all{padding: 0 14%;margin-top: -48px;}
  .Area055 ul{height: auto;}

}
@media screen and (max-width: 767px){
  .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: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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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: #000000;font-size: 18px;}
.PDhot_style.PD_layout .PD h4{font-size: 18px;}
.PDhot_style .PD:hover h4 {color: #000000;}
.PDhot_style.PD_layout .PD p {height: 2em;line-height: 2em;color: #750d28;}
.PDhot_style.PD_layout li {height: 574px; padding: 13% 0 0 0;}
.PDhot_style.PD_layout .PD_into{margin-top:-4px; margin-left: 51px;}
.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;}


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

  .PDhot_style li{position: relative; overflow: hidden;}
  .PDhot_style.PD_layout li {height:auto; min-height:80vw; position:relative;}
  
.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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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=1788834256850") 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: #000000;font-size: 13px;}
.PDhot_style.PD_layout .PD h4{font-size: 13px;}
.PDhot_style .PD:hover h4 {color: #000000;}
.PDhot_style.PD_layout .PD p {height: 2em;line-height: 2em;color: #750d28;        top: -3vw;position: relative;}
.PDhot_style.PD_layout .PD_into{margin-top:-14vw; margin-left:7vw;}
.PDhot_style.PD_layout .PD img{width:88%;margin-top:10vw; left:6%;position:relative;top:0;}
.PDhot_style.PD_layout[data-pd-pdlogo] .PD .PD_logo{        width: 55%;height: auto;left: -6%;position: relative; top: 22vw;}
.PDhot_style.PD_layout .PD p .Price { font-size: 24px;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;}