/* 各頁面CSS */

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




/*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;}
}


/*-------------------------------------*/


/*副總新寵版型*/
.PD_layout.PD_layoutplus.PD_box { width: 100%;}
.PD_layoutplus ul { background-color: transparent; grid-gap: 0.3em;}
.PD_layoutplus li { background: #fff; border:none; border-radius: 0.5em;}

.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}

/*公版微調：藍色區塊底圖上下間距*/
@media screen and (min-width: 768px) {
  .Area_boxstyle.Area_boxstyle--hasBackdrop {margin:40px auto 80px;}
  .Area_PD1 {margin-top:20px;}
  }
  @media screen and (max-width: 767px) {
  .Area_boxstyle.Area_boxstyle--hasBackdrop {margin:0vw auto 6vw !important;}
  }

/*黑色輪播點點*/
.Area_boxstyle .swiper-pagination-black .swiper-pagination-bullet{background-color: #000 !important;}

/*按鈕層級*/
.acty__el--4, .acty__el--5, .acty__el--6, .acty__el--7 {z-index: 5 !important;}
.Area_Department {z-index: 20 !important;}
#eWriterBtn_bt_B_000_sub01 {margin: 0 0 45px 124px !important;}

/*讓公格區一開始不要載入過大*/
@media screen and (min-width: 768px) {
.acty{min-height: 1000px;}
}

/* 設定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;}

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





/*00_版頭區_分會場副標*/
.sub { pointer-events: unset; }
.sub .Area_swiper_box .PD_layout li { background-color: #0000;border-radius: 0;}
@media screen and (min-width: 768px) {
.sub {position: relative;z-index: 90;}
.sub .Area_swiper_box ul { left: 25%;}
.sub .PD_layout .PD h3 { max-height: 100px;}
.hero-title h3 .md-text {line-height: 1.1em;}
  }
@media screen and (max-width: 767px) {
.sub {top: 0vw;left: 5%;}
.sub .PD_layout .PD h3 { max-height: 2.5em;}
.hero-title h3 .md-text span {line-height: 1em;}
}

/*00_版頭區_品類日副標*/
.sub02 .PD_layout ul {display:flex;}
.sub02 a {pointer-events: none;}
.sub02 img {pointer-events: unset !important;}
.hero-txt {transform:none;}
@media screen and (min-width:768px){
  .sub02  {position:relative; width: 960px;height: 500px; top: 0px;left: 0px;z-index: 40;}
}
@media screen and (max-width:767px){
  .sub02 {position:absolute;top:0vw; left: 2vw; width:100%;z-index: 60;}
  .sub02 img{width:100%;}
}


/*01_倒數情境圖公版*/
/*公版上下標隱藏*/	
.Area_mainpic .PD_layout .imgTagBottom {display:none!important;}
.Area_mainpic .PD_layout .prdImgWrap .imgTagRectangle {display:none!important;}
.Area_mainpic .PD_layout .prdImgWrap .imgTag {display:none!important;} 

.Area_mainpic .PD_layout ul {width: 96% ;padding: 0; gap: 10px;}
@media screen and (min-width:768px){
.Area_mainpic .PD_layoutplus { width: 900px;}
.Area_mainpic .PD_layout .PD_img {padding: 1em;}
.Area_mainpic .PD_layout h3 { color: #000;font-size: 22px;}
.Area_mainpic .PD_layout h4 { font-size: 20px;}
.Area_mainpic .PD_layout .PD p {height:2.5em}
.Area_mainpic .PD_layout .PD P del{ font-size: 22px;}
.Area_mainpic .PD_layout .PD P .money { font-size: 40px;}
.Area_mainpic .PD_layout .PD P .Price { font-size: 40px;}
}
@media screen and (max-width:767px){
  .Area_mainpic .PD_layout ul {width: 98% ;padding: 0; gap: 1.5vw;}
  .Area_mainpic .PD_layoutplus li { padding-bottom: 1vw;}
  .Area_mainpic .PD_layout h3 { color: #000;}
}

/*01_倒數情境圖公版*//** 倒數 **/
.TimerNick1 { z-index:0; display:inline-block; padding-right:14px; height:50px;text-align:right;}
.TimerNick1 .FontStyle1 { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#383838; /*text-shadow:1px 1px 0px #383838;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick1 div:nth-of-type(2),
.TimerNick1 div:nth-of-type(3) { width:60px;}
.TimerNick1 span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #383838;}
    @media screen and (max-width:767px){
        .TimerNick1 { z-index:2; position: relative; left:0%; display:inline-block; margin:0; padding-right:0%; height:0; padding-bottom:7.5%; overflow:hidden; text-align:center; background-size:100%;}
        .TimerNick1 .FontStyle1 { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:10vw; font: bold 6vw/8vw Century Gothic; color:#383838; letter-spacing:-1px; text-align:center; background:transparent;}
        .TimerNick1 div:nth-of-type(2),
        .TimerNick1 div:nth-of-type(3) { width:9vw;}
        .TimerNick1 span { padding-left:1vw; font: bold 4vw/8vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #383838;}
    }


/*02_攻略區*/
/*登記贈品文案顏色_01*/.danji01 .danji_box ul li .activityText .gifts span { color: #6200e8;} 
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000 !important;}
.stitle .PD_layout ul { padding: 0 !important; }
@media screen and (min-width:768px){
.stitle { width: 800px; margin:30px auto 0px; position: relative; z-index: 2; }
.stitle img { width: 100%; }
.layout_event2{padding: 0 0 0 0;width:88%;margin: 20px auto;}
.layout_event2 ul {width:90%;margin:0 auto; padding:0% !important;grid-gap: 0px;}
.layout_event2 ul li {padding:0 3.5% 0 ;margin:0 auto;}
.Area_bargain .formulamore .more .js-REG_agree {width: 163px;height: 44px;position: absolute;top: 327px;right: 797px; background-color: #0000;z-index: 5;}
}
@media screen and (max-width:767px){
.stitle { width: 96%; margin:4vw auto 1vw; position: relative; right: 1vw;z-index: 2; }
.layout_event2{width:96%;}
.layout_event2 {padding: 0% 0 0 0;margin: 3vw auto;}
.layout_event2 .PD_wrapper {padding: 0 !important; grid-gap: 2.5vw !important;}
.Area_bargain .formulamore .more .js-REG_agree {width: 16.5vw;height: 4.5vw;position: absolute;top: 41vw;right: 81.5vw; background-color: #0000;z-index: 5;}
}


/*03_1帶6*/
.Area_PD301 {padding-bottom: 0px ;}
.Area_PD301 h2 { text-align: center; color: #fff }
@media screen and (min-width: 768px){
.Area_PD301 .box{background: url("bg1-2.png?t=1762253483288") center top / 100% no-repeat scroll;height: 100%;padding: 0 0 6.5% 0;}
.Area_PD301 .Area_swiper_box .swiper-pagination{position: relative;bottom: 0px !important;z-index: 50;}
.Area_PD301 .Area_swiper{ padding: 25px 0 0;width: 92%;}

/*logo*/ 
.Area_PD301 .logo{width: 100%; padding-top: 42px;}
.Area_PD301 .logo ul{grid-gap: 0;}
.Area_PD301 .logo ul .PD_into{padding: 0;}
.Area_PD301 .logo ul .PD_logo{width: 24%;position: relative;top:0px;left:150px;border-radius: 31px; padding: 0% 3% 0% 3%;background-color: #fff;}
.Area_PD301 .logo ul li h3{color:#fff;width: 50%;position: absolute;right: 119px;top:0px;margin: 0 auto;font-size: 2.5em;line-height: 1.4em;}	 
}
@media screen and (max-width:767px){
.Area_PD301 { width:100%!important; border-radius: 10px!important; }
.Area_PD301 .box{margin: 0 auto;padding-bottom:6vw;background: url("bg1-1.png?t=1762253483288") center top / 100% no-repeat scroll;}
.Area_PD301 .Area_swiper_box{padding-bottom: 0vw;}
.Area_PD301 .Area_swiper{margin: 0 auto; padding: 3vw 0 0; left:0vw;}
.Area_PD301 .Area_swiper_box .swiper-pagination{position: relative;bottom: 3px !important;z-index: 50;}
/*logo*/ 
.Area_PD301 .logo{width: 100%;height: 100%;}
.Area_PD301 .logo ul{grid-gap: 0;}
.Area_PD301 .logo ul .PD_into{padding: 3.5vw 0 0;}
.Area_PD301 .logo ul .PD_logo{ width: 34%; position: relative; left: 10vw; border-radius: 31px;padding: 0% 3% 0% 3%;background-color: #fff;}
.Area_PD301  .logo ul li h3{color:#fff;  width: 48%; position: absolute; right:6vw; margin: 0 auto;font-size: 1.5em;line-height: 1.6em;}
}


/*06_2品公版_不吃一課語法版*//*區標題-Area960寬度*/
@media screen and (min-width:768px){
  .titletxt { width: 80%;margin: 0 auto; }
  .titletxt img { width: 100%; }
.Area_2pd .PD_layout01 ul {padding: 40px 20px 20px !important; background: no-repeat top center/100% url("bg2-2.png?t=1762253483288");}
.Area_2pd { margin-bottom:30px}
}
@media screen and (max-width:767px){
.titletxt { width: 100%; }
.Area_2pd { margin-bottom:0}
.Area_2pd .PD_layout01 ul {padding: 6vw 3vw 11vw !important; background: no-repeat top center/100% url("bg2-1.png?t=1762253483288");}
}	


/*08_LOGO*/
.Area_mlogo { padding-bottom: 66px;}
.Area_mlogo .logo .PD_wrapper {grid-gap: 16px !important;}
@media screen and (max-width:767px){
.Area_mlogo {width: 100%;padding-bottom: 1%;}
.Area_mlogo .logo ul { grid-gap: 0.2em; padding: 0 0.5em;}
.Area_mlogo .logo .PD_layout { padding-top:0vw;width:100%;}
.Area_mlogo .logo .PD_wrapper {grid-gap: 2vw !important}
}


/*09_館連結*/
@media screen and (min-width: 768px){
.Area_guan {padding-bottom: 0px;}
.Area_guan .PD_layout ul {grid-gap: 25px;}	
}
@media screen and (max-width:767px){
.Area_guan .PD_layout {width: 76%;padding: 0% 0 0 0;padding-bottom: 0;}
.Area_guan .PD_layout ul {grid-gap: 6vw;padding: 0% 0 0 0;margin: 0 auto;}	
}