@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin: 0; padding: 0;}


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica; background: url(bgrepeat.jpg?t=1759396582802)top center repeat-y;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; background-image: none; background-color: #12005f;}
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1759396582802) no-repeat center top;}
.bgtxt_L { z-index: 0; position: absolute; top: 0; left: 0; pointer-events: none;}
.bgtxt_L .bgline_L { position: fixed; top: 0; left: 0; background: url(bgline_L.png?t=1759396582802)top center repeat-y; width: 250px; height: 100%;}
.bgtxt_L .bgtxt_L { position: fixed; top: 0; left: 0; background: url(bgtxt.png?t=1759396582802)top center repeat-y; width: 60px; height: 100%;}
.bgtxt_R { z-index: 0; position: absolute; top: 0; right: 0; pointer-events: none;}
.bgtxt_R .bgline_R { position: fixed; top: 0; right: 0; background: url(bgline_R.png?t=1759396582802)top center repeat-y; width: 250px; height: 100%;}
.bgtxt_R .bgtxt_R { position: fixed; top: 0; right: 0; background: url(bgtxt.png?t=1759396582802)top center repeat-y; width: 60px; height: 100%;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(bgtop_m.jpg?t=1759396582802) no-repeat center 44px; background-size: 100%;}
  .bgtxt_L .bgline_L { position: absolute; background: url(bgline_L_m.png?t=1759396582802) top center no-repeat; background-size: 100%; width: 20vw; height: 125vw;}
  .bgtxt_L .bgtxt_L { position: absolute; left: -1vw; background-size: 100%; width: 7vw; height: 125vw; }
  .bgtxt_R .bgline_R { position: absolute; background: url(bgline_R_m.png?t=1759396582802)top center no-repeat; background-size: 100%; width: 20vw; height: 125vw; }
  .bgtxt_R .bgtxt_R { position: absolute; right: -1vw; background-size: 100%; width: 7vw; height: 125vw; }
}

/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { display: block;} 
.Area .go_bt {
  -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;}
.Area .go_bt:hover {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);}
.Area .go_bt2 {
  -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;}
.Area .go_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
  .m96 { width: 96%; margin: 0 auto; }
}

/*間距*/
.Area_bottom { margin-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 8.5vw;}
}



/* 區標共用 */
.Aear_title  { margin: 0px auto 30px auto; height: 90px; }
.Aear_title .lbtclass  { z-index: 9; position: absolute; }
.Aear_title .Areatitle_bg {  z-index: 0; position: absolute; top: 0; left: 0;  }
.PD_title  {  font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
.PD_title span { float: left; width: 510px; height: 102px; font-size: 48px; margin: 0 0 0 190px; line-height: 111px; }
.PD_title span:nth-child(1) { color: #FFF; font-weight: 700; }
.PD_title span:nth-child(2) { color: #FFF; font-weight: 700; }
.Aear_title ul.PD_wrapper li img { width: 100%; }
@media screen and (max-width:767px){
  .Aear_title {  background-size: 100%; height: 10vw; margin: 0 0 3vw 0;  }
  .PD_title  span {  width: 50vw; height: 10.5vw; font-size: 5.5vw; margin: 0 0 0 21vw; line-height: 12vw; text-align: center; }
}



/*LOGO CSS*/
.momologo { z-index:9999; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
  @media screen and (max-width:767px){
      .momologo { display:none;}
  }


/* 登記高亮字改色 */
/* 文案 */.Area_danji .btn_reg .activityText p,.Area_danji .btn_reg .activityText .Tip,.Area_danji .btn_reg .content p { color: #000; }
/* 送 */.Area_danji .gifts span { color: #da2f84; } 


/* 折價券改色 */
/* .PD_layout.PD_layout-coupon3 .PD .divine_coupon { color: #fff; } */
/* .PD_layout.PD_layout-coupon3 .PD .threshold { color: #fff; } */



/*版頭*/
.Area_top { position: relative; height: 716px;}
.Area_top .light2box { position: absolute; width: 2000px; height: 749px; left: 600px; top: -171px; mix-blend-mode: overlay; z-index: 0;}
.Area_top .main { position: absolute; top: 42px; left: -49px; width: 61%; z-index: 1;}
.Area_top .main .PD_layout ul { padding: 0; grid-gap: 0;}
.Area_top .main .PD_layout ul li { pointer-events: none;}
.Area_top .topPD { position: absolute; top: 0; right: 0; width: 715px; height: 650px; overflow: hidden; z-index: 1;}
.Area_top .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0); cursor: pointer;}
.Area_top .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .topPD ul.PD_wrapper li a { pointer-events: none;}
.Area_top .sub  { position: absolute; top: 350px; left: 147px; }
.Area_top .sub ul li { background: transparent; }
.Area_top .sub .PD_img {  width: 380px ; }
.Area_top .sub .Area_swiper_box .PD_layout li,.Area_swiper_box .PD_layout li .PD_img img { border-radius: 0; }
.Area_top .top_PD { z-index: 10; position: absolute; top: 180px; left: 560px; width: 50%; }
@media screen and (max-width:767px){
  .Area_top { height: auto;}
  .Area_top .momologo { display: none;}
  .Area_top .light2box { width: 100%; height: 100vw; left: 35vw; top: 0;}
  .Area_top .main { position: inherit; top: 0; left: 0; width: 100%;}
  .Area_top .sub  {  top: 40vw; left: 18vw; width: 100%; }
  .Area_top .sub .PD_img {  width: 65% ; }
  .Area_top .top_PD {  top: 55vw; left: 0vw; width: 100%; }
}

/*好康攻略大全*/
.Area01 {}
.Area01 .boxrepeat { background: url(Area01_boxrepeat.png?t=1759396582802)top center repeat-y; padding: 20px 0;}
.Area01 .boxrepeat .box { margin-bottom: 50px;}
.Area01 .boxrepeat .box:last-child { margin-bottom: 0;}
.Area01 .boxrepeat .box05 .BN ul { padding: 0 70px;}
.Area01 .boxrepeat .box05 .Area_bank { position: relative;}
.Area01 .boxrepeat .box05 .Area_bank .bank { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 1052px; display: flex; flex-wrap: nowrap;}
.Area01 .boxrepeat .box05 .Area_bank .bank_L { width: 526px; overflow: hidden; z-index: 1;}
.Area01 .boxrepeat .box05 .Area_bank .bank_L ul.PD_wrapper { height: 101px; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area01 .boxrepeat .box05 .Area_bank .bank_L ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area01 .boxrepeat .box05 .Area_bank .bank_L ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (max-width:767px){
  .Area01 {}
  .Area01 .boxrepeat { background-image: none; padding: 0;}
  .Area01 .boxrepeat .box { margin-bottom: 6vw;}
  .Area01 .boxrepeat .box05 .BN ul { padding: 0 1em;}
  .Area01 .boxrepeat .box05 .Area_bank .bank { top: 0; width: 90vw;}
  .Area01 .boxrepeat .box05 .Area_bank .bank_L { width: 45vw;}
  .Area01 .boxrepeat .box05 .Area_bank .bank_L ul.PD_wrapper { height: 18vw;}
}

@media screen and (max-width:767px){
.Area02 .PD_layout_1 { margin-top: -2.5vw; }
}
/** 倒數 **/
.TimerNick { z-index:0; display:inline-block; padding-right:14px; height:50px;text-align:right;}
.TimerNick .FontStyle { 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 #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #FFF;}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: relative; top:-1.5vw; left:-3vw; display:inline-block; margin:0; padding-right:0%; width:85%; height:0; padding-bottom:13%; overflow:hidden; text-align:center;  /*background:url(m_time_bg.png?t=1759396582802) no-repeat center top; */background-size:100%;}
        .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:14vw; font: bold 6vw/11vw Century Gothic; color:#FFF; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) { width:9vw;}
        .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #FFF;}
    }



/*03*/
.Area03 { z-index: 9; }
.Area03 .PD_layout a,.Area03 .PD_layout .PD p del { color: #FFF; }
.Area03 .PD_layout ul { background: transparent; }
.Area03 .PD_layout_1 ul li { border-top:transparent; border-right:transparent; margin-bottom: 15px; }
.Area03 .PD_layout_1 ul li .PD_into { padding: 0px 20px 20px 20px; }
.Area03 .PD_layout_1 ul li::before { content: ""; display: block; z-index: -1; background: url(Area03_bg.png?t=1759396582802) no-repeat center top; width: 285px; height: 101%; aspect-ratio: 295 / 392; background-size: 100%; position: absolute; left: 5px; }
.Area03 .PD_layout_1 .PD_img { width: 85%; margin: 10px auto 10px auto; }
.Area03 .PD_layout_1 .PD_img img {  border-radius: 10px; }
@media screen and (max-width:767px){
  .Area03 .PD_layout_1 .PD_img { width: 90%; margin: 2vw auto 2vw auto; }
  .Area03 .PD_layout_1 ul li::before {  width: 46vw; height: 100%; background-size: 100% 100%; position: absolute; left: 1vw; }
  .Area03 .PD_layout .PD p .Price { font-size: 6.5vw; }
  .Area03 .PD_layout ul { padding: 0; }
}

/*下方公版*/
.Area04 { background: #6b0ca3; padding: 2vw 0; }
.Area04 .Area_K4  { overflow: hidden; }
.Area04 .PD_layout li { border-top:transparent; border-right:transparent; }

@media screen and (max-width:767px){
  .Area04 { padding: 6vw 0 8vw 0;  }
  .Area04 .Aear_title .PD_title span { width: 54vw !important; }
 

}

/*旗艦館*/
.Area05 {}
@media screen and (max-width:767px){
  .Area05 {}
}



/*強牌鉅獻 優惠更多*/
.Area06 {}
.Area06 .swiper-button-white { background: rgba(255,255,255,0.3);}
.Area06 .button:after { font-size: 30px!important;}
.Area06 .box { position: relative; overflow: hidden;}
.Area06 .box .PD_layout { }
.Area06 .PD_layout ul { background: transparent;  }
.Area06 .PD_layout li {  border-top:transparent; border-right:transparent; }
.Area06 .box .PD_layout ul.PD_wrapper { display: flex; padding: 10px 0 0; grid-gap: 0; height: 405px;}
.Area06 .box .PD_layout ul.PD_wrapper li.PD_slide { background: url(Area06_bg.png?t=1759396582802)top center no-repeat; background-size: 100%; }
.Area06 .box .PD_layout ul.PD_wrapper li.PD_slide.swiper-slide-active { filter: brightness(1);}
.Area06 .box .PD_layout ul.PD_wrapper li.PD_slide .PD_img { padding: 0; margin: 1em; border-radius: 50%; overflow: hidden; background-color: #fff;}
.Area06 .box .PD_layout ul.PD_wrapper li.PD_slide:hover { box-shadow: none;}
.Area06 .box .PD_layout ul.PD_wrapper li.PD_slide .PD_into { padding: 0 0.5em 0.5em; margin-top: -0.5em;}
.Area06 .box .PD_layout ul.PD_wrapper li h3 { color: #fff;}
.Area06 .box .PD_layout ul.PD_wrapper li h4 { color: #fff;}
.Area06 .box .PD_layout ul.PD_wrapper li .PD p { color: #ffbd0b;}
.Area06 .box .PD_layout ul.PD_wrapper li .PD p del { color: #808080;}
.Area06 .box .PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn { background-color: transparent;}
.Area06 .box .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 1.5em;}
.Area06 .box .PD_layout[data-pd-btn] .PD_btn b { color: #00d0e5; font-size: 1.4em;}
.Area06 .box .PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn i { display: block;}
.Area06 .box .PD_layout[data-pd-btn] .PD_btn i { top: 1.15em; border-top: 0.125em solid #00d0e5; border-right: 0.125em solid #00d0e5;}
.Area06 .box .PD_layout ul li:nth-child(1) .PD .PD_btn b::after { content: "看更多"!important;}
.Area06 .box .PD_layout ul li:nth-child(2) .PD .PD_btn b::after { content: "看更多"!important;}
.Area06 .box .PD_layout ul li:nth-child(3) .PD .PD_btn b::after { content: "看更多"!important;}
.Area06 .box .PD_layout ul li:nth-child(4) .PD .PD_btn b::after { content: "看更多"!important;}
.Area06 .box .PD_layout ul li:nth-child(5) .PD .PD_btn b::after { content: "看更多"!important;}
.Area06 .box .PD_layout ul li:nth-child(6) .PD .PD_btn b::after { content: "看更多"!important;}
.Area06 .box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0;}
.Area06 .box .swiper-pagination-bullet { background: #fff;}
.Area06 .box .swiper-button-next { right: 0;}
.Area06 .box .swiper-button-prev { left: 0;}
@media screen and (max-width:767px){
  .Area06 {}
  .Area06 .box .PD_layout { margin: 0 0 0 2.5vw; }
  .Area06 .box .PD_layout ul.PD_wrapper { padding: 0; height: 72vw;}
  .Area06 .box .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 1em;}
  .Area06 .box .PD_layout[data-pd-btn] .PD_btn b {  font-size: 1.2em;}
  .Area06 .PD_layout[data-pd-btn] .PD_btn b { height: 9vw; }
  .Area06 .box .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom:8vw; }
  .Area06 .box .PD_layout ul li .PD .PD_btn { display: none;}
}




.Area08 .PD_layout ul { height: 480px; }
@media screen and (max-width:767px){
  .Area08 .PD_layout ul { height: 48vw; }
}


/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
	@media screen and (max-width:767px){
		.for_pc { display: none !important;}
		.for_phone { display: inherit !important;}
	}