/* 各頁面CSS */

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


/* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */
/* css寫法--1104修正 (1)空格異常重KEY、(2)新增第四行*-全部元素背景 */
.articleList .lazy[data-bg=""][data-was-processed="false"],
.articleList .lazy[data-bg=""][data-was-processed="false"]::before,
.articleList .lazy[data-bg=""][data-was-processed="false"]::after,
.articleList .lazy[data-bg=""][data-was-processed="false"] *,
.articleList .lazy[data-bg=""][data-was-processed="false"] *::before,
.articleList .lazy[data-bg=""][data-was-processed="false"] *::after {background-image: none !important;}



/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}

/*行銷宮格*/
@media screen and (min-width: 768px) {
.acty .acty__el--4{z-index: 6;}
.acty .acty__el--5{z-index: 6;}
.acty .acty__el--6{z-index: 6;}
.acty .acty__el--7{z-index: 6;}
}
@media screen and (max-width: 767px) {
}


  /* 預告輪播公版 */
  .Area_Department2 {position: relative;}
  @media screen and (min-width:768px){
  .Area_Department2 {z-index: 21;}
  .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=1762512040333) 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=1762512040333) 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=1762512040333) 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=1762512040333) no-repeat;padding: 0vw 0 0vw 13.7vw;background-size: cover;}
  
  }

/* 2BN */
/*登記贈品文案顏色*/
                    
  @media screen and (min-width:768px){
  .Area_BN .PD_layout li:nth-of-type(3) {position: relative;width: 205%;}
  .Area_BN .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul {  grid-gap: 26px;}
  .Area_BN .PD_layout {margin-bottom: 60px;}
  .Area_BN .PD_layout {margin-bottom: 60px;}
  .Area_BN .all_01{margin-bottom: 25px;}
  }
  @media screen and (max-width: 767px) {
  .Area_BN .PD_layout li:nth-of-type(3) {position: relative;width: 202%;}
  .Area_BN .all_01{margin-bottom: 5vw;}
  .Area_BN .Area_danji{margin-top: 18px;}


  }

/*登記*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #6200e8;}  
@media screen and (min-width:768px){
  .Area_danji .all_01{margin-top: 2px;margin-bottom: 34px;}
  .Area_danji .all_01 .line {margin-top: 39px;}

}

@media screen and (max-width: 767px){
  .Area_danji .all_01{margin-top: 4vw;margin-bottom: 3vw;width: 78%;margin-left: 11vw;}
  .Area_danji .all_01 .line {margin-top: 5vw;width: 122%;margin-left: -9vw;}
  }

/*包套區*/
@media screen and (min-width:768px){
.box_re{ background: url(BOX_RE.png?t=1762512040334) top center repeat-y;}
.box_re2{ background: url(BOX_RE_2.png?t=1762512040334) top center repeat-y;}
.Area_PD3 {margin-top: 0px;position: relative;top: 10px;}
.Area_PD3 .Area_swiper {margin: 0px 26px 0 24px;}
.Area1PD {margin-bottom: 138px; margin-top: 61px;}
.box_bt{position: absolute;top: 587px;}
.Area1PD .title01 {position: absolute;left: -21px;}
.Area1PD .title02 {position: absolute;right: -21px;}
}
@media screen and (max-width: 767px) {
.box_re{ background: url(BOX_RE.png?t=1762512040334) top center repeat-y;width: 97.7%;position: relative;left: 1vw;}
.box_re2{ background: url(BOX_RE_2.png?t=1762512040334) top center repeat-y;width: 97.7%;position: relative;left: 1vw;}
.Area1PD {margin-bottom: 3vw; margin-top: 9vw ;}
.Area_PD3 .PD_layout {margin-bottom: 7vw;}
.box_bt{position: absolute;top: 83vw;}
.Area1PD .title01 {position: absolute;left: -1vw;}
.Area1PD .title02 {position: absolute;right: -1vw;}
.Area1PD .swiper-pagination {scale: .6}

}

#eWriterBtn_bt_B_000_32 {position: absolute!important;top: 400px!important;right: 300px !important; z-index: 201!important;right:80px}
#eWriterBtn_bt_B_000_36 {position: absolute!important;top: 400px!important;right: 300px !important; z-index: 201!important;right:80px}


/*BN2*/
@media screen and (min-width:768px){
}
@media screen and (max-width: 767px) {
.Area_BN2 {margin-top: 10vw;}
}


/* 關鍵字 */
.sale001 { z-index: 0; }
.sale002 { z-index: 1; }
@media screen and (min-width:768px){
  .Area_sale {margin-top: 55px;}
  .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=1762512040334);background-repeat: no-repeat;background-size: 100%;}
  .Area_sale .layout_sale ul li .PD h3 {color: #ffffff!important;font-size: 43px;position: relative;top: 0px;}
  .Area_sale .layout_sale ul li .PD h3 span { margin-left: -69px ;  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=1762512040334);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_coupon_sw .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000000;}
@media screen and (min-width:768px){
.Area_coupon_sw	.Area_swiper_box .PD_layout {position: static;height: 192px;}
	}

@media screen and (max-width:767px){
.Area_coupon_sw	.Area_swiper_box .PD_layout {position: static;height: 23vw;}
.Area_coupon_ppp .coupon_1_height {margin-bottom: 3vw;}


}

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

@media screen and (min-width:768px){
}
  
@media screen and (max-width:767px){
}



/*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=1762512040334) 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: #ffffff;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;position: relative;top: -1vw;}
	.Area_discount .b_box {background:url(m_Area03_box_bg02.png?t=1762512040334) 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: 1vw;}
	.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: #ffffff;}  
	.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;}



/*MO+頁籤*/
.Area_page .NavArea .Nav a{ color: #000000;}
@media screen and (min-width:768px){ 
.Area_K103 {height: auto;padding: 15px 0 20px 0;background-color: #6200e8;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: #6200e8;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; }
 }




 /*BN3*/
 @media screen and (min-width:768px){ 
  
 }

 @media screen and (max-width:767px){
  .AreaBN3 .PD_layout{ margin-bottom: 10vw; }
  .AreaBN3 .swiper-pagination {scale: .6}
}


 /*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: #fcff00;}
 .Area_10PD  .PD_layout-D1_03 .PD h3 {color: #000000;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: #fcff00;}
 .Area_10PD .PD_layout-D1_03 .PD h3 {color: #000000;font-size: 0.9em;}	
 .Area_10PD .PD_layout-D1_03 ul li.PD_into {padding: 0 0.3em; }
 }