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



/*版頭裝飾*/
.Area_top {position: relative;}
.Area_top .top_coupon {position: absolute;top: 365px;left: 570px;transform: translateX(-50%);width: 1121px;overflow: hidden;z-index: 0;}
.Area_top .top_sponsor {position: absolute;top: 640px;left: 900px;transform: translateX(-50%);width: 89px;overflow: hidden;z-index: 1;}

.banner.PD_layout {width:96% ;}
.PD_layout[data-pd-btn] .PD_btn {
  background-color: #ff2eff;
  background-image: repeating-linear-gradient(45deg, #ff2eff -2%, #ff74ff 120%);
  background-position: right top;
  background-size: 100% 100%;
  -webkit-transition: all .4s;
  transition: all .4s;
}


.Area_Timecountdown {
  position: absolute;
  top: 30px;
  left: 480px;
}



.layout_PD.PD_layout[data-pd-h3="5"] .PD h3 span {
  display: inline-block;
  padding: 0 .5em;
  max-width: 85%;
  border-radius: 4px;
  color: #000;
  background-color: rgb(218 218 218 / 0%);
}
@media screen and (max-width:767px){
  .Area_top .top_coupon {top: 35vw;width: 121%;z-index: 0;left: 45vw;}
  .Area_top .top_sponsor {top: 63vw;width: 15%;z-index: 1;left: 78vw;}
  .banner.PD_layout {width:100% !important;}

  .Area_Timecountdown {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.2em;
    font-weight: 600;
    position: absolute;
    top: 2vw;
    left: 40vw;
}
  
}





/*3P輪播-作圖區*/
.Area_group-7 .Area_pd-carousel .PD_layout li{ background: url("PD_bg2.png?t=1793499660201") no-repeat top / 100% ; }
.Area_group-7 .Area_pd-carousel .PD_layout[data-pd-pdlogo] .PD .PD_logo{ position: absolute; border-radius: 30px; overflow: hidden; }
.Area_group-7 .Area_pd-carousel .PD_layout .PD h3{color: #ffffff;}
@media screen and (max-width:767px){
  .Area_group-7 .Area_pd-carousel .PD_layout[data-pd-pdlogo] .PD .PD_logo {top: 3vw; left: 12vw;  width: 46%; }
  .Area_group-7 .Area_pd-carousel .PD_layout .PD h3{ margin: -49.5vw 0 41vw; font-size: 1.05em;}
  .Area_group-7 .Area_pd-carousel .PD_layout .PD_img{ padding-top: 18vw; }
}
@media screen and (min-width: 768px){
  .Area_group-7 .Area_pd-carousel .PD_layout[data-pd-pdlogo] .PD .PD_logo {top: 18px; left: 85px;  width: 46%; }
  .Area_group-7 .Area_pd-carousel .PD_layout .PD h3{ margin: -337px 0 294px; font-size: 1.7em;}
  .Area_group-7 .Area_pd-carousel .PD_layout .PD h4{  font-size: 1.3em; }
  .Area_group-7 .Area_pd-carousel .PD_layout .PD_img{ padding-top: 120px; }
  .Area_group-7 .Area_pd-carousel .PD_layout .PD_into{ padding-bottom: 1.5em; }
}


/*3P輪播-BN*/
@media screen and (min-width: 768px){
  .Area_group-7 .Area_bn-carousel ul{ height: 180px; }
}
@media screen and (max-width:767px){
  .Area_group-7 .Area_bn-carousel ul{ height: 23vw; }
}