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

/*背景*/
.top_deco {z-index: 0;position: absolute;top: 0;left: 0;width: 100%;min-width: inherit;height: 113vw;background: url("top_deco_m.png?t=1791254998649") no-repeat center 44px;background-size: 100%;}
@media screen and (min-width:768px){
  .top_deco {z-index: 0;position: absolute;top: 0;left: 0;width: 100%;min-width: 1220px;height: 1010px;background: url("top_deco.png?t=1791254998649") no-repeat center top;}
}



  /*momoco*/
  .momocobox { position: relative;}
  .momocobox .momoco {position:absolute;width: 67%;top: 49vw;left: 19vw;pointer-events:none;z-index: -1;}
  @media screen and (min-width:768px){
    .momocobox .momoco{position:absolute;left: 190px;top: 470px;z-index: 1;pointer-events: none;width: 651px;}
  }




  /*日期*/
  .TIMER_DAYbox { position: relative;}
  .TIMER_DAYbox .TIMER_DAY {
  display:flex;
  justify-content: center;
  flex-wrap:nowrap;
  position: absolute;
  top: 410px;
  left: 93px;
  width: 26%;
  height: 206px;
  animation: time 1s ease forwards;
  animation-delay: 1s;
  opacity: 0;
  padding: 36px 36px 0 36px;
  font-size: 58px;
  font-weight: bold;
  font-family: "Century Gothic";
  z-index: 3;
  transform: rotate(
353deg) scale(0.85);
  box-sizing: border-box;
  color: #ffffff;
  /* text-shadow: 1.5px 1.5px 3px rgb(0 77 156 / 83%); */
  /* background: url(datebg.png?t=1791254998649)no-repeat center / 88% ;*/
  } 
.TIMER_DAYbox .TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAYbox .TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAYbox .TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAYbox .TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:12px 0 0 3px; text-align: left; width: 90%;}
.TIMER_DAYbox .TIMER_DAY .box{ width: 100%; display: flex; justify-content: right; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
  .TIMER_DAYbox .TIMER_DAY {position: absolute;width: 34%;top: 42vw;left: 6.8vw;font-size: 7.5vw;letter-spacing: 0;padding: 4vw 4vw 0 4vw;text-align: left;margin: 0;font-weight: 900;height:22vw;transform: rotate(
352deg) scale(0.78);}
.TIMER_DAYbox .TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAYbox .TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAYbox .TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAYbox .TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:0.3vw 0 0 0.5vw;}	
.TIMER_DAYbox .TIMER_DAY .box{ height: 8vw; }
}
@keyframes time{
  0%{ opacity: 0;}
  100%{ opacity: 100; }
}






/*折價劵(線上入搞)*/
@media screen and (min-width:768px){
  .Area_coupon {margin-bottom: 0;z-index: 21;}
  .Area_coupon .box ul {width: 920px;margin:0 auto;padding: 0;border-radius: 0;}
  .Area_coupon.Area .remove_box_style ul{grid-gap:0;}
  }
  .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color:#fff;}
  @media screen and (max-width:767px){
  .Area_coupon {padding-bottom: 2vw;z-index: 20;}
  .Area_coupon .box ul {width: 99%;padding: 0;margin: 0 auto;}
  .Area_coupon .box ul li img{width:100%;}
  }
  
  
  /*3p領券:商電抵用券*/
  .Area_coupon_ppp .Area_swiper{width: 94%!important;}
  .Area_coupon .get_all ul li .PD_img img {width: 100%;}
  .Area_coupon .layout_day ul {width: 100%!important;margin:0 auto!important;padding:0!important;grid-gap:0;height: 420px;}
  .Area_coupon .layout_day ul li {background:url("Area02_daybg.png?t=1791254998649")top center no-repeat;background-size:100%;padding-bottom: 0;}
  .Area_coupon .layout_day ul li a {color: #4c2b14;}
  .Area_coupon .layout_day .PD p {position:absolute;top: 5px;left: 165px;color: #5098fa;font-size: 1.2em;}
  .Area_coupon .layout_day .PD p .Price {font-size: 1.6em;}
  .Area_coupon .layout_day .PD p .money {display: none !important;;}
  .Area_coupon .layout_day .PD_img {width: 100%;margin:0 auto;padding-top: 54px;}
  .Area_coupon .layout_day .PD_img img {border-radius:50%;}
  .Area_coupon .layout_day .PD_into {padding-top: 7px;}
  .Area_coupon .layout_day .PD h4 {line-height: 2.4em;}
  .Area_coupon .layout_day .PD_into .js-PD_txt1 {color: #000000;font-size: 36px;}
  .Area_coupon .layout_day .PD_into .js-PD_txt2 {font-size: 40px;padding-top: 20px;color: #fff;}
  .Area_coupon .Area_swiper {width: 96%;left: 0px;top: 0;}
  
  @media screen and (max-width: 767px){
  .Area_coupon .layout_day ul {width:100%!important;margin:0 auto!important;padding:0!important;grid-gap: 0;height: 56vw;}
  .Area_coupon .layout_day .PD_slide { min-width: inherit; }
  .Area_coupon .layout_day ul li {background:url("Area02_daybg.png?t=1791254998649")top center no-repeat;background-size:100%;height:57vw;}
  .Area_coupon .layout_day ul li a {color: #0152a7;}
  .Area_coupon .layout_day .PD p {position:absolute;top: -1.5vw;left: 21.5vw;color: #5098fa;}
  .Area_coupon .layout_day .PD p .Price {font-size: 0.9em;}
  .Area_coupon .layout_day .PD p .money {display: none !important;;}
  .Area_coupon .layout_day .PD_img {padding: 7vw 1vw 0;}
  .Area_coupon .layout_day .PD_img img {border-radius: 50%;}
  .Area_coupon .layout_day .PD_into {padding-top: 0;}
  .Area_coupon .layout_day .PD h4 {line-height: 1.7em;}
  .Area_coupon .layout_day .PD_into .js-PD_txt1 {color: #000000;font-size: 20px;}
  .Area_coupon .layout_day .PD_into .js-PD_txt2 {font-size: 20px;padding-top: 4px;color: #fff;}
  .Area_coupon .Area_coupon_ppp {padding-bottom: 3vw;}
  .Area_coupon .Area_swiper {width: 95%;left: 0;top: 0;}
  }




 .yticon .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {background-image: none;background-color: #155ab9;}
 .yticon .PD_layout[data-pd-btn] .PD_btn i{display: none;}
 .yticon .PD_layout[data-pd-btn][data-pd-btn-more-pdgo] .PD_btn.more b::after {background-image: url("yticon.png?t=1791254998649") !important;background-size: auto 57%;display: inline-block;height: 2.6em;width: 3.9em;position: relative;top: 0.3em;background-repeat: no-repeat;margin-left: 0.5em;}
 .yticon .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b {color: #9797bf00;}