/* 各頁面CSS */

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

/*區塊背景改色*/
@media screen and (min-width: 768px) {
    .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
        background: url(Area_boxstyle_hasbg_top.png?t=1759479414838) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1759479414838) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_center.png?t=1759479414838) bottom center / 100% repeat-y;
    }
}
@media screen and (max-width: 767px) {
    .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
        background: url(m_Area_boxstyle_hasbg_top.png?t=1759479414838) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1759479414838) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_center.png?t=1759479414838) center top 10vw / 100% calc(100% - 13vw) no-repeat;
    }
}
/** 倒數 **/
.TimerNick_2 {position: absolute;left: 410px;width: 33%;height: 64px;font-size: 1em;text-align: center;padding: 0;z-index: 4;margin: 0 auto;background-color: #ffffff;border-radius: 0px;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 46px;top: 0;font: bold 45px/62px Arial;color: #000000;letter-spacing: 0px;text-align:right;height: 40px;padding: 0 1% 0 0;}
.TimerNick_2 span {padding-left: 8px;font: 40px/40px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #000000;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
		.TimerNick_2 {position: absolute;top: 17.5vw;left: 25vw;margin: 0 auto;width: 53%;height: 8vw;text-align: center;padding: 0;background-color: #ffffff;}
		.TimerNick_2 .FontStyle {margin:0;width: 5vw;font: normal 7vw/7vw Arial;color: #000000;letter-spacing: 0px;text-align:right;height: 6vw;padding: 0 0.5% 0 0;}
    .TimerNick_2 div:nth-of-type(2),
		.TimerNick_2 div:nth-of-type(3),
		.TimerNick_2 div:nth-of-type(4){width: 6vw;}
		.TimerNick_2 span {font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}
.layoutPD{margin-top: 100px;}
@media screen and (max-width:767px){
.layoutPD{margin-top: 10vw;}
}
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fffc00;}        

/**bn輪播**/	
@media screen and (min-width:768px){

   .Area_bn .box_all {}
	/** 公版 **/		
	.Area_bn .box {width: 1220px;margin: auto;}	
	
	.Area_bn .box .PD_layout {width: 100%;/* overflow:hidden; */margin-top: 0px;/* margin-left: 18px; */}	
	.Area_bn .box .PD_layout ul {display:flex;height: 390px;}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin:30px 0;}
}
@media screen and (max-width:767px){
	/** 公版 **/	
	.Area_bn .box {padding-bottom: 0;width: 95%;margin: 0vw auto -2vw;padding-top: 0vw;}	
	.Area_bn .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_bn .box .PD_layout ul {display:flex;height: 31vw;}
	.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}	
	.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
}


/*館*/
@media screen and (min-width:768px){
	.Area_act {height:100%;padding-bottom: 20px;}
	.Area_act .PD_layout ul {flex-wrap: wrap !important;height: 155px;}
	.Area_act .PD_layout ul li {padding: 1px;}

	.Area_act .layout_PD ul {padding:0!important;}
	.Area_act .layout_PD ul li {background:url("shop_li.png?t=1759479414838")top center no-repeat;background-size:100%;padding-bottom:10px!important;height: 70px;}
	.Area_act .layout_PD .PD_img {display:none}
  .Area_act .layout_PD .PD h4 {display: none;}
	.Area_act .layout_PD .PD h3 {display: none;}
  .Area_act .layout_PD .PD p{display: none;}
	.Area_act .layout_PD .PD .PD_into .txtn {position:absolute;width: 67%;top: 22px;left: 40%;transform: translateX(-50%);font-weight:900;font-size: 33px;color: #ffffff;line-height: 32px;/* background: #fff; */border-radius: 10px;}
	.Area_act .layout_PD .PD_slide { min-width: inherit; }
}
@media screen and (max-width:767px){
	/* .Area_act {height:100%;} */
	.Area_act .layout_coupon ul {width: 95% !important;margin: 0 auto !important;}
		

	.Area_act .layout_PD {width: 96%;margin: 3vw auto 0;}
	.Area_act .layout_PD ul {flex-wrap: wrap !important;height: 28vw;grid-gap: 0!important;}
	.Area_act .layout_PD ul li {height: 10vw;background:url("shop_li.png?t=1759479414838")top center no-repeat;background-size:100%;padding-top: 0px;margin-right: 2px !important;}
	.Area_act .layout_PD .PD_img {display:none}
  .Area_act .layout_PD .PD h4 {display: none;}
	.Area_act .layout_PD .PD h3 {display: none;}
  .Area_act .layout_PD .PD p{display: none;}
	.Area_act .layout_PD .PD .PD_into .txtn {position:absolute;width:90%;top: 0.2vw;left: 40%;transform: translateX(-50%);font-weight:900;font-size: 1em;color: #ffffff;line-height: 8vw;}
	.Area_act .layout_PD .PD_slide { min-width: inherit; }
	
	.Area_act .Area_swiper_box{width: 96%;margin: auto;}
}
/**bn輪播2**/	
@media screen and (min-width:768px){
	/** 公版 **/		
	.Area_bn2 .box {width: 1200px;margin: auto;}	
	
	.Area_bn2 .box .PD_layout {width: 100%;/* overflow:hidden; */margin-top: 0px;/* margin-left: 18px; */}	
	.Area_bn2 .box .PD_layout ul {display:flex;height: 260px;}
	.Area_bn2 .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}

	.Area_bn2 .box .PD_layout .swiper-pagination {position:relative;margin:30px 0;}
}
@media screen and (max-width:767px){
	/** 公版 **/	
	.Area_bn2 .box {padding-bottom: 0;width: 95%;margin: 0vw auto -2vw;padding-top: 0vw;}	
	.Area_bn2 .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_bn2 .box .PD_layout ul {display:flex;height: 23vw;}
	.Area_bn2 .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	.Area_bn2 .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
}
/*頁籤*/
/*Area_page*/
.Area_DE .content_swiper{ overflow: hidden;}
  @media screen and (min-width:768px){ 
  .Area_DE {overflow: hidden;/*background-color: #555;*/padding: 5px 0 !important;border-radius: 1em!important;padding-bottom: 30px!important;} 

  }
  @media screen and (max-width:767px){
  .Area_DE { /*background-color: #555;*/ padding: 0vw 0 !important; border-radius: 0.5em!important; } 
  }
   /* --------------------------------------
   * 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 #6040c7 !important;background-color: #6040c7 !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_FG .content_swiper{ overflow: hidden;}
@media screen and (min-width:768px){ 
.Area_FG {overflow: hidden;/*background-color: #555;*/padding: 5px 0 !important;border-radius: 1em!important;padding-bottom: 30px!important;} 
}
@media screen and (max-width:767px){
.Area_FG { /*background-color: #555;*/ padding: 0vw 0 !important; border-radius: 0.5em!important; } 
}

/**logo輪播**/	
@media screen and (min-width:768px){
	.Area_logosw {margin-bottom: 0px !important;}
	/** 公版 **/		
	.Area_logosw .box {width: 1200px;margin: auto;}
	.Area_logosw .box .PD_layout {width: 100%;/* overflow:hidden; */margin-top: 0px;/* margin-left: 18px; */}	
	.Area_logosw .box .PD_layout ul li {}
	.Area_logosw .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	.Area_logosw .box .PD_layout .swiper-pagination {position:relative;}
}
@media screen and (max-width:767px){
	.Area_logosw {margin-bottom: 5vw !important;}
	/** 公版 **/	
	.Area_logosw .box {padding-bottom: 0;width: 95%;margin: 0vw auto -2vw;padding-top: 0vw;}	
	.Area_logosw .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_logosw .box .PD_layout ul {display:flex;height: 14vw;}
	.Area_logosw .box .PD_layout ul li {}
	.Area_logosw .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_logosw .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {/* background-color: #ffffff !important; */}
}

/*12品公版 輪播*/

  @media screen and (min-width: 768px){
    .Area_PD105 .box{border-radius: 0px!important;background-color: #6040c7;/* border: 3px solid #2a2827; */margin-bottom: 50px;border-radius: 20px !important;}
    .Area_PD105 .Area_swiper_box{padding-top: 20px; padding-bottom: 40px;}
    .Area_PD105 .Area_swiper_box .swiper-pagination {bottom: 10px !important;}
  }
  @media screen and (max-width:767px){

    .Area_PD105 .box{background-color: #6040c7;/* border: 2px solid #2a2827; */border-radius: 1em !important;}
    .Area_PD105 .Area_swiper_box{padding-top: 3vw; padding-bottom: 5vw;}
  }

/*頁籤*/
/*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: 5px 0 !important;border-radius: 1em!important;padding-bottom: 50px!important;} 
  .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
  .Area_page .pdbox.PD_layout {width: 95%;}
  }
  @media screen and (max-width:767px){
  .Area_page { width: 96%!important; 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.PD_layout {width: 95%;}
  }

  @media screen and (max-width:767px){
  .PD_layout-btn{padding: 2vw 0 0vw;}
}

/*mo+好貨(線上入搞)*/
@media screen and (min-width:768px){
.Area_Jk {padding-bottom: 50px !important;}
.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:3%;margin:0 auto;}
.Area_Jk .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.Area_Jk .box_4 {width: 100%;margin: 0 auto;height:auto;padding-bottom: 0px;background: url("Area_repeat.png?t=1759289743690") center top / 100% repeat-y scroll;background-size: 100%;}
.Area_Jk .NavArea_tabbar_page{margin: 0 auto 20px;}
.Area_Jk .NavArea_tabbar_page .Nav .swiper-slide-active i{border: 0px solid #000000 !important;background-color: #000000 !important;}
.Area_Jk .text .layout_text {width:75%;margin:0 auto;padding:0px 0;}
.Area_Jk .text .layout_text ul {margin:0;padding:0;}
.Area_Jk .text .layout_text .PD_slide:hover{transform:none;}
.Area_Jk .text .layout_text .PD a {pointer-events: none!important}
.Area_Jk .text .PD_layout:not([data-pd-direction*="row"]) .PD_img{padding: 0px 0px 0px 0px;}

}
@media screen and (max-width:767px){
  .Area_Jk {padding-bottom: 0vw;}
.Area_Jk .layout_addgift ul {width:90%;margin:0 auto;padding: 0% 1.5% 0%;grid-gap: 0px;}
.Area_Jk .layout_addgift ul li {padding:1%;margin:0 auto;}
.Area_Jk .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.Area_Jk  {margin-bottom: 5vw !important;}
.Area_Jk .box_4 {width: 100%;margin: 0 auto;height:auto;padding-bottom: 0vw;background: url("Area_repeat.png?t=1759289743690") center top / 100% repeat-y scroll;background-size: 100%;}
.Area_Jk .NavArea_tabbar_page{margin: 2vw auto 2vw;}
.Area_Jk .NavArea_tabbar_page .Nav .swiper-slide-active i{border: 0px solid #000000 !important;background-color: #000000 !important;}
  .Area_Jk .text .layout_text {width:86%;margin:0 auto;padding:0vw 0 2vw;}
  .Area_Jk .text .layout_text ul {margin:0;padding:0;}
  .Area_Jk .text .layout_text .PD_slide:hover{transform:none;}
  .Area_Jk .text .layout_text .PD a {pointer-events: none!important}
  .Area_Jk .text .PD_layout:not([data-pd-direction*="row"]) .PD_img{padding: 0 0 0 0;}

}
/*公版背景*/
.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%;}
}
        /*下方公版*/
        @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:100%;padding:0!important;margin:0vw auto 0!important}	
			  .Area_tagPD .logo2 { padding: 4% 0 0 0!important;}
			  .Area_tagPD .logo2 ul { grid-gap: 6px!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);
	}