/* 各頁面CSS */

body { background:#0f84ff; }

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

 
 /** 倒數 **/
 .TimerNick {position:absolute;text-align: center;width:100%;top: 307px;left:50%; transform: translateX(-50%); color: #000;border-radius: 50px;}
 .TimerNick { text-shadow: none;}
 .TimerNick .box { margin: 0 auto; display: inline-block; }
 .TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color:#71553e;font-size:28px;line-height:40px;font-weight:800;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
 .TimerNick .icon { position:relative; top:6px; margin-right:4px;}
 .TimerNick small { position:relative; top:14px; font-size:18px;color: #000;}
 .TimerNick .time_day {     position: relative; top: 10px;font-size:22px; letter-spacing:0.05rem; color: #000;}
 .TimerNick .FontStyle {position:relative;padding: 0 5px 0 0px;font-size:32px;text-align:center;color: #71553e;}
 .TimerNick .FontStyle b { display:inline-block; font-weight:500; color: #000;font-family: Century Gothic;}
     @media screen and (max-width:767px){
       .TimerNick {position: absolute;top:30vw; left: 0;transform: none;width:68%;;color: #000; text-align: center;margin:0  16%;}
       .TimerNick .box { width: 100%; }
       .TimerNick .TIMER { font-size:3.6vw; line-height:5.5vw; }
       .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
       .TimerNick small { margin: 0 0.2vw; top: 0; font-size: 3vw; float: none;}
       .TimerNick .time_day { position:relative; top:0;padding: 0!important;font-size:3.5vw; letter-spacing:0; float: none;}
       .TimerNick .FontStyle { padding: 0 1% 0 0;  font-size:4.8vw; float: none;}
       .TimerNick .FontStyle b {  margin:0; width:2.5vw; font-family:Helvetica;color: #000;}
     }  
 
  

    
     .acty .box_1 { height:30px; }
     @media screen and (max-width:767px){
      .acty .box_1 { height: 3.5vw; }   
    }
 /** 調整MB版副標題**/
    @media screen and (max-width:767px){
    .subtitle .PD_layout .PD h3 {
      font-size: 6.3vw !important;
      line-height:1.9em !important ;  }

  }
  

/* 商品公版+押標 */
/* .Area_PD1 .PD_layout .PD_img::before { content: ""; z-index: 9; position: absolute; display: block; background: url(618tag.png?t=1756461641534) no-repeat; background-size: 100%; width: 280px; height: 280px; } 
@media screen and (max-width:767px){
  .Area_PD1 .PD_layout .PD_img::before {  width: 100%; height: 100%; } 
} */






.Area_buy .Area_boxstyle_title { position: relative; margin: -35px 0 50px 0; }
@media screen and (min-width:768px){
  /*頁籤*/
  .Area_buy .box {  }		
  .Area_buy .content_swiper  {width:100%;overflow:hidden;}		
  /**頁籤公版**/		
  .Area_buy .box .layout_PD {width:85%!important;margin:0 auto;}
  .Area_buy .box .layout_PD ul li:hover {box-shadow:none;}
  }

  @media screen and (max-width:767px){
    .Area_buy .Area_boxstyle_title { margin:-1vw 0 7vw 0; }
  
  /**頁籤公版**/		
  .Area_buy .box .layout_PD {width:90%;margin:0 auto;padding-bottom:3vw;}
  .Area_buy .box .layout_PD ul {width:100%!important;margin:0!important;padding:0!important;}
  .Area_buy .box .layout_PD ul li {}
  .Area_buy .box .layout_PD ul li:hover {box-shadow:none;}
  .Area_buy .Area_bottom {padding-top:6vw;}
     
  .Area_buy .box .end { z-index: 99;  position: absolute; top: 0; left: 2.1vw; width: 95.8%; height: 189vw; background-color:rgba(0,0,0,0.8); border-radius: 2.4vw;}			
  .Area_buy .box .end span { color: #FFF; font: bold 10vw/94vw "微軟正黑體", Arial; text-align: center;  }
  /* 公版調整 */
  .Area_buy .PD_layout[data-pd-img="0"]:not([data-pd-direction*=row]) .PD_img img  { border-radius: 4.5vw; }
  }






 /** 調整品牌公版LOGO **/
 .PD_layout-D1_01 .PD_slide {
  background-color:#515151;
}
.PD_layout-D1_01 .PD h4 {
  color: #f8dfc9;
  font-weight: 900;
}

.PD_layout-D1_01 .PD h4:hover {
  color: #ffd686;

}
@media screen and (max-width:767px){
     .Area_Brand .PD_layout-D1_01[data-pd-col-phone="3"] .PD .PD_logo {
      height:1.9em;
      margin-top: -0.9em;
      
     }

     .Area_Brand .PD_layout-D1_01[data-pd-col-phone="3"] .PD .PD_logo img {
      border-radius: .9em;

     }

     .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img {
      padding: 0em 0em;

     }

}


/*置底文*/
@media screen and (max-width:767px){
.edm_notice{ padding: 10px 10px 100px 10px; }
}


/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
  margin: 0 auto 5vw ;
  width: 94%;
}
.Area_floorPD_NavArea_tabbar.cate-fixed {
  width: 100%;
}
.Area_floorPD_NavArea_tabbar .Nav_box {
  border-radius: 8px;
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}
.Area_floorPD_NavArea_tabbar .Nav li {
  overflow: visible;
}
.Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}


.Areabottom{margin-bottom:2vw;}
.Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_title{color: #fff;}


/*銀行輪播*/
.bankall {height: 320px;}
.bank_text {position: absolute;top: 20px;left: 220px;width: 65%;}
.Area_bank { position: relative; overflow: hidden; margin: 0 auto 0px;background-color: #fff;border-radius: 15px; }
.Area_bank .box .PD_layout ul {display: flex; flex-wrap: nowrap!important;padding:0 !important;background: none;}
.Area_bank .box .PD_layout ul.PD_wrapper{height: 200px;}
.Area_bank .box .PD_layout ul.PD_wrapper li{ width: 304px; margin: 0; border: none!important;}
.Area_bank .box .PD_layout .PD_img img{ border: none!important;}
.Area_bank .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {font-size: 1em;}
.Area_bank .swiper-pagination-bullet{background-color: #ff731e;}
@media screen and (max-width:767px){
  .bankall {height: 39vw;}
	.bank_text {position: absolute;width: 100%; top: 1vw;left: 0;}
	.Area_bank {margin: 0;background-color: #fff;border-radius: 10px;}
	.Area_bank .box .PD_layout ul {flex-wrap: nowrap;background: none;}
	.Area_bank .box .PD_layout ul.PD_wrapper{height: 24vw;margin-bottom: -1vw;margin-top: 2vw;}
	.Area_bank .box .PD_layout ul.PD_wrapper li{ padding: 0;}
	.Area_bank .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {scale: 0.6;}
}


/*活動4顆*/
.guanall {height: 440px;}
.Area_guan .layout_guan {width:80%;padding: 0;}
.Area_guan .layout_guan ul {grid-gap:0 0em;}
@media screen and (max-width:767px){
.guanall { margin-bottom: 0vw !important;height: auto;}
.Area_guan { margin-bottom: 0; }
.Area_guan .layout_guan {width: 100%;padding: 0;}
.Area_guan .layout_guan ul {grid-gap:0.1em;}
.Area_guan .layout_guan ul li{padding: 0;}
}


/**a連結不能觸及**/
.Area_24hr .bank_text a{ pointer-events: none;}
/**限搶倒數**/
.Area_24hr {position: relative;}
.Area_24hr .TimerNick3 {position: absolute;top: 164px;left: 50%;transform: translateX(-50%);z-index: 15;display:inline-block;padding-right:14px;height:0px;text-align:right;}
.Area_24hr .TimerNick3 .FontStyle3 {display:inline-block;margin:0px 0 0 0;padding: 9px;border:0px;width: 39px;font: bold 35px/38px Century Gothic;color:#fff;letter-spacing:-1px;text-align:center;background: #ff731e;border-radius: 9em;}
.Area_24hr .TimerNick3 div:nth-of-type(2)
.Area_24hr .TimerNick3 div:nth-of-type(3) { width:60px;}
.Area_24hr .TimerNick3 span { padding-left:2px; font: bold 25px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
.Area_24hr .Area_boxstyle .Area_boxstyle_box1 {padding-block-start:150px;}
@media screen and (max-width:767px){
.Area_24hr .TimerNick3 {z-index:2;position: absolute;top: 17.5vw;left: 45%;display:inline-block;margin:0;padding-right:5%;width:85%;height:0;padding-bottom:10%;overflow:hidden;text-align:right;}
.Area_24hr .TimerNick3 .FontStyle3 { display:inline-block; margin:0vw 0 0 1vw ; padding:0; border:0px; width:9vw; height: 9vw; font: bold 5.5vw/9vw Century Gothic; color:#fff; letter-spacing:-1px; text-align:center; background:#ff731e; border-radius: 7em;}
.Area_24hr .TimerNick3 div:nth-of-type(2),
.Area_24hr .TimerNick3 div:nth-of-type(3) { width:9vw;}
.Area_24hr .TimerNick3 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.1em;color: #000;}
.Area_24hr .Area_boxstyle .Area_boxstyle_box1 {padding-block-start:9vw;}
}

/**限搶倒數-公版調位置**/
@media screen and (min-width:768px){
  /* .Area01   {background-color: #826eff;}	 */
  .Area01 ul {width: 90%;}	
  .Area01 .PD_layout  ul  {padding:75px 0 20px 0 !important;}		
  }
  @media screen and (max-width:767px){
  .Area01 .PD_layout  ul  {padding:13vw 0 3vw 0 !important;position: relative;top:24px;}
  .Area01 .PD_layout   {padding:0vw 0 10vw 0 !important}
  }

  .Area06 .swiper-pagination-bullet-active{background:#fff !important;}
  /*品類券*/
  @media screen and (min-width:768px){
    .Area06 {}
    .Area06 .Area06_btn {position: absolute;top: 37px;left: 855px;}
    .Area06 .Area06_BN {width: 79%;}
    }
    @media screen and (max-width:767px){
    .Area06 {}
    .Area06 .Area06_btn {position: absolute;top: 0vw;left: 75vw;width: 50%;}
    .Area06 .swiper-pagination-bullet-active {background: #fff;}
    .Area06 .swiper-pagination-bullet {background: #fff;}
    .Area06  .Area_swiper_box{padding-bottom:7vw;}
    }
  
    /*區標*/
  @media screen and (min-width:768px){
    .box_txt {position: absolute;margin: 0 auto;width: 95%;height: auto;left: 34px;top:4px;}
    .box_txt img {width: 85%;}
    .txt2 ul {position: relative;padding: 0;margin: 0;list-style: none;height: 176px;top:0;}
    .txt2 ul li { background-color: transparent; pointer-events: none;padding: 0;}
    .txt2 .PD_into {padding: 0;}
    .txt2 ul li h5 {position: relative;top:62px;margin: 0;padding: 0;width: 100%;font: 46px/46px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;color: #fff;letter-spacing:-4px;}
    }
    @media screen and (max-width:767px){
    .box_txt {position: absolute;margin: 0 auto;width: 100%;top: 0vw;right: 1vw;}
    .box_txt img {width: 100%;}
    .txt2 ul {padding: 0;margin: 0;list-style: none;height: 19vw;}
    .txt2 ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
    .txt2 .PD_into {padding: 0;}
    .txt2 ul li h5 {position: relative;top:5.0vw;margin: 0;padding: 0;width: 100%;font: 5vw/7vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: -0.5vw;overflow: hidden;color: #fff;}
    }









/*作圖區6品*/
@media screen and (min-width:768px){
  .Area_item {height: auto;padding-bottom:0;}
  .Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
  /*版頭公版上下標.關閉*/
  .Area_item .PD_layout.layout_item .imgTag{display: none !important;}
  .Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
  .Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
  /*作圖區*/
  .Area_item .PD_layout.layout_item .PD p b {color: #19689e;background-color: #ffd700;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
  .Area_item .PD_layout.layout_item .PD_slide .PD p del {position: absolute;top: 54px;left:26px;color:#ffffff;    font-size: 25px;}
  .Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#ffe744;font-size: 2.7em;}
  .Area_item .PD_layout.layout_item .PD p {position: relative;top:65px;left:95px;height: 6em;padding: 13% 0 0;line-height: 1.6em;font-size:1.4em;color:#ffe744!important;font-weight:700;}
  .Area_item .PD_layout.layout_item li {background: url("item_bg.png?t=1756461641534") center top / 100% no-repeat scroll;}	
  .Area_item .PD_layout.layout_item {padding:0;width: 91%;}
  .Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
  .Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
  .Area_item .PD_layout.layout_item .PD_slide {height:515px;padding:0;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into {width: 70%;padding-left:0;position: absolute;left:4px;top: 183px;text-align: center;font-size: 1em;color: #fff;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:65%;margin:36% 0% 0% 17%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top:-135px;left:53px;max-height: 1.4em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 2.6em;line-height: 1.6em;color:#ffffff;text-align: center;    background: transparent!important;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.4em;color: #ffffff;text-align: center;position: relative;top:111px;left:51px;font-weight:900;}
  .Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#ffffff;}
  }
  
  @media screen and (max-width:767px){
  .Area_item {height:100%;}
  .Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	 
  /*版頭公版上下標.關閉*/
  .Area_item .PD_layout.layout_item .imgTag{display: none !important;}
  .Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
  .Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
  /*作圖區*/
  .Area_item .PD_layout.layout_item {padding: 0 0 0 0;}
  .Area_item .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
  .Area_item .PD_layout.layout_item li {width:100%;height:68vw;left:0vw;background: url("item_bg.png?t=1756461641534") center top / 102% no-repeat scroll;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top:45vw;width: 100%;text-align:center;font-size: 0.7em;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:0.7vw;top:-37.5vw;height: 14vw;border-radius:50%;display: block;    z-index: 90;}
  .Area_item .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
  .Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important;/*border: 7vw solid #ffffff;*/}
  .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:71%;margin:36% 0% 0% 15%;box-shadow: unset;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 2.0em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #ffffff;top:-39vw;left:1vw;position: relative;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.9em;color:#ffffff;margin: 0;line-height: 1em;text-align: center;top:-3vw;position: relative;left:1vw;font-weight: 900;}
  }  


  /*登記活動 字體顏色*/
  .Area_danji_sample .danji_box ul li .activityText .gifts span { color: #ffff02;}
  /* .warningTxt h3 {color: #000 !important;}   */


/*09-新店駕到-3x5*/
.Area09 { background-color: #a1d5e2; height:auto ; padding: 22px 0 22px!important; border-radius:4.5vw 4.5vw 2vw 2vw;margin-bottom:15px ;}
.Area09 .A09_box_01 ul { background: transparent; grid-gap: .7em 1.5vw;}
.Area09 .A09_box_01 ul li {border: none;padding-top: 18vw;border-radius: 10px;overflow: hidden; max-width: 0vw;background: url("Area09_bg.png?t=1756461641534") center top/100% no-repeat scroll;}
.Area09 .A09_box_01 ul li .PD {background: #fff;}
/* 品牌名隱藏 */
.Area09 .A09_box_01 .PD .PD_into .PD_logo { position: absolute;top: 0;padding: .5vw;background: #fff;border-radius: 12px; width: 100%;box-sizing: border-box;border: 6px solid #00f083;}
.Area09 .A09_box_01 .PD .PD_into .PD_logo img { width: 100%;box-sizing: border-box;}
.Area09 .A09_box_01 .PD .PD_into .txtn { width: 90%; position: absolute; top: 1.5vw; left: 50%; transform: translateX(-50%); padding: 0; font-weight: 900; font-size: 5vw; color: #000; line-height: 9vw; background: #fff; border-radius: 2vw;}
.Area09 .A09_box_01 .PD .PD_into h3 { width: 100%; position: absolute; top: 11vw; left: 50%; transform: translateX(-50%); padding: .5vw; font-weight: 700; font-size: 4vw; color: #fff; line-height: 4.4vw;}
.Area09 .PD_layout-btn { padding: 0; background: unset;}
.Area09 .PD_layout-btn h3{ background: #000; color: #fff; padding: 2vw 5vw; border-radius: 50vw;}
.Area09 .A09_box_01 .active ul li {display: list-item;}
.Area09 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide, .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide {padding-bottom: 0em;}

@media screen and (min-width:768px) {
.Area09 { background-color: #a1d5e2; padding: 4vw 0 0vw; border-radius: 50px 50px 20px 20px;margin-bottom:3vw ;}
.Area09 .A09_box_01 ul {background: transparent; gap: 15px;}
.Area09 .A09_box_01 ul li {border: none;padding-top: 161px;border-radius: 10px;overflow: hidden; max-width: 0;}
/* 品牌名隱藏 */
.Area09 .A09_box_01 .PD .PD_into .PD_logo {position: absolute;top: 0;padding: .5vw;background: #fff;border-radius: 12px; width: 100%;box-sizing: border-box;border: 6px solid #00f083;}
.Area09 .A09_box_01 .PD .PD_into .PD_logo img{ width: 100%;box-sizing: border-box;}
.Area09 .A09_box_01 .PD .PD_into h3 {width: 100%;position: absolute;top: 103px;left: 50%;transform: translateX(-50%);padding: .5vw;font-weight: 700;font-size: 24px;line-height: 33px;}
.Area09 .A09_box_01 .PD .PD_into .txtn { top: 20px; font-size: 36px; line-height: 2;}
.Area09 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide, .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide {padding-bottom: 0em;}
}

/*h2共用樣式*/
@media screen and (min-width:768px){
.Area09 .PD_title { margin: 0vw auto 0vw;width:75%;z-index: 10;}
.Area09 .PD_title a {pointer-events: none;}

.Area09 .PD_title h2 .js-PD_txt3 { position: relative; top:20px ;margin: 0 auto; text-align: center; color: #522e1b; font-size: 50px; font-weight: 600; font-family: "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
/*背景樣式*/
.Area09 .PD_title h2 { background: url(Area_h2_01.png?t=1756461641534) center top no-repeat; background-size: contain;  line-height: 1.5;margin:0vw auto;width:800px ;height: 118px;}

.Area09.hasbg .PD_title h2 { background-image: none; height: 12.9vw; line-height: 1.6;}  
}
@media screen and (max-width:767px){
.Area09 .PD_title { margin: 0vw auto 0vw;width:100%;}
.Area09 .PD_title a {pointer-events: none;}
.Area09 .PD_title h2 .js-PD_txt3 { position: relative; top:3vw ;margin: 0 auto; text-align: center; color: #522e1b; font-size: 6vw; font-weight: 600; font-family: "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
/*背景樣式*/
.Area09 .PD_title h2 { background: url(Area_h2_01.png?t=1756461641534) center top no-repeat; background-size: 100%; height: 15vw; line-height: 1.5;margin:0vw auto;}
.Area09.hasbg .PD_title h2 { background-image: none; height: 12.9vw; line-height: 1.6;}  
}


/*16-各部專區*/
.Area09 { overflow: hidden;}
.Area09 .box { position: relative; background-color: #820f00; border-radius: 15px; overflow: hidden;}
.Area09 .swiper-pagination { /*--swiper-pagination-color: #fff;*/ bottom: 1vw;}
.Area09 .swiper-pagination-bullet { background: #fff;}
.Area09 .PD-1 { width: 96%;}
.Area09 .page_box { padding-bottom: 0px;}
/*抵用券(線上入稿)*/
.Area09 .layout_C16 { overflow: hidden;}
.Area09 .layout_C16 ul { display: flex;flex-wrap: nowrap; height: 190px;}
.Area09 .layout_C16 .PD_slide { background: url(PD_couponShop_bg.png?t=1756461641534) no-repeat; background-size: 100%; font-size: 3.7vw; font-family: Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}

/*.Area16 .layout_C16 .PD .txta span { display: inline; margin-right: -.06em;}*/
.Area09 .layout_C16 .PD .txta .money { font-size: 1.5em; position: relative; top: -0.1em;}
.Area09 .layout_C16 .PD .txta .Discount { font-size: 2.5em;}
.Area09 .layout_C16 .PD .txta .Dis_unit { font-size: 1.5em; position: relative; top: -0.2em;}

@media screen and (max-width:767px){
.Area09 .box { position: relative; background-color: #820f00; border-radius: 15px; margin: 0 2vw 6vw; padding-bottom: 2vw;}
.Area09 .page_box { padding-bottom: 0vw;}
.Area09 .PD-1 { width: 100%;}
.Area09 .PD_layout.PD-1 ul { padding-top: .6em;}
.Area09 .PD_layout.PD-1 .PD_btn.more i { display: none;}
/*抵用券(線上入稿)*/
.Area09 .layout_C16 ul { height: 30vw; padding: 0; grid-gap: 0;}

.Area09 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex;} 
.Area09 .layout_C16 .PD .txta { display: flex; justify-content: center; align-items: flex-end; color: #fff; /*font-size: 2.5em;*/ /*line-height: 1.2;*/ font-weight: 700; letter-spacing: -0.025em; text-align: center; margin: 7vw 0; padding: 0; width: 29%;}
.Area09 .layout_C16 .PD .txtb { position: absolute; top: 2.4vw; left: 32%; color: #000; font-size: 1em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #ddecfc; padding: .05em .35em .15em; border-radius: 1vw;}
.Area09 .layout_C16 .PD .txtc { position: absolute; top: 10.1vw; left: 33%; color: #000; font-size: 1.2em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
.Area09 .layout_C16 .PD .txtd { position: absolute; top: 12vw; left: 33%; color: #000; font-size: .9em; font-weight: 500; letter-spacing: -0.02em; text-align: left; display: none;}
    
}
@media screen and (min-width:768px){
/*抵用券(線上入稿)*/
.Area09 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex; font-size: 32px;}
.Area09 .layout_C16 .PD .txta { margin: 40px 0; font-size: 27px;display: flex; justify-content: center; align-items: flex-end; color: #fff; /*font-size: 2.5em;*/ /*line-height: 1.2;*/ font-weight: 700; letter-spacing: -0.025em; text-align: center; padding: 0; width: 29%;}
.Area09 .layout_C16 .PD .txtb { top: 15px;position: absolute; left: 32%; color: #000; font-size: 0.8em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #ddecfc; padding: .05em .35em .15em; border-radius: 1vw;}
.Area09 .layout_C16 .PD .txtc { top: 62px;position: absolute;  left: 33%; color: #000; font-size: 0.85em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
}



  /*mo店+專區*/
  .Area05 .PD_title { margin: 30px auto 10px;}
  .Area05 .PD_title a{ pointer-events: none; }
  .Area05 .title{margin-bottom: -60px;}
  .Area05 .boxtop {position: relative;}
  .Area05 .boxrepeat01 { background: url(boxrepeat05_m.png?t=1756461641534)top center repeat-y; margin: 0 auto; padding: 10px 150px 0; box-sizing: border-box;}
  .Area05 .btn ul { padding: 10px 30px 20px; grid-gap: 0 30px;}
  .Area05 .NavArea_tabbar_page { width: 98%; margin: 0 auto 10px;}
  .Area05 .NavArea_tabbar_page .Nav .swiper-slide-active i { border: 1px solid #ff731e   !important; background-color: #ff731e   !important;}
  .Area05 .content_swiper { overflow: hidden;margin:auto ; width:98% ;}
  @media screen and (max-width:767px){
  .Area05 .PD_title { margin: 5vw auto 1vw;}
  .Area05 .page_box .PD_layout ul {margin-top:2vw ; width: 98%;}
  .Area05 .title{margin-bottom: -6vw;}
  .Area05 .boxtop {position: relative;}
  .Area05 .boxrepeat01 { background: url(boxrepeat05_m.png?t=1756461641534)top center repeat-y; background-size: 100%; padding: 0vw 0.5em 0;margin-top:0vw ;}
  .Area05 .btn ul { padding: 3vw 0.5em 3vw; grid-gap: 0 0.5em;}
  .Area05 .NavArea_tabbar_page { margin: 0 auto 0vw;}
  }


  /* --------------------------------------
  * Page 頁籤_202405291900
  * -------------------------------------- */
  .NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
  .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
  .NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
  .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
  .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
  .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
  .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
  .NavArea_tabbar_page .Nav li { overflow: visible; }
  @media screen and (min-width:768px){ 
    .NavArea_tabbar_page { display: block; }
  }
  /*頁籤高亮顏色設定 */  
  .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
  .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #fff !important; background-color: #fff !important;}
  /*推編輯按鈕 */  
  .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
    


  /*輪播bnx5*/
  .Area_BN {padding: 10px 0 75px 0;margin-bottom: 0;}
  .Area_BN .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px;transition-delay:0s;opacity: 1;}
  .Area_BN  .swiper-pagination-bullet{border-radius:20px;}
  .Area_BN .Area_swiper_box .PD_layout li {background: none;}
  .Area_BN .box {background:#a1d5e2;padding:14px 0;border-radius: 10px;}

  @media screen and (max-width:767px){
  .Area_BN {margin: 0 0 6vw 0;padding: 4vw 0 0 0;}
  .Area_BN .Area_swiper_box .PD_layout li {background: none;}
  .Area_BN .Area_swiper_box{padding-bottom:6vw;}
  .Area_BN .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {scale: 0.6;}
  }


  /*熱搜關鍵字*/
  .hot_word {}
  .hot_word .PD_layout-D1_03 { width: 90%; padding-bottom: 100px; margin: 0 auto;}
  .hot_word .PD_layout-D1_03 ul { margin: 0; padding: 0; grid-gap: 10px; display: flex; flex-direction: row; flex-wrap: wrap;}
  .hot_word .PD_layout-D1_03 ul::before { display: none;}	
  .hot_word .PD_layout-D1_03 ul li { list-style: none; float: left; margin: 0; padding: 0; min-width: 32%; border-radius: .5em; background-color: #ff731e;}	
  .hot_word .PD_layout-D1_03 ul li:hover { box-shadow: none;}	
  .hot_word .PD_layout-D1_03 .PD h3 { font-weight: bolder; color: #fff;}	
  @media screen and (max-width:767px){
  .hot_word {}
  .hot_word .PD_layout-D1_03 { width: 100%;padding-bottom: 10vw;}
  .hot_word .PD_layout-D1_03 ul { width: 90%!important; padding: 0; margin: 0 auto; display: flex; flex-direction: column;}
  .hot_word .PD_layout-D1_03 ul li { padding: 1vw; width: 100%;}	
  .hot_word .PD_layout-D1_03 .PD h3 { font-weight: 600; font-size: .95em;}	
  }