/* 各頁面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=1759480784900) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1759480784900) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_center.png?t=1759480784900) 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=1759480784900) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1759480784900) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_center.png?t=1759480784900) center top 10vw / 100% calc(100% - 13vw) no-repeat;
    }
}

/* 併版 */

/* 公版調整 */
.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);}


/* 輪播點點調整 */
.swiper-pagination-bullet{opacity: 0.2;border-radius: 20px;width: 6px;height: 6px;background: #000;transition: opacity 0.3s, background-color 0.3s, width 0.3s;}
.swiper-pagination-bullet-active {width: 20px;height: 6px;display: inline-block;border-radius: 20px;background: #fff;transition: opacity 0.3s, background-color 0.3s, width 0.3s;transition-delay: 0s;opacity: 1;}


 /*移除公版設定*/
 .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: 35px;}
.Area_bottom2 {margin-bottom: 35px;}
}	
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 2vw;}
.Area_bottom2 {margin-bottom: 5vw;}
}


/* 關鍵字 */
.sale001 { z-index: 0; }
.sale002 { z-index: 1; }
@media screen and (min-width:768px){
  .Area_sale {margin-top: 55px;/* margin-bottom: 60px; */}
  .Area_sale .layout_sale { width: 85% ; }
  .Area_sale .layout_sale ul { height: 100px ; }
  .Area_sale .layout_sale .PD_img{ display: none; }
  .Area_sale .layout_sale ul li .PD h4 {  display: none;}
  .Area_sale .PD_layout-CSSBG_01 li::after { background-image: url(sale01.png?t=1759480784900);background-repeat: no-repeat;background-size: 100%;}
  .Area_sale .layout_sale ul li .PD h3 {color: #ffffff!important;font-size: 35px;position: relative;top: -1px;}
  .Area_sale .layout_sale ul li .PD h3 span { margin-left: -50px ;  margin-top: 4px; }
}
@media screen and (max-width:767px){
  .Area_sale { margin-top: 8vw; }
  .Area_sale .PD_layout-CSSBG_01 li::after { background-image: url(sale01.png?t=1759480784900);background-repeat: no-repeat;background-size: 100%;}
  .Area_sale .layout_sale .PD_img{ display: none; }
  .Area_sale .layout_sale ul {height: 12vw ;}
  .Area_sale .layout_sale ul li .PD h4 {  display: none;}
  .Area_sale .layout_sale ul li .PD h3 { color: #ffffff!important ; font-size: 19px;  }
  .Area_sale .layout_sale ul li .PD h3 span { margin-left: -8vw ;margin-top: 0.5vw; }
}




  /* 預告輪播公版 */
  .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=1759480784900) 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=1759480784900) 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=1759480784900) 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=1759480784900) no-repeat;padding: 0vw 0 0vw 13.7vw;background-size: cover;}
  
  }



/* 折價劵 */
@media screen and (min-width:768px){
.Area_coupon{position: relative;height: auto;padding-bottom: 35px;}
.Area_coupon .PD_layout ul{height: 190px;}
.coupon_new .PD_layout {height: auto;}
.coupon_new  {padding-bottom: 0px; }
.coupon_new .swiper-pagination { top: 200px;}
}
	
	
/* mo+抵用券 */
@media screen and (max-width: 767px) {
.Area_coupon_ppp .PD_coupon ul {height: 32.5vw !important; padding: 5vw 0 2vw 0 !important;}
}
	
	  
/* 文字顏色 */
.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:#ff4a4a;}   
.Area_danji_all .warningTxt h3{color: #ffffff;}


  /*1帶3*/
  .Area_discount  {height:100%;display: flex;justify-content: center;flex-wrap: wrap; }
  .Area_discount .box {position:relative;margin-bottom:50px;width:95%;margin: 1px auto 38px auto;}
  .Area_discount .box .PD_layout{ padding: 0 25px;}
  .Area_discount .b_box {width: 952px;/* height: 576px; */background: url(Area03_box_bg01.png?t=1759480784900) top center no-repeat;padding: 30px 0 12px;}
  .Area_discount .text02 {width: 100%;margin: 15px auto 0;height: 81px;}	
  .Area_discount .text03 {width: 90%;margin: 15px auto 0;height: 81px;}	
  
  /**區標**/	
  .Area_discount .text {width: 63%;margin: 0px auto;}
  .Area_discount .text .PD_layout .PD_into{color: #ffffff;position: relative;}
  .Area_discount .text .PD_layout .PD_into .PD_logo{width: 33%;}  
  .Area_discount .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
  .Area_discount .text .PD_layout .PD_into h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  
  .Area_discount .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0vw;justify-content: center;}
  .Area_discount .text02 .PD_layout .PD_into .PD_logo{width: 21%;left: 0;top: -4px;position: relative;}  
  .Area_discount .text02 .PD_layout .PD_into h3{width: 40%;font-size: 35px;line-height: 1.69em;color: #000000;margin-left: 20px;text-align: left;}
  
  /** 公版 **/	
  .Area_discount .b_box .box {position:relative;width: 99%;margin: 0 auto 22px auto;padding-bottom: 0px;}	
  .Area_discount .b_box .box .PD_layout ul li{background-color: #fff;border-radius: 5px;}
  
  @media screen and (max-width:767px){
	.Area_discount  {padding-top: 2vw;/* margin-bottom: 4vw; */}
	.Area_discount .box {position: relative;}
	.Area_discount .box .PD_layout{padding: 0.5vw 2vw 0 2vw;}
	.Area_discount .b_box {background:url(m_Area03_box_bg02.png?t=1759480784900) top center no-repeat;padding-top: 0;width: 100%;height: 70vw;/* margin: 0vw auto 4vw; */padding: 2vw 0 2vw;background-size: 98%;}
	
	/**區標**/	
	.Area_discount .text {width: 100%; margin: auto; padding-top: 0vw;width: 100%;margin: 0px auto -2vw auto;/*background: url(item_text_001.png?t=1753242810660)top center no-repeat;background-size: 100%;*/}
	.Area_discount .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_discount .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
	.Area_discount .text .PD_layout .PD_into h5{font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 0vw;margin-left: 2vw;margin-bottom: 0;}  
	
	.Area_discount .text02 {margin: 0 auto; height: 8vw;}
	.Area_discount .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 1vw;margin-bottom: -4vw;height: 14.2vw; justify-content: center; align-items: center;margin-left: 6vw;}
	.Area_discount .text02 .PD_layout .PD_into .PD_logo{width: 26%;top: -0.5vw;}  
	.Area_discount .text02 .PD_layout .PD_into h3{width: 55%;margin-left: 1.5vw;font-size: 1.2em;line-height: 1.8em;text-align: left;color: #000000;}  
	.Area_discount .text03 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 1vw;margin-bottom: -4vw;height: 14.2vw;justify-content: center;}
	.Area_discount .text03 .PD_layout .PD_into .PD_logo{width: 26%;}
  
	
	/** 公版 **/	
	.Area10 .PD_layout ul{ border-radius: 0.7em;}
	.Area_discount .b_box .box {position: relative; width: 97%;margin: 5vw auto 0;padding-bottom: 2vw;}
	.Area_discount .b_box .box .PD_layout ul li{border-radius: 3vw;}
	}
  
  
/* 大牌 */
.PD_layout-D1_01 .PD h4 b {display: block !important;}
.Area_Brand .PD_layout-D1_01[data-pd-pdlogo="4"] .PD .PD_logo {height: 2.8em;margin-top: -1.875em !important;margin-bottom: .5em;}
.Area_Brand .PD_layout-D1_01[data-pd-pdlogo="4"] .PD h4 b {color: #ffffff;}


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

/* --------------------------------------
* 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: #ffffff;}
 .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;background-color: #000000 !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: 202px;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: #ff4a4a;}
 .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: #ff4a4a;}
 .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; }
 }