/* 各頁面CSS */

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

 /** 倒數 **/
 .TimerNick {position:absolute;top: 419px;left: 50%;transform:translateX(-50%);}
 .TimerNick { text-shadow: none;}
 .TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color: #000;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: 0px;font-size:32px;}
 .TimerNick .time_day { font-size:30px; letter-spacing:0.05rem; }
 .TimerNick .FontStyle {position:relative;padding: 0px 7px 0px 0px;font-size: 33px;text-align:center;color: #000;}
 .TimerNick .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;}
     @media screen and (max-width:767px){
       .TimerNick {position: absolute;top: 38vw;left: 0;transform: none;width: 100%;text-align: center;}
       .TimerNick .TIMER {font-size: 8.7vw;line-height: 7vw;color: #000;}
       .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
       .TimerNick small {margin: 0 0 0 1vw;top: inherit;font-size: 3.5vw;float: none;}
       .TimerNick .time_day {position:relative;font-size: 3.9vw;letter-spacing:0;float: none;margin-right:-2px;}
       .TimerNick .FontStyle {padding: 0;font-size: 4.2vw;float: none;margin: -0.5vw}
       .TimerNick .FontStyle b {margin:0;width: 3vw;font-family:Helvetica;color: #000;}
     }



     .acty .box_1 { height: 239px; }
     @media screen and (max-width:767px){
      .acty .box_1 { height: 24.9vw; }
    }





 /** 調整品牌公版LOGO **/
 .Area_PD_Card .PD_layout-D1_01.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {
  border: 1px solid #484848;
}

 .PD_layout-D1_01 .PD_slide {
  background-color:#f7f8fa;
}
.PD_layout-D1_01 .PD h4 {
  color: #333;
  font-weight: 900;
}

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

 /** 調整品牌公版LOGO **/
 @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;

     }

    }


    /* 併版 */

/* 公版調整 */
    .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 0.5em;max-width: 85%;border-radius: 4px; color: #000;background-color: rgba(218, 218, 218, .9);}
    
    @media screen and (min-width:768px){
    .acty .swiper-pagination {left: 49%;}
  }
    @media screen and (max-width:767px){
    .acty .swiper-pagination {scale: .6;bottom: 1.5vw; left: 45%;}
  }

 /*移除公版設定*/
 .Area .remove_box_style ul {background-color: transparent;grid-gap: 10px;}
 .Area .remove_box_style ul li { border: none!important;background-color: transparent;}
 @media screen and (max-width:767px){
 .Area .remove_box_style ul {width: 100%;}
 .Area .remove_box_style ul {padding: 0;grid-gap: 4px;}
 }
 
 /*輪播公版移除公版樣式設定*/
 /*PD_layout 區塊加上swiper_remove_box_style標籤
 css貼上以下語法*/
 
 /*輪播移除公版設定*/
 .Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
 .Area .swiper_remove_box_style ul li { border: none!important; background-color: ransparent;}
 .Area .swiper_remove_box_style ul li,
 .Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
 @media screen and (max-width:767px){
 .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
 .Area .swiper_remove_box_style ul {}
 }
 

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









  /* 預告輪播公版 */
  .Area_Department2 {position: relative;}
  @media screen and (min-width:768px){
  .Area_Department2.Department_BG2 {-webkit-box-sizing: border-box;box-sizing: border-box;}

  .Area_Department2 {/* margin: 15px 0; */padding: 10px 0;}

/* 今日 */
  .Area_Department2.Department_BG {-webkit-box-sizing: border-box;box-sizing: border-box;/* padding-bottom: 30px; */}
  .Area_Department2.Department_BG .Area_swiper {background: url(act_title_bg.png?t=1751869869594) no-repeat;padding: 35px 0 0px 96px;}
  .Area_Department2.Department_BG .Area_swiper .Area_swiper_box {padding-right: 20px; width: 95%;}
  .Area_Department2 .PD_layout{position: relative;height: 350px;}
/* 必搶 */
   .Area_Department2.Department_BG2 .Area_swiper {background: url(act_title_bg2.png?t=1751869869594) no-repeat;padding: 35px 0 0px 96px;}
  .Area_Department2.Department_BG2 .Area_swiper .Area_swiper_box {padding-right: 20px;width: 95%;}
  .Area_Department2 .PD_layout{position: relative;height: 350px;}
}
  @media screen and (max-width: 767px) {
  .Area_Department2 {-webkit-box-sizing:border-box;box-sizing: border-box;/* padding-bottom: 4vw !important; */margin: 4vw 0;}
  .Area_Department2 .swiper-pagination {scale: .6}
  .Area_Department2 .PD_layout{position: relative;padding: 6vw 0 0 0;}
  .Area_Department2 .PD_layout ul {padding-bottom: 8vw;}
/* 今日 */
  .Area_Department2.Department_BG .Area_swiper {background: url(m_act_title_bg.png?t=1751869869594) no-repeat;padding: 0vw 0 0vw 13.7vw;background-size: cover;}
/* 必搶 */
  .Area_Department2.Department_BG2 .Area_swiper {background: url(m_act_title_bg2.png?t=1751869869594) no-repeat;padding: 0vw 0 0vw 13.7vw;background-size: cover;}
  
  }
  


/* 折價劵 */
@media screen and (min-width:768px){
  .Area_coupon{position: relative;height: auto;}
  .Area_coupon .PD_layout ul{height: 190px;}
  .coupon_new .PD_layout {height: auto;}
  .coupon_new  {padding-bottom: 0px; }
  .coupon_new .swiper-pagination { top: 200px;}
  }
  
  /* 文字顏色 */
  .coupon_new .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #ffffff;}
  .coupon_new .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #ffffff;}
   @media screen and (max-width:767px){
  .Area_coupon{/* width: 96%; */margin: 0 auto;overflow: hidden;padding-bottom: 3vw;}
  .Area_coupon .PD_layout ul{height: 21vw;}
  .coupon_new  {padding-bottom: 0vw; }
  .coupon_new .PD_layout {height:22vw; }
  }
  



/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color:#ffff02;}   
.Area_danji_all .warningTxt h3{color: #000000;}


/*05_1帶3公版*/
@media screen and (min-width:768px){
  .Area_item{/* margin: 30px auto 30px auto; */}
  .Area_item .box_all{position: relative;}
  .Area_item .box_all .box{width: 900px;position: relative;padding: 0px 0 0px 0;background: no-repeat top center/86% url("brand_bg1.png?t=1751869869594");border-radius: 40px;height: 487px;margin: 0 auto}

  
  /*logo*/ 
  .Area_item .logo{position: relative;width: 100%;padding-bottom: 3px;}
  .Area_item .logo ul{grid-gap: 0;}
  .Area_item .logo ul .PD_into{padding: 0;}
  .Area_item .logo .PD_layout .PD_into h4{width: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;font-size: 41px;}
  .Area_item  .logo .PD_layout{padding-top: 26px;}
  .Area_item  .logo .PD_layout .PD b{color: #ffffff;position: relative;width: 28%;}
  .Area_item  .logo .PD_layout .PD span{color: #000000;position: relative;font-weight: 700;width: 48%;}

  
  /*公版*/
  .Area_item  .ly .PD_layout{width: 80%;margin: 0 auto;}
  }
  
  @media screen and (max-width:767px){
  .Area_item {margin: 2vw auto 0 auto;}
  .Area_item .box_all{position: relative;}
  .Area_item .box_all .box{position: relative;margin: 0vw auto 5vw auto;padding: 11px 0 2.5vw 0;background: no-repeat top center/100% url("m_brand_bg1.png?t=1751869869594");width: 100%;}

  
  /*logo*/ 
  .Area_item .logo {position: relative;padding-bottom: 3vw;}
  .Area_item .logo ul{grid-gap: 0;}
  .Area_item .logo ul .PD_into{padding: 0;}
  .Area_item .logo .PD_layout .PD_into h4{width: 100%;position: relative;top: 0vw;margin: 0 auto;font-size: 1.5em;display: flex;overflow: hidden;justify-content: center;}
  .Area_item .logo .PD_layout .PD b{color: #ffffff;position: relative;top: 0vw;font-size: 6vw;font-weight: 800;text-align: center;width: 30%;}
  .Area_item .logo .PD_layout .PD span{color: #000000;position: relative;/* top: 0.5vw; */font-size: 6vw;font-weight: 700;width: 59%;}

  
  /* 公版 */
  .Area_item .ly .PD_layout{width: 95%;margin: 0 auto;}


  }




/*頁籤*/
.Area_page .NavArea .Nav a{ color: #000000;}
@media screen and (min-width:768px){ 
.Area_K103 {height: auto;padding: 15px 0 20px 0;background-color: #004c9f;border-radius: 1.5em;margin-bottom: 35px;}				
.Area_page {overflow: hidden;padding: 20px 0 0 0;border-radius: 1em} 
.Area_page .PD_layout {width: 95%;}
}
@media screen and (max-width:767px){
.Area_K103 {padding: 3vw 0 3vw 0;background-color: #004c9f;border-radius: 0.8em;}		
.Area_page {width: 98%;overflow: hidden;padding: 0vw  0 0vw 0;border-radius: 1em;margin: 0 auto 0vw auto;} 
}



/* 品牌 */  
  .Area_PD_Card .PD_layout-D1_01 .PD h4 b {color: #004c9f;}
  @media screen and (min-width:768px){ 
  .Area_PD_Card .PD_layout-D1_01 .PD_into {padding-bottom: 0em;}
}
@media screen and (max-width:767px){
  .Area_PD_Card .PD_layout-D1_01 .PD_into {padding-bottom: 0em;}
}


/* --------------------------------------
* Page 頁籤_202405291900
 * -------------------------------------- */
.NavArea_tabbar_page {margin: 0 auto 20px;width: 95%;}  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box {border-radius: 40px;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; }
 /*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a {color: #000000;}
.NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;background-color: #ffff02 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
@media screen and (min-width:768px){ 
.NavArea_tabbar_page { display: block; }
}


     /*BN*/
 .Area_banner .Area_swiper_box .PD_layout ul li {background-color: #00000000;}  
 @media screen and (min-width:768px){
 .Area_banner {width:1220px;height: 180px;position:relative;margin: 0px auto 0px auto;box-sizing:border-box;/* padding: 25px 0 0 0; */}
 .Area_banner .Area_swiper_box ul{display: flex;padding: 0;grid-gap: 0;height: 208px;}
 .Area_banner .PD_layout ul li.swiper-slide-active img {width: 100%;}  
 .Area_banner .PD_layout {overflow: hidden;width:100%; }
 .Area_banner .Area_swiper_box .PD_slide {min-width: inherit;}
 .Area_banner .Area_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0!important;}
 }
 @media screen and (max-width:767px){
 .Area_banner{width: 96%;box-sizing:border-box;margin: 0 auto;overflow: hidden;}
 .Area_banner .PD_layout {overflow: hidden;width: 100%;margin: 0vw auto 2vw auto;}
 .Area_banner .Area_swiper_box ul {display: flex;grid-gap: 0;padding:0;height: 42vw;} 
 }

     


 /*09_下方錨點公版*/
 @media screen and (min-width:768px){ 
  /**公版區_關鍵字**/
  .Area_10PD  .PD_layout-D1_03 {width:100%;position:relative;flex-wrap:wrap;padding-bottom: 5px;}
  .Area_10PD  .PD_layout-D1_03 ul {padding: 0px 0px;}
  .Area_10PD  .PD_layout-D1_03 ul::before {display: none!important;}	
  .Area_10PD  .PD_layout-D1_03 ul li {margin:10px 0;padding-right:0;background-color: #004c9f;}
  .Area_10PD  .PD_layout-D1_03 .PD h3 {color: #ffffff;font-size:24px;}	
  }
  .Area_10PD .PD_layout-D1_03 ul::after { display: none;}
  .Area_10PD .PD_layout-D1_03 .PD_into {padding: 0 0em;}
  @media screen and (max-width:767px){
  .Area_10PD .PD_layout ul {width: 99%;}       
  /**公版區_關鍵字**/
  .Area_10PD .PD_layout-D1_03 {/* width: 98%; */position:relative;flex-wrap:wrap;padding-bottom: 2vw;/* padding-top: 2vw; */}
  .Area_10PD .PD_layout-D1_03 ul {grid-gap: 0.25em!important;}
  .Area_10PD .PD_layout-D1_03 ul::before {display: none!important;}	
  .Area_10PD .PD_layout-D1_03 ul li {margin: .5vw 0;padding-right:0;background-color: #004c9f;}
  .Area_10PD .PD_layout-D1_03 .PD h3 {color: #ffffff;font-size: 0.9em;}	
  .Area_10PD .PD_layout-D1_03 ul li.PD_into {padding: 0 0.3em; }
  }