/* 各頁面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;

     }

    }
    .subtitle .Area_swiper_box .PD_layout li { background-color: transparent;}

     /*茅點(線上入搞)*/
  @media screen and (min-width:768px){
    .Area_activity .layout_tag ul {width:1220px;margin:0 auto; padding:0 0 0 0; }
    .Area_activity .layout_tag ul li {padding:5px;margin:0 auto;}
    .Area_activity .layout_tag ul li img {width:80%;}
      
    }
    @media screen and (max-width:767px){
    .Area_activity .layout_tag{width:100%;height: auto;margin:0;padding:0;z-index: 4;margin-bottom: 0vw !important;}
    .Area_activity .layout_tag ul {width:100% ;margin:0 auto;padding:0vw 0 0 0;}
    .Area_activity .layout_tag ul li {margin: 0%;}
    .Area_activity .layout_tag ul li img {width:100%;}
    .Area_activity .layout_tag .PD_layout[data-pd-col-phone="2"] ul {padding:0.5em ;}
      
    }

    /*倒數-白色*/
.TimerNick1 {position: relative;top: 0;left: 0;width: 100%;height: 70px;text-align: center;padding: 0;z-index:4;margin: 0;border-radius: 5em;}
.TimerNick1 .FontStyle {position: relative;display:inline-block;width: 41px;top: 0;font: normal 30px/42px Arial;color: #000;letter-spacing: 0px;text-align:right;background: #fff;height: 40px;padding: 0 1% 0 0;border-radius: 0.5em;}
.TimerNick1 span {padding-left: 4px;font: 23px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #000;}
.TimerNick1 small{position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #000;}
@media screen and (max-width:767px){
		.TimerNick1 {position: relative;top: 0;left: 0;margin:0;width: 100%;height: 12vw;text-align: center;padding: 0;border: #fff 0px solid;}
		.TimerNick1 .FontStyle {margin: 0;width: 9vw;font: normal 6vw/6vw Arial;color: #000;letter-spacing: 0px;text-align:right;background: #fff;height: 6vw;padding: 0 1% 0 0;border-radius: 0.2em;}
        	.TimerNick1 div:nth-of-type(2),
		.TimerNick1 div:nth-of-type(3),
		.TimerNick1 div:nth-of-type(4){ width: 7vw;}
		.TimerNick1 span {padding-left: 2vw;font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}

  /*口碑推薦*/
  .Area_PD305 .box02{background-color: #004c9f;outline: 2px solid #000}
  @media screen and (min-width: 768px){
    .Area_PD305 .box02{border-radius: 15px!important;/*border: solid 4px #ba6500;outline: 4px solid #fff;box-shadow: 0 0 10px #ff1d46, 2px 2px 12px #ff1d46;*/}
    .Area_PD305 .Area_swiper{padding-bottom:15px}
    .Area_PD305 .Area_swiper_box{padding-top: 30px; padding-bottom: 26px;}
  }
  @media screen and (max-width:767px){
    .Area_PD305 .box02{border-radius: 15px!important;/*border: solid 2px #ba6500; outline: 3px solid #fff;box-shadow: 0 0 10px #ff1d46, 2px 2px 12px #ff1d46;*/}
    .Area_PD305 .Area_swiper{padding-bottom:3vw}
    .Area_PD305 .Area_swiper_box{padding-top: 6vw;padding-bottom: 5vw;}
  }
  
  /* --------------------------------------
   * Page 頁籤_202405291900
   * -------------------------------------- */
   .NavArea_tabbar_page { margin: 0 auto 2vw; 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; }
    /*頁籤高亮顏色設定 */  
   .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
   .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 1px solid #044485 !important;background-color: #044485 !important;}
    /*推編輯按鈕 */  
   .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
     @media screen and (min-width:768px){ 
       .NavArea_tabbar_page { display: block;margin: 0 auto 20px;}
     }
 /*頁籤*/
/*Area_page*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
@media screen and (min-width:768px){ 
.Area_page {overflow: hidden;/*background-color: #555;*/padding: 0px 0 !important;border-radius: 1em!important;padding-bottom: 20px!important;} 
.Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
.Area_page .pdbox{width: 96%;}
}
@media screen and (max-width:767px){
.Area_page { overflow: hidden; /*background-color: #555;*/ padding: 0vw 0 !important; border-radius: 0.5em!important;padding-bottom: 5vw!important; } 
.Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
.Area_page .pdbox {width: 96%;}
}

/*--嚐鮮推薦組---*/
@media screen and (min-width:768px){
  .Area_new_sw2{margin: 0px auto 130px auto;}
  /*公版*/
  .Area_new_sw2 .box{width: 90%;padding: 160px 0 0 40px;padding-bottom: 0px;}
  .Area_new_sw2 .box .ly ul li{background: no-repeat center top/100% url("new_sw_bg.png?t=1752045969961");padding: 0 0 130px 0;}
  .Area_new_sw2 .box .ly ul li .PD .PD_img{width: 80%;margin: 40px 0 0 0;position: relative;left: 50%;transform: translateX(-50%);}
  .Area_new_sw2 .box .ly ul li .PD .PD_into {position: relative;top: 60px;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h3{color: #ffffff;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h4{display: none;}
  /*文字*/
  .Area_new_sw2 .box .ly ul li .PD .PD_into h3{font-size: 1.8em;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h4{display: none;}
  /*價錢*/
  .Area_new_sw2 .PD_layout ul li p{color: #ffff02;}
  .Area_new_sw2 .box .PD_layout .PD p del {padding-right: .25em;color: #dfdfdf;}
  .Area_new_sw2  .PD_layout ul li h4 b{}
  .Area_new_sw2  .PD_layout .PD p b, .PD_layout .PD p del {font-size: 20px;}
  .Area_new_sw2  .PD_layout .PD p .money {font-size: 25px;}
  .Area_new_sw2  .PD_layout .PD p .Price {font-size: 40px;font-weight: 800;}
}
@media screen and (max-width:767px){
  .Area_new_sw2{margin: 0vw auto 16vw auto;}
  /*公版*/
  .Area_new_sw2 .box{padding: 19vw 0 0 0;width: 98%;}
  .Area_new_sw2 .box .ly ul li{background: no-repeat center top/100% url("new_sw_bg.png?t=1752045969961");padding: 0 0 7.5% 0;}
  .Area_new_sw2 .box .ly ul li .PD .PD_img{width: 88%;margin: 3vw 0 0 0;position: relative;left: 50%;transform: translateX(-50%);}
  .Area_new_sw2 .box .ly ul li .PD .PD_into {position: relative;top: 4vw;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h3{color: #ffffff;}
  .Area_new_sw2 .box .ly ul li .PD .PD_into h4{display: none;}
  /*價錢*/
  .Area_new_sw2 .box .PD_layout ul li p{color: #ffff02;line-height: 1.5em;}
  .Area_new_sw2 .box .PD_layout .PD p del {padding-right: .25em;color: #dfdfdf;}
  .Area_new_sw2 .box .PD_layout ul li h4 b{}
  .Area_new_sw2 .Area_swiper_box .PD_layout .PD p .Price {font-size: 26px;}
}
/*---線上入搞區標"背景"---*/
@media screen and (min-width:768px){
  .text_bg{position: absolute;width: 960px;left: 50%;transform: translateX(-50%);}
  .text_bg .PD_layout{width: 100%;}
 }
 @media screen and (max-width:767px){
   .text_bg{position: absolute;z-index: -1;}
   .text_bg .PD_layout[ data-pd-li="BN" ] ul,.text_bg  .PD_layout[ data-pd-li="BN-AWD" ] ul,.text_bg  .PD_layout[ data-pd-li="PDBN" ]  ul{padding: 0;grid-gap:0;}
  }

  .Area_LM .PD_layout-btn li .PD h3{background-color:#ffff02;color:#000}
  @media screen and (min-width:768px){
  .Area_LM .box_4 {background-color: #004c9f;padding: 20px 0 20px 0;border-radius: 15px !important; outline: 3px solid #000;width: 98%;margin: auto;}
  }
  @media screen and (max-width:767px){
    .Area_LM .box_4 {background-color: #004c9f;padding: 4vw 0 3vw 0;border-radius: 5vw !important; outline: 2px solid #000}
  
 
    }


    /*mo+好貨(線上入搞)*/
@media screen and (min-width:768px){
  .Area_Jk .layout_addgift.PD_layout {width: 96%;}
  .Area_Jk .layout_addgift ul {width:100%;margin:0 auto;padding: 0% 0% 0%;grid-gap: 0px;}
  .Area_Jk .layout_addgift ul li {padding: 0% 0% 2%;margin:0 auto;}
  .Area_Jk .box_4{background-color: #009ffa;padding: 20px 0 10px 0;border-radius: 25px !important; outline: 3px solid #000;width: 99%;margin: auto;}

  }
  @media screen and (max-width:767px){
   
  .Area_Jk .layout_addgift ul {width:90%;margin:0 auto;padding: 0% 1.5% 0%;grid-gap: 0px !important;}
  .Area_Jk .layout_addgift ul li {padding:1%;margin:0 auto;}
  .Area_Jk .box_4{background-color: #009ffa;padding: 4vw 0 3vw 0;border-radius: 15px !important; outline: 2px solid #000;width: 97%;margin: auto;}
  .Area_Jk  {margin-bottom: 7vw !important;}

  }

  /*公版背景*/
.box_txt2 .PD_layout ul {padding: 0;grid-gap: 0px !important;}	
@media screen and (min-width: 768px){
.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50; }
.box_txt2 img{width: 100%!important;padding: 0;}
}

@media screen and (max-width:767px){
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt2 img{width: 100%;}
}

/*不要連結*/
.novariant.PD_layout .PD a { pointer-events: none; }
.novariant.PD_layout .PD_slide:hover {  transform: none; filter: none;}


        /*下方公版*/
        @media screen and (min-width:768px){
          .Area_tagPD .logo2 {width: 75%!important;padding: 4% 0% 0 0%!important;}
          .Area_tagPD .logo2 ul { grid-gap: 40px!important;}
          
          }
          @media screen and (max-width: 767px) {
            .Area_tagPD .PD_layout ul {width:95%;padding:0!important;margin:0vw auto 0!important}	
            .Area_tagPD .logo2 { width: 95%!important;padding: 4% 0 0 0!important;}
            .Area_tagPD .logo2 ul { grid-gap: 10px!important;}
        
          }
      
          /* --------------------------------------
   * Page 頁面
   * -------------------------------------- */
  /*Phone置頂滑動選單*/
  .tagstyle {
    margin: 0 auto 5vw ;
    width: 95%;
  }

  .tagstyle.cate-fixed {
    width: 100%;
  }

  .tagstyle .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);
  }

  .tagstyle .Nav li {
    overflow: visible;
  }

  /*.NavArea_tabbar .Nav a { display:inline-block;}*/
  .tagstyle.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);
  } 


  /*大牌夯品特輯*/
.Area_brand {}
.Area_brand .bluerepeat { padding-bottom: 30px;}
.Area_brand .box { position: relative; display: flex; flex-wrap: wrap; z-index: 1;}
.Area_brand .blockbrand .PD_layout.PD_box{width: 98%;margin: 0 auto;}
.Area_brand .blockbrand {position: relative;width: 45.9%;margin: 0 24px 30px;}
.Area_brand .blockbrand .BN {padding: 16px 10px 6px 1px;box-sizing: border-box;}
.Area_brand .blockbrand .BN ul {padding: 3px 0px;}
.Area_brand .blockbrand .BN ul li .PD_into {display: flex;flex-direction: row;padding: 0px;}
.blockbrand {position: relative;background: no-repeat top center / 100% url("blockbrand.png?t=1752045969961");background-size: 100%;padding: 0 10px 33px;box-sizing: border-box;}
@media screen and (min-width: 768px){
  .Area_brand .blockbrand .BN ul li .PD_into .PD_logo {width: 40%;position: relative;left:10px }
  .Area_brand .blockbrand .BN ul li .PD_into h3 {width: 62%;font-size: 30px;color: #0e0e0e;line-height: 1.8em;max-height: 1.5em;text-align: center;padding-left: 64px;margin-top: -6px;}

}
@media screen and (max-width:767px){
  .Area_brand {}
  .Area_brand .blockbrand .PD_layout.PD_box{width: 98%;margin: 0 auto;}
  .Area_brand .bluerepeat { padding-bottom: 2vw;}
  .Area_brand .blockbrand {width: 96%;margin: 0 auto 2vw;}
  .Area_brand .blockbrand .BN {padding: 1em 0em 0.8em 0em;}
  .Area_brand .blockbrand .BN ul {padding: 0 2em 0 2em;}
  .Area_brand .blockbrand .BN ul li .PD_into { padding: 0;}
  .Area_brand .blockbrand .BN ul li .PD_into .PD_logo {width: 41%;position: absolute;left:-3.5vw ;}
  .Area_brand .blockbrand .BN ul li .PD_into h3 {width: 63%;font-size: 23px;line-height: 1.8em;max-height: 1.5em;position: relative;left:36vw;color: #0e0e0e;top:-2vw }
  .blockbrand {/* border-radius: 15px; */padding: 0 0.5em 2.5em;background: no-repeat top center / 100% url("blockbrand_m.png?t=1752045969961");background-size: 100%;}
}
/*區塊-LOGO連結-Area_logo*/
.Area_logo01{padding: 0;margin-bottom: 10px!important;width: 1220px;}
.Area_logo01 .logo.PD_layout {top: 0px;width: 87%;}
.Area_logo01 .logo.PD_layout .PD_slide {border-radius:0.5em;}
.Area_logo01 .logo.PD_layout li{margin: 0px 0px 0px 0px;}
.Area_logo01 .logo.PD_layout .PD_img{width: 100%;border-radius: 14px;background-color: #fff;}
@media screen and (max-width:767px){
	  .Area_logo01{padding: 0 0 0;margin-bottom: 0vw!important;width: 100%;}
    .Area_logo01 .logo.PD_layout {top: 0vw;margin: 0vw 0vw 0vw 4vw;width: 92%;}	
    .Area_logo01 .logo.PD_layout li{margin: 0 0 2% 0;}
    .Area_logo01 .logo.PD_layout .PD_img{width: 95%;border-radius: 10px;background-color: #fff;}	
}