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

/*基本*/
body { margin: 0; padding: 0;}





/*調整公版看更多*/
.Area_pd-carousel-sidetag .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content: "進店逛";}

/* .PD_layout-D1_05.PD_layout li {border-top: solid 1px #ffffff !important;border-right: solid 1px #ffffff !important;} */

.PD_layout.PD_layout-D1_05[data-pd-btn*=icon-5][data-pd-btn-pdgo] .PD_into {
  padding-bottom: 3em;
}

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

  .Area_PD .PD_layout-D1_05 li::before {content:"";position: absolute;display:block;top:10px;left:10;width: 100%;height:61%;width:30%;pointer-events:none;z-index:99;background: url("icon.png?t=1791859332426") center top/100% no-repeat scroll;}

}
@media screen and (max-width:767px){
  .Area_PD .PD_layout-D1_05 li::before {content:"";position: absolute;display:block;top:3vw;left:1vw;height:28%;width:32%;pointer-events:none;z-index:99;background: url("icon.png?t=1791859332426") center top/100% no-repeat scroll;}

}



/* BN商品補圖 */


@media screen and (max-width:767px){
  
  .Area_PD{
   width: 100%;
   margin: 0 auto;
   .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper{
     /* gap: 3vw 2.5vw; */
     padding: 2.5vw 2vw 6vw;
     /* background: #f0f0f0; */
     border-radius: 3vw;
     
     

     /* 缺品補圖 */
     &::after{
       content: "";
       display: block;
       position: relative;
       width: 100%;
       background: url(Area_hotPD_bg.png?t=1791859332426) no-repeat center;
       background-size: 96%;
     }
     li.PD_slide:first-child{
       grid-column-start: 1;
     }
     li.PD_slide{
       /* border: 0; */
       /* background: #fff; */
       /* border-radius: 2vw; */
     }
     li.PD_slide .PD_img{
       padding: .5em;
     }
     li.PD_slide:nth-child(even){
       transform: translateY(0);
     }
   }
 
 }
}

@media screen and (min-width:768px){
.Area_PD{
 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper{
   /* 缺品補圖 */
   &::after{
     content: "";
     display: block;
     position: relative;
     width: 100%;
     background: url(Area_hotPD_bg.png?t=1791859332426) no-repeat center;
     background-size: 96%;
   }
   
   li.PD_slide:first-child{
     grid-column-start: 1;
   }
   li.PD_slide:nth-child(4n+3){
     /* border-right: 0; */
   }
   li.PD_slide:nth-child(4n){
     /* border-right: solid 1px #d1d1d1; */
   }
   li.PD_slide:last-child{
     border-right: 0;
   }
 }



 .PD_layout-D1_05[data-pd-col-pc="2"] ul.PD_wrapper{
  /* 缺品補圖 */
  &::after{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    background: url(Area_hotPD_bg2.png?t=1791859332426) no-repeat center;
    background-size: 96%;
  }
  
  li.PD_slide:first-child{
    grid-column-start: 1;
  }
  li.PD_slide:nth-child(4n+3){
    /* border-right: 0; */
  }
  li.PD_slide:nth-child(4n){
    /* border-right: solid 1px #d1d1d1; */
  }
  li.PD_slide:last-child{
    border-right: 0;
  }
}



}
}






/*折價券共用*/
.Area_Coupon {}
.Area_Coupon .get_all {position: absolute;top: 82px;left: 925px;}
.Area_Coupon .get_all ul {margin: 0;padding: 0;list-style: none;}
@media screen and (max-width: 767px) {
  .Area_Coupon .get_all {position: absolute;top: 2.4vw;left: 2.5%;width: 25%;}
}
/*券樣式*/
.Area_Coupon .box .PD_coupon .PD_slide {background-size: 100%; background-repeat: no-repeat;background-position: center top;background-color: transparent;}
/*css內凹圓.Area_Coupon .PD_coupon .PD_slide { background: radial-gradient(20px at -2.5% 50%, transparent 50%, #fff 50%) center left, radial-gradient(20px at 102.5% 50%, transparent 50%, #fff 50%) center right; background-size: 50% 100%; background-repeat: no-repeat;}*/
.Area_Coupon .box .PD_coupon .PD p { height: 2.15em;line-height: 2.15em;color: #7570d4;font-size: 1.88em;}
.Area_Coupon .box .PD_coupon .PD p .Discount {font-size: 2.47em;font-weight: 700;font-family: Arial;letter-spacing: -0.02em;}
.Area_Coupon .box .PD_coupon .PD h3 {max-height: 2.5em;line-height: 2.5em;color: #6d6d6d;font-size: 1.5em;font-weight: normal;font-family: "Century Gothic", "微軟正黑體", "Microsoft JhengHei", Helvetica;}
.Area_Coupon .box .PD_coupon .PD p small {position: relative;top: -0.075em;font-size: 1.27em;font-weight: 900;}
.Area_Coupon .box .PD_coupon .PD h5 {margin: 0;color: #414141;font-size: 1em;font-weight: normal;font-style: italic;}
.Area_Coupon .box .PD_coupon .PD h5 .Deadline {font-family: Microsoft Tai Le, "微軟正黑體", "Microsoft JhengHei", Helvetica;}
@media screen and (min-width: 768px) {
  .Area02 .PD_layout-PDBN_01 .PD h3{color: #000;letter-spacing: 0;top: 45px;font-size: 49px;left: 18px;}
  .Area02 .PD_layout-PDBN_01 ul {padding: 0;margin: 0 2px 0 18px;width: 97.4%;}
}


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

  .Area02 .PD_layout-PDBN_01 .PD h3{color: #000 ;letter-spacing: -0.08em;top: 5vw;}
  .Area02 .PD_layout-PDBN_01 {margin-bottom: -1vw;}
}
/*按鈕*/
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {background: #ff3254;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {content: "立即領取";}
.Area_Coupon .box .PD_layout[data-pd-btn] .PD_btn i {display: none;}
.Area_Coupon .box .PD_layout[data-pd-btn] .PD_btn span,
.PD_layout[data-pd-btn] .PD_btn.more span {-webkit-transform: none;transform: none;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {pointer-events: none;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a {pointer-events: none;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more {background: #333;pointer-events: inherit;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after {content: "適用商品";}
/*裝飾圖*/
.Area_Coupon .box .PD_coupon .PD_slide:after {content: "";pointer-events: none;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background-position: center top;background-size: 100%;background-repeat: no-repeat;}
/*浮層調整*/
@media screen and (min-width: 768px) {
  .agree_more .container {margin: 5%;}
  .agree_more .container .pic {margin-bottom: 5%;}
  .agree_more .container .pic p {font-size: 26px;padding-bottom: 11px;}
}
@media screen and (max-width: 767px) {
  .agree_more .container {margin: 0 auto;width: 88%;height: auto;overflow: scroll;padding-top: 20px;}
  .agree_more .container .pic {margin-bottom: 7vw;}
  .agree_more .container .pic p {font-size: 4.5vw;padding-bottom: 2vw;}
}

@media screen and (min-width:768px){
  .Area_event {width: 885px;/*margin-top: -2vwborder-radius: 8vw 8vw 8vw 8vw; padding-top: .4em;margin-bottom:4vw;*/background-color: #ffffff;}
.Area_event .i_btn{position: absolute; right: 0;width: 28%;top: 0;z-index: 99}
.Area_event .layout_topic1 .PD_into { position: relative; top: 2vw; left: 33vw; width: 48%; text-align: left;}
.Area_event .layout_topic1 .PD_into h3 { font: bold 18px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_into h4 { font: bold 15px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_slide {padding-bottom: 0!important;}
.Area_event .layout_topic1 ul { grid-gap: 2.5vw;}
.Area_event .layout_topic1 ul li { height: 26vw;}
.Area_event .layout_topic1 a { z-index: 10; position: absolute; top: 0; right: 0; width: 30%; height: 25vw;}
/*領券教學*/
.Area_event .box_tip .PD_layout ul { display: flex; flex-wrap: nowrap; padding: 0; grid-gap: 0;}
.Area_event .swiper-pagination { bottom: 0;}
.Area_event .swiper-pagination-bullet { background: #fff;}
/*複製領券*/
.Area_event .PD_copy {margin-bottom: 0vw;}
.Area_event .PD_copy ul {display: flex; padding: 0; width: 96%; gap: 0.4em;}
.Area_event .PD_img {padding: 0;}
.Area_event .PD_copy ul li img{border-radius: 2em}


  .Area_event .PD_copy .PD_into { padding: 0;text-align: center;}
  .Area_event .PD_copy .PD h3 {font: 900 1.5em / 1.8em Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #1967ff;display: flex;padding-left: 1%;font-style: italic;align-items: center;height: 1.2em;}
  .Area_event .PD_copy .PD h3 i {display: none;}
  .Area_event .PD_copy .PD h3::before,
  .Area_event .PD_copy .PD h3::after {content: "";display: block;width: 1.1em;height: 1.1em;opacity: 1;}
  .Area_event .PD_copy .PD h3::after {background: url(star02.png?t=1791859332426) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h3::before{background: url(star01.png?t=1791859332426) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h4 {color: #000;font-size:46px;font-weight: 600;line-height: 1.35;margin: 0em 0 .1em;border-radius: 0em;padding: .5em 0 .5em 0;}
  .Area_event .PD_copy .PD .gobtn {margin-left: 531px;width: 29.5%;border-radius: 0em 0em 2em 2em;}
  .Area_event .PD_layout .PD h4 span {display: inline-block;font-size: 1.5em; font-weight: 700;-webkit-line-clamp: 1;white-space: normal;overflow:hidden;color: #ee3fbf;font-family: "Century Gothic", Noto Sans TC, "Microsoft JhengHei", system-ui, Helvetica; }
  .Area_event .PD_copy p {padding: 0;text-align: left;overflow: visible!important}
  .Area_event .PD_copy .money{font-size: .8em; color: #ef3fc0;}
  .Area_event .PD_copy p b{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}
  .Area_event .PD_copy p .Price{color: #ef3fc0;font: 900 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;font-style: italic}
  .Area_event .PD_copy p small{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}

    /*改成flex排列*/
    .Area_event .PD_copy .Area_copy {display: flex;justify-content: space-evenly;align-items: center;position: absolute;bottom: 25px;left: 115px;width: 46%;line-height: 78px;background-color: #919191;border-radius: 20em;}
    .Area_event .PD_copy .Area_copy .copyTxt {/*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/flex-basis: 247px;font-size: 28px;line-height: 62px;background-color: #fff;border-radius: 20em;font-weight: 700;overflow: hidden;}
    .Area_event .PD_copy .Area_copy .btn_copy {padding-right: .5em;}
    .Area_event .PD_copy .Area_copy .btn_copy button {padding: 0;background: none;border: none;color: #fff;font-size: 39px;font-weight: 600;font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
    /*h3前綴logo*/
    .Area_event .PD_copy .PD h3 span { position: relative; overflow: visible; }
/*    .Area_event .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top: 50%; left: -16.8vw; transform: translateY(-50%); width: 15vw; height: 6.5vw; background-image:url(logo_after.png?t=1791859332426); background-position: center top; background-size: 100%; background-repeat: no-repeat;}*/

}


@media screen and (max-width: 767px) {
  .Area_event {background-color: #f5f5f5;width: 92%;/*margin-top: -2vwborder-radius: 8vw 8vw 8vw 8vw; padding-top: .4em;margin-bottom:4vw;*/}
.Area_event .i_btn{position: absolute; right: 0;width: 28%;top: 0;z-index: 99}
.Area_event .layout_topic1 .PD_into { position: relative; top: 2vw; left: 33vw; width: 48%; text-align: left;}
.Area_event .layout_topic1 .PD_into h3 { font: bold 18px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_into h4 { font: bold 15px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_slide {padding-bottom: 0!important;}
.Area_event .layout_topic1 ul { grid-gap: 2.5vw;}
.Area_event .layout_topic1 ul li { height: 26vw;}
.Area_event .layout_topic1 a { z-index: 10; position: absolute; top: 0; right: 0; width: 30%; height: 25vw;}
/*領券教學*/
.Area_event .box_tip .PD_layout ul { display: flex; flex-wrap: nowrap; padding: 0; grid-gap: 0;}
.Area_event .swiper-pagination { bottom: 0;}
.Area_event .swiper-pagination-bullet { background: #fff;}
/*複製領券*/
.Area_event .PD_copy { margin-bottom: 0vw;}
.Area_event .PD_copy ul {display: flex; padding: 0; width: 96%; gap: 0.4em;}
.Area_event .PD_img {padding: 0;}
.Area_event .PD_copy ul li img{border-radius: 2em}


  .Area_event .PD_copy .PD_into { padding: 0;text-align: center;}
  .Area_event .PD_copy .PD h3 {font: 900 1.5em / 1.8em Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #1967ff;display: flex;padding-left: 1%;font-style: italic;align-items: center;height: 1.2em;}
  .Area_event .PD_copy .PD h3 i {display: none;}
  .Area_event .PD_copy .PD h3::before,
  .Area_event .PD_copy .PD h3::after {content: "";display: block;width: 1.1em;height: 1.1em;opacity: 1;}
  .Area_event .PD_copy .PD h3::after {background: url(star02.png?t=1791859332426) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h3::before{background: url(star01.png?t=1791859332426) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h4 {color: #000;font-size: 1.1em;font-weight: 600;line-height: 1.35;margin: 0em 0 .1em;background-color: #ffffff;border-radius: 0em;padding: .5em 0 .5em 0;}
  .Area_event .PD_copy .PD .gobtn { margin-left: 61%; width: 30.5%;background-color: #f5f5f5;border-radius: 0em 0em 2em 2em;}
  .Area_event .PD_layout .PD h4 span {display: inline-block;font-size: 1.5em; font-weight: 700;-webkit-line-clamp: 1;white-space: normal;overflow:hidden;color: #ee3fbf;font-family: "Century Gothic", Noto Sans TC, "Microsoft JhengHei", system-ui, Helvetica; }
  .Area_event .PD_copy p {padding: 0;text-align: left;overflow: visible!important}
  .Area_event .PD_copy .money{font-size: .8em; color: #ef3fc0;}
  .Area_event .PD_copy p b{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}
  .Area_event .PD_copy p .Price{color: #ef3fc0;font: 900 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;font-style: italic}
  .Area_event .PD_copy p small{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}

    /*改成flex排列*/
    .Area_event .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute;     bottom: .75em; left: 8.2%; width: 50%; line-height: 2.35; background-color: #919191; border-radius: 20em;}
    .Area_event .PD_copy .Area_copy .copyTxt { /*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/ flex-basis: 70%; font-size: 1.05em; line-height: 1.8; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
    .Area_event .PD_copy .Area_copy .btn_copy { padding-right: .5em; /*text-align: right;*/}
    .Area_event .PD_copy .Area_copy .btn_copy button { padding: 0; background: none; border: none; color: #fff; font-size: 1.05em; font-weight: 600; font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
    /*h3前綴logo*/
    .Area_event .PD_copy .PD h3 span { position: relative; overflow: visible; }
/*    .Area_event .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top: 50%; left: -16.8vw; transform: translateY(-50%); width: 15vw; height: 6.5vw; background-image:url(logo_after.png?t=1791859332426); background-position: center top; background-size: 100%; background-repeat: no-repeat;}*/

}















/*可拖移廣告icon*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 2%; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index:2;}
@media screen and (min-width:768px){
  .Area_hammerAD { display: block; width: 120px;}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 22%;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
}


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




/*可拖移廣告icon*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 2%; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index:2;}
@media screen and (min-width:768px){
  .Area_hammerAD { display: block; width: 120px;}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 22%;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
}