/* 各頁面CSS */

/* 關閉GOTOP */
#gotop { display: none !important;}

/*切換PC置頂選單*/
.cantantBase1 { display: block;}
.cantantBase2 { display: none;}

/*手機置頂選單*/
.NavArea { width: 96%; margin: 3vw auto;}
.NavArea .Nav_box { border-radius: 7px;} 
.NavArea.cate-fixed { width: 100%; margin: 0;}
.NavArea.cate-fixed .Nav_box { border-radius: 0;} 

/* 警語 */
.Area_msg_apple { padding: 10px 0px 15px 0px;}
.Area_msg_momo { padding: 10px 0px 93px 0px;}

/*隱藏*/
.Area_logo { display: none !important;}	
.fixarea.fixarea_off { display: none !important;}	
@media screen and (min-width:1300px){
	.for_newphone { display: none!important;}	
}




/*可拖移廣告icon*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: -6.5vw; right: 0; transform: translate3d(0,200px,0); /*background-color: rgba(0,0,0,0.5);*/}
.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: 140px;}
    .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;}
  }
  @media screen and (min-width:1670px){
    .Area_hammerAD { right: inherit; left: 1500px;}
  }

/*輪播UI*/
@media screen and (min-width:768px){
  .swiper-pagination-bullet { background: #000000;}
}
@media screen and (max-width:767px){
	.swiper-pagination-bullet { width: 5px; height: 5px; background: #000000;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px;}
}

/*區標*/
.bg_top  { position: absolute; top: 0;}
.txt { padding: 0; margin: 15px auto 15px; top: 22px; width: 60%; z-index: 2;}
.txt ul { padding: 0; grid-gap: 0;}
.txt ul li { background-color: transparent; pointer-events: none;}
.txt ul li .PD_into { padding: 0;}
.txt ul li h5 { padding: 0; margin: 1vw auto 0; font: bold 53px/65px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -1px; text-align: center;}
.txt3 { position: relative; color: #272727;}
@media screen and (min-width:768px){
  .txt3, .txt4 { left: 30%;}
  .txt3 ul li h5 { margin: 0;}
}
@media screen and (max-width:767px){
  .txt { top:3.5vw; padding: 0; margin: 0 auto; height: 12vw; width: 100%;}
  .txt ul li h5 { font: bold 5.6vw/8.5vw "Century Gothic","Noto Sans TC",sans-serif,"微軟正黑體",system-ui,Helvetica,Arial;}
  .txt3 ul li h5 {  margin: auto;} 
  .txt2_bg { position: absolute; top: 8vw;height: 18vw; margin-bottom: 2vw;z-index:0;} 
}


/*區標線上入稿*/
.box_txt2 .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
.box_txt2 {position: relative;display: flex;margin: 0 auto;padding: 4% 0 0 0;width: 100%;height:172px;justify-content: center; z-index: 50;  z-index: 0;background: url("m_box_txt_bg2.png?t=1761220863847") center top/ 100% no-repeat scroll;  }
.box_txt2 img{width:100%!important;padding: 0;}
.box_txt2 ul li h5 { padding: 0; margin:39px 0 23px 0; font: bold 52px / 52px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #ffffff;letter-spacing: -1px;text-align: center;}	
.box_txt2 .PD_layout ul{width:100%; margin: 0 auto;}
}

@media screen and (max-width:767px){
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt2 img{width: 100%;}
.box_txt2 { padding: 0% 0 0; margin: 2% auto;height: 20vw; width: 100%!important;background: url("m_box_txt_bg2.png?t=1761220863847") center top/ 100% no-repeat scroll;}
.box_txt2 ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin: 7vw 0 2vw 0;color:#ffffff; letter-spacing: -1px; text-align: center;}	
.box_txt2 .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.box_txt2 .PD_layout ul{width:100%; margin: 0 auto;}	
}


/*Area_bottom*/
@media screen and (min-width:768px){.Area_bottom {margin-bottom: 70px;}}
@media screen and (max-width:767px){ .Area_bottom {margin-bottom: 5vw;}}




/*版頭主標*/

/* .Area_top .top_txt .PD_layout .PD a { pointer-events: none; }
.Area_top .top_txt .PD_layout .PD_slide:hover {transform: translateY(0); }
.Area_top .top_txt .PD_layout .PD_slide {min-width: 100%;}
.Area_top .top_txt .PD_layout input{position: relative;left: 155px;} */
@media screen and (min-width: 768px){
.Area_top .top_txt {position: relative;top:91px;left:84px;z-index: 2; }
.Area_top .top_txt .PD_layout .PD img { width: auto!important; }
.Area_top .top_txt .PD_layout .PD a { pointer-events: none; }
.Area_top .top_txt .PD_layout .PD_slide:hover {transform: translateY(0); }
.Area_top .top_txt .PD_layout .PD_slide {min-width: 100%;}
.Area_top .top_txt .PD_layout input{position: relative;left: 155px;}


}

@media screen and (max-width:767px){
.top_txt{width: 100%;}
 .top_txt .PD_layout {position: relative;top:2vw;left:0vw;width: 84%;z-index: 30 !important;height: 28vw;}
 .top_txt .PD_layout .PD img { width: 100%!important; }
 .top_txt .PD_layout[data-pd-col-phone="5"] ul {grid-template-columns:none;}
}

/*版頭副標*/
@media screen and (min-width: 768px){
  .Area_top .sub_txt {position:absolute;top:264px;display: flex;margin: 0 auto;padding: 0% 0 0 0;width: 100%;height:143px;justify-content: center; z-index: 50;  z-index: 0;background: url("subtxt_bg.png?t=1761220863847") center top/ 31% no-repeat scroll;  }
  .Area_top .sub_txt img{width:100%!important;padding: 0;}
  .Area_top .sub_txt ul li h5 {padding: 0;margin: 14px 0 23px 0;font: bold 52px / 52px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;transform: rotate(0deg);color: #ffff;letter-spacing: -1px;text-align: center;}	
  .Area_top .sub_txt .PD_layout ul{width:100%; margin: 0 auto;}
  }
  
  @media screen and (max-width:767px){
  .Area_top .sub_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
  .Area_top .sub_txt img{width: 100%;}
  .Area_top .sub_txt {position: absolute;top: 19vw;left: 15vw;padding: 0% 0 0;z-index: 50;margin: 2% auto;height: 20vw;width:67%!important;background: url("subtxt_bg.png?t=1761220863847") center top/ 100% no-repeat scroll;}
  .Area_top .sub_txt ul li h5 {font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin: 0vw 0 2vw 0;color:#fff;letter-spacing: -1px;text-align: center;}	
  .Area_top .sub_txt .PD_layout ul {width:100%; margin: 0 auto;}
  }
  


  /*版頭查詢*/
  @media screen and (min-width: 768px){
      /*查詢*/
      .Area_top .btn_list { 
        top: 65px;
        right: 104px;
        width: 95px; 
      }
  }
  @media screen and (max-width:767px){
  

  }


/*修正公版上下間距*/
.Area_boxstyle .Area_boxstyle_box1 {
  -webkit-padding-before: 170px !important;
  padding-block-start: 140px; -webkit-padding-after: 0;
  padding-block-end: 0; -webkit-padding-start: 0;
  padding-inline-start: 0; -webkit-padding-end: 0;
}
@media screen and (max-width:767px){
  .Area_boxstyle .Area_boxstyle_box1 {
    -webkit-padding-before: 15vw !important;
    padding-block-start: 2vw; -webkit-padding-after: 0;
    padding-block-end: 2vw; -webkit-padding-start: 2vw;
    padding-inline-start: 2vw; -webkit-padding-end: 2vw;
  }  
}





/*acty-行銷宮格*/






@media screen and (max-width:767px){
  .Area_acty {width:96%!important;min-height: auto;} 
  
}

.Area_acty{
  margin-bottom:20px; 
  margin-top:15px;  
  min-height: auto;
  .acty-grid{
    display: flex;
    gap: 20px;
    height: 612px;
    .acty{
      flex: 1;
      /* width: 39.5%; */
      overflow: hidden;
      .PD_layout {
        height: 100%;
      }
      @media screen and (max-width:767px){
    }

      ul{
        padding: 0;
        gap: 0;
        display: flex;
        img{
          border-radius: 28px;
          object-fit: cover;
          @media screen and (max-width:767px){
            border-radius: 2vw;
          }
        }
      }
    }
    @media screen and (max-width:767px){
      gap: 2vw;
      height: 60.5vw;
    }
    ul{
      padding: 0;
      li{
        img{
          /* border-radius: 28px; */

        }

      }
    }
  }
  .acty-content{
    flex: 1;
    background: url(acty_bg.png?t=1761220863847) no-repeat center;
    background-size: cover;
    /* border: 2px solid #ff4785; */
    border-radius: 28px;
    box-sizing: border-box;
    @media screen and (max-width:767px){
      border-radius: 2vw;
      background-size: 101%;
    }
    ul{
      /* padding: 8px; */
      box-sizing: border-box;
      display: grid;
      grid-gap:0;
      grid-template-columns: repeat(1,1fr);
      grid-template-rows: repeat(2,1fr);
      margin: 35px 0 0 20px;
      @media screen and (max-width:767px){
        
        
        
        
        
        
        
        
        
        grid-gap: 2vw;
        margin: 0vw 0 0 0vw;
        padding: 4vw 0 0 4vw;
        
        
        
        
        
        
        
        
        
      
      }
        /* padding: 1vw; */
      }
      li{
        height:185px ;
        @media screen and (max-width:767px){
          height: 16.5vw;
        }
        /* &:nth-child(odd){
          box-sizing: border-box;
          border-right: 3px dotted #ffb0cb;
          @media screen and (max-width:767px){
            border-right: .5vw dotted #ffb0cb;
          }
        }
        &:nth-child(1),
        &:nth-child(2){
          box-sizing: border-box;
          border-bottom: 3px dotted #ffb0cb;
          @media screen and (max-width:767px){
            border-bottom: .5vw dotted #ffb0cb;
          }
        } */
      }
      .PD{
        width:100% ;
        @media screen and (max-width:767px){
        }
      }
        .PD_layout .PD a {
        flex-direction:row !important; 
      }



      .PD_text{
        font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; 
        align-items: center;
        width:50% ;
        color: #f200ca;
        font-weight:750 !important;
        font-size: 42px;
        margin-top:30px ;
        margin-left:20px ;
        line-height:50px;
        height:70px;
        text-align: left;
           @media screen and (max-width:767px){
            align-items: center;
            width: 56%;
            color: #f200ca;
            font-weight:750 !important;
            font-size: 4.0vw;
            line-height: normal;
            height:8.8vw;
            padding: 1vw 0;
            margin-top: 0;
            margin-left: 0;
            text-align: left;
          }
          
        
         /* &::after { 
          content: "GO"; 
          color: #333; 
          font-weight: 800;
          height: fit-content;
          }*/
        }
        .PD_text:hover{lighting-color: #000;}
        span{
          &:nth-child(1){
            color: #333;
            font-weight:bolder;
            font-size: 42px;
            width:100% ;
              @media screen and (max-width:767px){
                font-weight:bolder;
                font-size: 3.7vw;
                width:100% ;
                line-height:5.2vw ;
                height:7.8vw !important ;
              }
            } 
           &:nth-child(2){
              color: #333;
              font-weight:bolder;
              font-size: 3.0vw;
              width:100% ;
                @media screen and (max-width:767px){
                  font-size: 4.5vw;
                }
              } 
          
        }

        .PD_img{
          width:35%;
          margin-top: 2px;
          
          
          
          
          
          
          @media screen and (max-width:767px){
              width: 38%;
              margin-top: 0vw;
          }
        }

        /* .PD_layout[data-pd-col-phone="1"] li:nth-child(1) {top:0vw;padding: 4vw 0 0 4vw;}
        .PD_layout[data-pd-col-phone="1"] li:nth-child(2) {top:0vw;padding: 4vw 0 0 4vw;}
        .PD_layout[data-pd-col-phone="1"] li:nth-child(3) {top:0vw;padding: 4vw 0 0 4vw;} */


      }
    }





/*回饋2行*/
.Area_card_bg { border-radius: 20px;display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; background:#ffffff; margin: 0 auto 2vw; /* border: 1px solid #fff;*/}
.Area_card_bg hr { border:.5px solid #737373; margin: 0 15px;}
.Area_card_bg .Area_card { margin: 0 auto; font-weight: 600;}
.Area_card_bg .Area_card .PD_time { font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; display: flex; align-items: center;}
.Area_card_bg .Area_card .PD_time::after { content: "GO"; background-color: #000000; color: #fff; height: fit-content;}
.Area_card_bg .Area_card .PD_time span:nth-child(1) { color: #000000; font-size: 4.5vw; border-right: 1px solid #000000; padding-right: 1.5vw;}
.Area_card_bg .Area_card .PD_time span:nth-child(3) { color: #f200ca;}

@media screen and (min-width:768px){
  .Area_card_bg { padding: 25px 60px; gap: 28px; margin: 0 auto 20px;}
  .Area_card_bg .Area_card { font-size: 45px;height: 46px;overflow: hidden;}
  .Area_card_bg .Area_card .PD_time { color: #000000; line-height: 1; text-align: left;}
  .Area_card_bg .Area_card .PD_time::after { content: "GO"; font-size: 20px; border-radius: 20px; padding: 5px 15px; margin-left: 16px;}
  .Area_card_bg .Area_card .PD_time span:nth-child(1) { font-size: 45px;}
  .Area_card_bg .Area_card .PD_time span:nth-child(3) { color: #f200ca; margin: 0;}
  .Area_card_bg .Area_card .PD_time span.title{ margin-right: 32px;}
  .Area_card2{position: relative;left: 18px;}
  /*輪播點點*/
  .Area_card2 .Area_swiper .Area_swiper_box {padding-bottom:30px;}
  .Area_card2 .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
  .Area_card2 .swiper-pagination-bullet-active {opacity: 1;background:#000;}
}
@media screen and (max-width:767px){
  .Area_card_bg { width: 96%; padding: 1vw 2vw; gap: 1vw;}
  .Area_card_bg .Area_card { font-size: 5vw !important; padding: 3vw 2vw !important;}
  .Area_card_bg .Area_card .PD_time { color: #000000; line-height: 1;width: 93vw;}
  .Area_card_bg .Area_card .PD_time span.title { margin-right: 2vw;}
  .Area_card_bg .Area_card .PD_time::after { font-size: 3vw; border-radius: 5vw; padding: .8vw 1.5vw; margin-left: 2vw;}
/*輪播點點*/
  .Area_card2 .Area_swiper .Area_swiper_box {padding-bottom: 3vw!important;}
  .Area_card2 .swiper-pagination-bullet {width: 5px;height: 5px;background: #000;}
}

/*BN*/
.Area_AD{margin: 30px auto 20px auto;}
.Area_AD ul.PD_wrapper { padding: 0;}
@media screen and (max-width:767px){
  .Area_AD {width: 96%;margin: 5vw auto 0 auto;}
}

/*調整公版看更多*/
.PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "逛商店";}





/*---登記---*/
@media screen and (min-width: 768px) { 
  .danji{margin: 20px auto 0 auto;}
  .danji .PD_layout-btn ul{background-color: transparent;list-style: none;}
  .danji  .PD_layout-btn li .PD h3{background: #000;}
  .danji   .danji-pd-container{margin-top: -20px;}

}
@media screen and (max-width: 767px) {
  .danji .PD_layout-btn ul{background-color: transparent; list-style: none;}
  .danji  .PD_layout-btn li .PD h3{background: #000;}

}




/*01-限時秒*/
.Area01 {z-index: 2;margin: 52px auto 80px auto;}
.Area01 .box { position: relative;}
.Area01 .Area_title { display: flex; align-items: center; justify-content: flex-start; margin: 0 auto; padding: 1% 0; width:100%; background: #ffffff; border-bottom: none; border-radius: 20px 20px 0 0;}
.Area01 .Area_title h3 { width:30%; margin: 0; font-weight: 800; text-align: left; font-size:41px; color: #000000;    padding: 0 0% 0 5%;}
.Area01 .PD_layout ul .js-PD_unit {display: none !important;}
.Area01 .PD_slide .PD p { height: 29px; line-height: 29px;}
.Area01 .PD_slide .PD img { width: 82%;} 
.Area01 .PD_layout[data-pd-btn] .PD_btn b { height: 40px; line-height: 40px;}
.Area01 .PD_layout .PD_into { padding: 3vw 0.5vw; padding-bottom: 2vw !important;} 

/*倒數*/
.TimerNick { position: relative; width: unset; top: unset; left:136px; text-shadow: unset;}
.TimerNick .TIMER { margin: 0; padding: 0; color: #2e457c; font-size: 32px; line-height: 27px; font-weight: 800; overflow: visible; display: flex; justify-content: flex-end; gap: 8px; align-items: center;}
.TimerNick span { float: left;}
.TimerNick small { position: relative; font-size: 32px; font-weight: 800;}
.TimerNick .time_day { letter-spacing: 0; font-weight: 800; margin-right: 1px;}
.TimerNick .FontStyle { position: relative; font-size: 33px; text-align: center; color: #ffffff; font-family: "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";}
.TimerNick .FontStyle b { display: inline-block; margin: 0; width: 17px; text-align: center; font-weight: 300;}
@media screen and (min-width:768px){
  .Area01_kiwi { height: 119px; margin-top: -30px; padding: 0 10px 0 25px; width: 100px;}
  .Area01_kiwi img { width: 100%;}
  .Area01 .box { margin: 0 auto;}
  .Area01 .PD_layout ul { border-radius: 0 0 20px 20px;}
  .TimerNick .FontStyle { background: #f65fce; padding: 2%; border-radius: 40px; line-height: 40px; width: 40px; height: 40px;}
  .TimerNick .time_day { width: 118px; margin-right: -10px;}
  /*直線*/
.Area_title .flash-sale-line {display: flex;align-items: center;gap: 10px;}
.Area_title hr {flex-grow: 1;border: none;border-top:2px solid #6b6868;position: relative;left: -78px;}

}
@media screen and (max-width:767px){
  .Area01 { z-index: 2; width: 96%; border-radius: 2vw;margin: 1vw auto 0 auto;}
  .Area01 .Area_title { border-radius: 10px 10px 0 0;}
  .Area01 .Area_title h3 { width:20vw; font-size:5vw; padding-left: 4vw;}
  .Area01 .PD_layout[data-pd-btn] .PD_btn i { top: .9em;}
  .Area01 .PD_layout ul { border-radius: 0 0 10px 10px;}
  /*倒數*/
  .TimerNick { width: 57vw; left: 21vw;}
  .TimerNick .TIMER { font-size: 4vw; line-height: 4vw; gap: .8vw;}
  .TimerNick small { font-size: 4vw;}
  .TimerNick .FontStyle {font-size: 4.5vw;background: #6b00e4;padding: 2%;border-radius: 21px;line-height: 4.5vw;width: 21px;height: 17px;}
  .TimerNick .FontStyle b { width: 3vw;}
  .Area01_kiwi { width: 16%; height: 16vw; margin-top: -6vw;}
  /*直線*/
.Area_title .flash-sale-line {display: flex;align-items: center;gap: 10px;}
.Area_title hr {flex-grow: 1;border: none;border-top:2px solid #6b6868;position: relative;left:1vw;}

}
/*商品公版*/
.Area_PD1.Area_boxstyle.Area_boxstyle--hasBackdrop:before { height: 102%;}



/*02-免運+抵用券*/
.Area02 { padding-bottom: 40px;}
.Area02 .box2 { background-color: #f5f5f5;}
.Area02 .box3 { background-color: #f5f5f5; border-radius: 0 0 20px 20px;}
.Area02 .PD_layout-PDBN_01 ul { background-color: #0000; padding: 0; width: 100%;}
.Area02 .PD_layout-PDBN_01 li { border: none;}
.Area02  .title01 { margin-left: 30px; padding-bottom: 30px; width: 28%;  }
.Area02 .box_02 .PD_layout ul li {border-top: none;}
.Area02 .box_02 .PD_layout ul li:last-child {border: none;}
.Area02 .box_02 .PD_layout[data-pd-col-phone="4"] ul { grid-template-columns: repeat(4, minmax(0, 4fr)); margin: 0 auto; padding: 0;}
.Area02 .swiper-pagination-bullet {width: 8px !important;height: 8px !important;}
.Area02 .Area_coupon .swiper-pagination-bullet {bottom: -1vw !important;}
.Area02 .swiper-pagination-bullet {background: #000;}
.Area02 .PD_layout-PDBN_01 .PD_logo img {border: none !important;box-shadow: none !important;}
.Area02 .PD_layout-PDBN_01 .PD_logo {position: absolute;right: 4%;bottom: 4%;/*height: 23vw !important;*/}
.Area02 .PD_layout-PDBN_01 .PD h3 {top: 0;font-size: 1.1em;color: #fff;text-align: center;font-weight: 600;width: 42%;}
.Area02 .PD_layout-PDBN_01 .PD h4 {top: 9vw;font-size: 1.5em;line-height: 1;color: #ffffff;text-align: left;font-style: italic}
@media screen and (min-width: 768px) {

.Area02 .PD_layout .PD_into p {height: 4.2em;line-height: 4em;}
.Area02 .PD_layout .PD_into p .Price {font-family: "Century Gothic" !important;font-size: 70px;}
.Area02 .PD_layout .PD p b,
.Area02 .PD_layout .PD p span,
.Area02 .PD_layout .PD p small {font-size: 30px;}
.Area02 .PD_layout .PD_into h4 { font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial;font-size: 41px;font-weight: bold;letter-spacing: 0px;top: 93px; }
.Area02 .PD_layout-PDBN_01 .PD h3 {top: -7px;font-size: 3em; color: #fff;text-align: center; font-weight: 600;}
.Area02 .PD_layout-PDBN_01 { width: 100%;}
}

@media screen and (max-width: 767px) {
.Area02 { padding-bottom:5vw; width: 96%;}
.Area02 .title01 { margin-left: 4vw; padding-bottom: 4vw; }
.Area02 .box3 { border-radius: 0 0 5vw 5vw;}
.Area02 .PD_layout .PD_into p .Price {font-family: "Century Gothic" !important; font-size: 8vw; }
.Area02 .PD_layout .PD_into h4 { font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial; font-weight: bold; /*letter-spacing: -0.3vw;*/ margin: 0;}
}




/*02-指定複製券碼*/

.Area_event { /*background-color: #f5f5f5;width: 96.4%;margin-top: -2vwborder-radius: 8vw 8vw 8vw 8vw; padding-top: .4em;margin-bottom:4vw;*/}

  /*複製領券*/
  .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=1761220863847) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h3::before{background: url(star01.png?t=1761220863847) 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: .35em 0 .1em;background-color: #f5f5f5;border-radius: 2em;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_copy .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=1761220863847); background-position: center top; background-size: 100%; background-repeat: no-repeat;}*/
    @media screen and (min-width:768px){
      .Area_event .PD_copy ul li { border-width: 4px !important; border-radius: 20px; border-color: #fff !important;}
      .Area_event .PD_copy .PD_into { padding-bottom: 2em;}
      .Area_event .PD_copy .PD h3 { font-size: 45px;}
      .Area_event .PD_copy .PD h4 { font-size: 36px;}
      .Area_event .PD_copy .PD .gobtn { margin-left: 61%; width: 28%;}
      .Area_event .PD_copy .Area_copy { bottom: 3.3em;left: 9%;line-height: 5;}
      .Area_event .PD_copy .Area_copy .copyTxt { font-size: 40px;}
      .Area_event .PD_copy .Area_copy .btn_copy { padding-right: 1.8em;}
      .Area_event .PD_copy .Area_copy .btn_copy button { font-size: 40px; position: relative; top: 8px;}
      .Area_event .PD_copy .PD h3 span { margin-left: 3.3em;}
      .Area_event .PD_copy .PD h3 span::before { left: -2.8em; width: 117px; height: 50px;}
    }


/*折價券浮層點點*/
@media screen and (min-width: 768px) {
  .Area17 .agreeArea .box li{list-style:none;}
}
@media screen and (min-width: 767px) {
  .Area17  .agreeArea .box li{list-style:none; }
}







/*16-各部專區*/
@media screen and (min-width: 768px) {
.Area17 {overflow: hidden; background-color: #f5f5f5;border-radius: 20px;}
.Area17 .Areanew{width: 100% !important;}
.Area17 .Area_swiper_box{width: 90%;margin: 0 0 0 9vw;}
.Area17 .today_only {position: absolute;z-index: 1;width: 5.5%;left: 23px;top: 16px;}
.Area17 .today_only img { width:100%!important; }

  /* 公版調整 */
  .Area17 .PD_layout ul { padding: 3% 0% 0% 0%;}
  .Area17 .Area_swiper {width: 100%;}
  .Area17 .Area_swiper_box {margin: 0 0 0 87px;}
  
  /*輪播點點*/
  .Area17 .swiper-pagination {bottom: 1vw;}
  .Area17 .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
  .Area17 .swiper-pagination-bullet-active {opacity: 1;background:#000;}  

  /*浮層*/
  .Area17 .btn{width: 27%;position: relative;left: 0;padding: 0 0 20px 37px;}
  .agree_more06 .agreeArea .box ul{width: 94%;margin:0 auto 0 auto;}
  .agree_more06 .agreeArea .box li{margin:0 auto 20px auto;}
}
  



@media screen and (max-width: 767px) {
.Area17 {overflow: hidden;  background-color: #f5f5f5;border-radius: 20px;width: 96%;   }
.Area17 .today_only{position: absolute;width:11%;top:4vw;left:1vw;}
.Area17 .today_only img { width:100%!important; }


/* 公版調整 */
.Area17 .PD_layout ul { padding: 6% 0% 5% 0%; }
.Area17 .Area_swiper {width: 100%;}
.Area17 .Area_swiper_box {margin: 0 0 0 10vw;}

/*輪播點點*/
.Area17 .swiper-pagination-bullet {width: 5px;height: 5px;background: #000;}
  /*浮層*/
  .Area17 .btn{width: 33%;position: relative;left: 0;padding: 2vw 0 3vw 4vw;}
  .agree_more06 .agreeArea .box ul{width: 94%;margin:0 auto 0 auto;}
  .agree_more06 .agreeArea .box li{margin:0 auto 3vw auto;}

}




















/*16-各部專區*/
.Area16 .NavArea .Nav_box { background-color: #fff;}
.Area16 .box_K{background-color: #6b00e3;border: 2px solid #fff;}
.Area16  li{list-style:none; }
@media screen and (min-width: 768px){
  .Area16 .box { position: relative;  margin-bottom: 50px;}
  .Area16 .box_K { border-radius: 20px;  border-left: none; border-right: none;}
  .Area16 .swiper-pagination { bottom: 1vw;}
  /*標題(線上入稿)*/
  .Area16 .txt2 { top: 82px;padding-bottom:109px;}
  .Area16 .txt2_bg { position: absolute;top:64px;}
  .Area16 .txt2 h5 { font: 700 45px / 45px  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; margin: 24px auto 17px; color: #fff; display: flex; justify-content: center; align-items: center; gap: 2vw;}
  .Area16 .txt2 h5 i { display: none;}
  .Area16 .txt2 h5::before, .Area16 .txt2 h5::after { content: ""; display: block; width: 1.1em; height: 1.1em; opacity: 1;}
  
  .Area16 .page_box { padding-bottom: 20px;}
  /*抵用券(線上入稿)*/
  .Area16 .Area_coupon { padding-bottom: 0; background: none; padding-top: 13px;}
  .Area16 .Area_coupon .Area_swiper .Area_swiper_box { padding-bottom: 0;}
  .Area16 .Area_coupon .Area_swiper { background: none;} 
  .Area16 .Area_coupon .PD_coupon ul { padding: 3vw 0 0;}
  .Area16 .Area_coupon .PD_coupon ul li .box { border-radius: 0; margin: 0; padding: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_logo .p_logo.p01 { margin: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { position: relative;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into h2 { position: absolute; padding: 0 0.5em; top: -107px; left: 12px; font-size: 31px; text-align: center; line-height: 0.3; letter-spacing: -0.03em; color: #636161; background: #e7e7e7; border-radius: 30vw 30vw 30vw 0; text-shadow: none; word-break: keep-all; white-space: nowrap; overflow: hidden; max-width: 74%; transform: none;}
  .Area16 .Area_coupon .Area_swiper { left: 1%;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { background: unset; overflow: unset; border-radius: 0 0.5em 0 0; top: 0;}
  .Area16 .NavArea .Nav_box { background-color: #fff;}
  .Area16 .content_swiper .PD_layout[data-pd-btn] .PD_btn b { padding: 0; margin-left: -0.2em;}
  .Area16 .PD_layout[data-pd-btn] .PD .PD_btn span { padding-right: .7em;}
  /*公版調整*/
  .Area16 .PD_layout ul { width: 100%;}
  .Area16 .PD_layout .PD img { width: 75%;}
  .Area16 .keyword h3 span { padding: 0; max-height: 1.9em; font-weight: 700; line-height: 40px; font-size: 32px !important;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { top: 0;}
  .Area_K10 .Area_swiper { padding-top: 33px;}
}
@media screen and (max-width: 767px){
  .Area16 { overflow: hidden;}
  .Area16 .box_K { border-radius: 10px; margin-bottom: 5vw; border-left: none; border-right: none; }
  .Area16 .swiper-pagination { bottom: 1vw;}
  /* .Area16 .txt2 h5 { font: 700 1.2em / 1.5em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; margin: 11.5vw auto 1.5vw; color: #fff; display: flex; justify-content: center; align-items: center; gap: 2vw;}
  .Area16 .txt2 h5 i { display: none;} */

    /*標題(線上入稿)*/
    .Area16 .txt2 { top: 9vw;padding-bottom:10vw;}
    .Area16 .txt2 h5 {z-index:0;font: 700 25px / 25px  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: 1vw 0 0 0;color: #fff;display: flex;justify-content: center;align-items: center;gap: 0;}
    .Area16 .txt2 h5 i { display: none;}
    .Area16 .txt2 h5::before, .Area16 .txt2 h5::after { content: ""; display: block; width: 1.1em; height: 1.1em; opacity: 1;}
  
  .Area16 .page_box { padding-bottom: 20px;}
  /*抵用券(線上入稿)*/
  .Area16 .Area_coupon { padding-bottom: 0; background: none;}
  .Area16 .Area_coupon .Area_swiper .Area_swiper_box { padding-bottom: 4.5vw;}
  .Area16 .Area_coupon .Area_swiper { background: none;}
  .Area16 .Area_coupon .PD_coupon ul { padding: 3vw 0 0;}
  .Area16 .Area_coupon .PD_coupon ul li .box { border-radius: 0; margin: 0; padding: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_logo .p_logo.p01 { margin: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { position: relative;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into h2 { top: -6vw; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; width: 38vw; height: 9vw;}
  .Area16 .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0; right: 0; width: 19%;}
  .Area16 .Area_coupon .Area_swiper { width: 98%; left: 1%;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { background: unset; overflow: unset; border-radius: 0 0.5em 0 0; top: 0; position: unset;}
  .Area16 .content_swiper .PD_layout[data-pd-btn] .PD_btn b { padding: 0; margin-left: -0.2em;}
  .Area16 .Area16_PD .Area_swiper_box { padding-bottom: 4vw;}
  /* 公版調整 */
  .Area16 .PD_layout ul { width: 96%;}
  .Area16 .PD_layout .PD img { width: 88%;}

  .Area16 .Area_coupon_ppp .PD_coupon ul {height: 32.5vw !important;padding: 6vw 0 0 0;}

}



  /* 各部專區-一健全領 */
.Area16 .box .get_all { position: absolute;z-index: 99;left: 1.7%;top: -6.8%;width: 100%;}
.Area16 .box .get_all ul { width: 100%; margin-top: 10px; padding: 0px;}
.Area16 .box .get_all .PD_img {height: auto;width: 100%;}
@media screen and (max-width: 767px){
  .Area_K1 {position: relative;}
/* .Area16 .box .get_all {position: absolute;z-index: 99;left:1%;top:0%;width: 100%;} */
.Area16 .box .get_all ul { width: 100%; margin-top: 10px; padding: 0px;}
.Area16 .box .get_all .PD_img {height: auto;width: 100%;}
}










/*03-100格商品*/
.Area03 .box { margin: 0 auto;}
.Area03 .box .PD_btn span { flex-direction: column;}
@media screen and (max-width:767px){ 
  .Area03 { width:100%; margin: 0 auto;}
  .Area03 .box { width: 100%;}
  .Area03 li.PD_slide { border: 0; background: #fff; border-radius: 2vw;}
  .Area03 li .PD_btn.PD_go { width: 90%; margin: 0 auto; bottom: 0; right: 10px; background-color:#000; height: 40px;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper {gap: 3vw 2.5vw;padding: 2.5vw 2vw 6vw;background-color: transparent;border-radius: 3vw;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper::after { content: ""; display: block; position: relative; width: 100%; background-size: 96%;}/*缺品補圖*/
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide { border: 0; background: #fff; border-radius: 2vw;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li .PD_btn.PD_go {width: 90%;margin: 0 auto;bottom: 0.6em;right: 0.5em;background-color: #f656cb;height: 8vw;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide .PD_img { padding: .5em;}
}
@media screen and (min-width:768px){
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper {background-color: #6b00e3;padding: 12px;gap: 12px 8px;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper::after { content: ""; display: block; position: relative; width: 100%; background-size: 96%;}  
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide { border: 0; background: #fff; border-radius: 8px;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li .PD_btn.PD_go{ left: 50%; transform: translateX(-50%); width: 92%;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide:nth-child(4n+3) { border-right: 0;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide:last-child { border-right: 0;}
  .Area03 .box .PD_btn span {height: 35px;}
}




/************ 折價券 UI ************/
@media screen and (min-width: 768px){
  /*全區塊共用*/
  .Area_coupon p { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon span { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon2 p { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon2 span { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}

  /***************抵用券*******************/
  .Area_coupon { position: relative; margin-bottom: 20px; /* padding-bottom: 8vw; */}
  .Area_coupon .Area_swiper { margin: 0 auto; padding: 0;}
  .Area_coupon ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98%}
  .Area_coupon li { list-style: none; margin: 0 auto;}
  .Area_coupon .ppp_coupon .coupon_box { height: 232px; margin-top: 20px;}
  .Area_coupon .ppp_coupon .coupon_box a { width: 100%; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-align: stretch; -webkit-box-pack: start; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-align: stretch; -ms-flex-pack: start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; display: flex; align-items: stretch;}
}
@media screen and (max-width: 767px){
  /*全區塊共用*/
  .Area_coupon p { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon span { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon2 p { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon2 span { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  
  /**************抵用券*****************/
  .Area_coupon { position: relative; margin: 1vw 0 6vw;}
  .box_K .Area_coupon { margin: 1vw 0 3vw;}
  .Area_coupon .Area_swiper { margin: 0 auto; padding: 0;}
  .Area_coupon ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98%}
  .Area_coupon li { list-style: none; margin: 0 auto;}
  .Area_coupon .ppp_coupon .coupon_box { width: 100%; height: 100%;}
  .Area_coupon .ppp_coupon .coupon_box a { width: 100%; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-align: stretch; -webkit-box-pack: start; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-align: stretch; -ms-flex-pack: start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; display: flex; align-items: stretch;}
}


/*注意事項區*/
.edm_notice {text-align:center;padding: 20px 10px 100px;color: #000000;font:12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0;}
@media screen and (min-width:768px){ 
  .edm_notice { padding: 40px 10px;}
}




/****折價券共用****/


/*券樣式*/
.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 (max-width: 767px){
  /*微調*/
  .Area_coupon_ppp2{padding-bottom:5vw;}
  .Area_Coupon .box .PD_coupon .PD p .Discount { letter-spacing: -0.25vw;}
  .Area_Coupon .box .PD_coupon .PD h3 { max-height: 1.9em; line-height: 1.9em;}
  /*h5單行超出隱藏*/
  .Area_Coupon .box .PD_layout .PD h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
}
/*按鈕*/
.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;}



/*PC修正*/
@media screen and (min-width: 768px){
  .ppp_coupon2 .coupon_box .PD_into h2 { position: absolute; padding: 0 0.5em; top: -75px; left: 12px; font-size: 31px; text-align: center; line-height: 0.3; letter-spacing: -0.03em; color: #636161; background: #e7e7e7; border-radius: 30vw 30vw 30vw 0; text-shadow: none; word-break: keep-all; overflow: hidden; max-width: 82%; transform: none;}
  .ppp_coupon2 .coupon_box .PD_into h3 tiny { padding-left: 0;}
  .Area_coupon2 .PD_coupon ul { padding: 0;}
  .Area_coupon2 .Area_swiper { width: 960px; left: 0; padding: 0 0 20px 0; margin: 0 auto;}
  .Area_coupon2 .Area_swiper .Area_swiper_box { padding-bottom: 5px;}
  .Area_coupon2 .PD_coupon ul { height: 280px !important; padding: 50px 0 0 0 !important;}
  .ppp_coupon2 { height:260px !important;}
  .ppp_coupon2 .coupon_box .PD_into {font-size: 1em; width: 450px;}
}