/* 各頁面CSS */

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


body{background-color:#0d0235!important;}

 /** 倒數 **/
 .TimerNick {position:absolute;top:330px;}
 .TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color:#ffffff;font-size:26px;line-height: 40px;font-weight:800;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;text-shadow:0 0 20px rgba(204, 255, 30, 30);}
 .TimerNick .icon { position:relative; top:6px; margin-right:4px;}
 .TimerNick small {position:relative;top: 0px;font-size:20px;}
 .TimerNick .time_day { font-size:20px; letter-spacing:0.05rem; }
 .TimerNick .FontStyle {position:relative;padding: 0px 7px 0px 0px;font-size: 22px;text-align:center;color: #ffffff;}
 .TimerNick .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;width: 14px;}
     @media screen and (max-width:767px){
       .TimerNick {position: absolute;top:35vw;left: 0;transform: none;width: 100%;text-align: center;z-index:999;}
       .TimerNick .TIMER {font-size: 8.7vw;line-height:4vw;color:#ffffff;text-shadow:0 0 14px rgba(204, 255, 30, 30);}
       .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: 2.2vw;font-family:Helvetica;color:#ffffff;}
     }
 /** 頁面微調 **/
 .hero-title {pointer-events: auto;z-index: 11;}
 .hero-title .PD_layout ul{background-color: inherit;}
 .hero-title .PD_layout ul li{border: none;}
 .hero-title .PD_layout ul h4{font-family: Noto Sans TC, sans-serif;}
.NavArea{padding-bottom: 5%;}

 /**你可能會喜歡_展開看更多 **/
.bt_0_layout_b268_2025 .PD_layout.PD_layout-btn ul{background-color:inherit}
.bt_0_layout_b268_2025 .PD_layout.PD_layout-btn li .PD h3{color: #fff;background:#561a9a;}
@media screen and (min-width:768px){
.Area_AD .Area_swiper_box .PD_layout ul{max-height: 270px;}
}


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


/*副總新寵版型*/
.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:25px auto 35px;}
  .Area_PD1 {margin-top:20px;}
  }
  @media screen and (max-width: 767px) {
  .Area_boxstyle.Area_boxstyle--hasBackdrop {margin:0vw auto 12vw !important;}
  }

/*公版間距調整*/
@media screen and (min-width: 768px) {
.Area_boxstyle .Area_boxstyle_box1 {padding-block-start:150px !important; padding-block-end: 15px;}
}
@media screen and (max-width: 767px) {
.Area_boxstyle .Area_boxstyle_box1 {padding-block-start:16vw !important; padding-block-end: 4vw;}
}


/*02_輪播情境圖公版*/
.Area_s3pd .PD_layout.PD_layout-D1_15 ul {padding: 0;margin: 0;}
.Area_s3pd .PD_layout.PD_layout-D1_15 li {margin: 0 !important;}
.Area_s3pd .Area_swiper_box .PD_layout li .PD_img img {border-radius: 10px 10px 0 0;}
.Area_s3pd .PD_into {border-radius:  0 0 10px 10px;}
.Area_s3pd .Area_swiper_box .PD_layout li .PD_into p {color: #7709f4;}
@media screen and (max-width: 767px) {
.Area_s3pd .Area_swiper_box .PD_layout li .PD_img img {border-radius: 6px 6px 0 0;}
.Area_s3pd .PD_into {border-radius:  0 0 6px 6px;}
}


/*03_攻略區*/
/*登記贈品文案顏色_淺色*/.danji01 .danji_box ul li .activityText .gifts span { color: #6a00e3;} 
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #fff !important;}
@media screen and (min-width:768px){
.dtitle { width: 52.7%; margin:30px auto 0; position: relative; z-index: 2; }
.dtitle img { width: 100%; }
.Area_bargain .more{width: 20%; position: absolute;top: 582px;left: 677px;z-index: 5;}
.Area_bargain .more img { width: 100%; }
.layout_event2 {padding: 0 0 0 0;width:90%;margin: 20px auto;}
.layout_event2 ul {width:90%;margin:0 auto; padding:0% !important;grid-gap: 0px;}
}
@media screen and (max-width:767px){
.dtitle { width: 59%; margin:4vw auto 0; position: relative; z-index: 2; }
.Area_bargain .more{position: absolute;top: 62vw; left: 72vw;width: 22%;}
.layout_event2 {width:98%;}
.layout_event2 {padding: 0% 0 0 0;margin: 3vw auto 0;}
.layout_event2 .PD_wrapper {padding: 0 !important; grid-gap: 1.6vw !important;}
}


/*04_倒數情境圖公版*/
/*公版上下標隱藏*/	
.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 1em 0.2em;}
.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;}
}

/*04_倒數情境圖公版*//** 倒數 **/
.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:#fff; /*text-shadow:1px 1px 0px #000;*/ 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: #fff;}
    @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:#fff; 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: #fff;}
    }


/*06_一帶六公版*/
.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=1767764494349") center top / 100% no-repeat scroll;height: 100%;padding: 0 0 30px 0;}
.Area_PD301 .Area_swiper_box .swiper-pagination{position: relative;bottom: 0px !important;z-index: 50;}
.Area_PD301 .Area_swiper{ padding: 16px 0 0;width: 95%;}

/*logo*/ 
.Area_PD301 .logo{width: 100%;padding-top: 36px;}
.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; padding: 0% 3% 0% 3%;}
.Area_PD301 .logo ul li h3{color:#9962d8;width: 50%;position: absolute;right: 90px;top: 16px;margin: 0 auto;font-size: 2.4em;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:12vw;background: url("bg1-1.png?t=1767764494349") center top / 100% no-repeat scroll;}
.Area_PD301 .Area_swiper_box{padding-bottom: 0vw;}
.Area_PD301 .Area_swiper{margin: 0 auto;padding: 2vw 0 0;left:0vw;width: 96%;}
.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: 2.5vw 0 0;}
.Area_PD301 .logo ul .PD_logo{width: 34%;position: relative;left: 9vw;padding: 0% 3% 0% 3%;}
.Area_PD301  .logo ul li h3{color:#9962d8;width: 48%;position: absolute;top: 6vw; right: 7vw; font-size: 1.5em;line-height: 1.6em;}
}


/*08_LOGO*/
.Area_mlogo .logo .PD_wrapper {grid-gap: 16px !important;}
@media screen and (max-width:767px){
.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: 10px;}	
}
@media screen and (max-width:767px){
.Area_guan .PD_layout {width: 94%;padding: 0% 0 0 0;padding-bottom: 0;}
.Area_guan .PD_layout ul {grid-gap: 2vw;padding: 0% 0 0 0;margin: 0 auto;}	
}