@charset "utf-8";


/*區塊背景*/
body { background: #47403c; }
.bg01 { position:absolute;z-index: -10;top:0px;left: 50%;transform: translateX(-50%); width: 2000px; height: 2500px; background: url(Area_topbg.jpg?t=1783910499064) center top / 100% no-repeat;pointer-events: none;}
.bg02 { position:fixed;z-index: 20;top: 0px;left: 50%;transform: translateX(-50%);width: 2000px;height: 2500px;/*background: url(top_bottom.jpg?t=1783910499064) center top / 100% no-repeat;*/pointer-events: none;}
.bg03 { position:absolute;z-index: -10;top:0px;left: 50%;transform: translateX(-50%); width: 2000px;height: 1000px; mix-blend-mode: screen; pointer-events: none;}
.spark{ position:absolute;width:3px;height:3px;background:#f6e3ad; border-radius:50%;opacity:0; box-shadow:0 0 6px 1px rgba(246,227,173,.8); }
.bg_repeat { z-index:-20; position:fixed; top:0; left: 50%; transform: translateX(-50%); width: 2000px; height: 100%; aspect-ratio: 2000/680; background: #060707 url(bg_repeat.png?t=1783910499064) center top / 100% repeat-y; pointer-events:none;}
.bgdeco { z-index:-10; position: absolute; top:1200px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(sale_deco.png?t=1783910499064) repeat-y center top; transition: 0.5s linear; pointer-events: none; }
@media screen and (max-width:767px) {
  .bg01 { top: 12vw; width: 204%; left: 50%;height:250vw; aspect-ratio: 2000/2500;  background: url(Area_topbg.jpg?t=1783910499064) center top / 100% no-repeat; }
  .bg02 { width: 100%;height: 150vw; }
  .bg_repeat { position:fixed; top:0; left:0; }
}

/*流星*/
.bg03 .left { transform: rotate(321deg); }
.bg03 .left .light01 { position: absolute; top: 20px; left: 40px; }
.bg03 .left .light02 { position: absolute; top: -100px; left: 40px; animation-delay:1s; }
.bg03 .left .light03 { position: absolute; top: 20px; left: 104px; animation-delay:.2s; }
.bg03 .right { transform: rotate(46deg); }
.bg03 .right .light04 { position: absolute; top: 80px; left: 1500px; animation-delay:1s; }
.bg03 .right .light05 { position: absolute; top: 80px; left: 1500px; animation-delay:.5s; }
.bg03 .right .light06 { position: absolute; top: 80px; left: 1650px; animation-delay:.3s; }
@media screen and (max-width:767px){
.light01 { position: absolute; top: -5vw; left: -1vw; width: 20%;}
.light02 { position: absolute; top: -5vw; left: 1vw; width: 30%;}
.light03 { position: absolute; top: -20vw; left: 8vw; width: 20%;}
.light04 { position: absolute; top: 40vw; left: 94vw; width: 20%;}
.light05 { position: absolute; top: 40vw; left: 91vw; width: 20%;}
.light06 { position: absolute; top: 50vw; left: 89vw; width: 20%;}
}



/*區標/背景共用設定*/
.Areatitle { position: relative; }
.text_960 .PD_layout li { pointer-events: none; }
.text_960 .PD_layout.PD_layout-D3_01 .PD h3 b, .text2_960 .PD_layout.PD_layout-D3_01 .PD h3 b , .text3_960 .PD_layout.PD_layout-D3_01 .PD h3 b { font-family: "Arial" ,"Noto Sans CJK TC"; font-weight: 600;}
.PD_layout.PD_layout-D3_01 ul { padding: 0; justify-content: center; align-items: center; }
.PD_layout.PD_layout-D3_01 .PD_into{ padding: 0; }
.text_960 { margin: 0 auto; padding: 0 0 1.5%; }
.text_960 .PD_layout.PD_layout-D3_01 .PD img { width: 100%; }
.text_960 .PD_layout .PD h3 { display: flex;top: 54%;margin: 0 auto;padding: 0; }
.text_960 .PD_layout .PD h3 b {color: #fff; font-size: 1em;line-height: 1;}
.text_960 .PD_layout .PD h3 span {color: #fee1b3;padding-left: 0.3em;font-weight: 600;}
.text2_960 { position: relative; z-index: 2; }
.text2_960 .PD_layout a { pointer-events: none; }
.text2_960 .PD_layout .PD h3 { width: 100%; top: 53%; color: #fff; }
.text2_960 .PD_layout .PD img { margin: 0 auto; width: 100%; aspect-ratio: 960/130; }
/*標題裝飾*/
.text_960 .txt_deco { z-index: 11; position: relative; }
.text_960 .txt_deco .de1 { z-index: 1; position: absolute; top: 10px; right: 380px; width: 3%; }  
.text_960 .txt_deco .de2 { z-index: 1; position: absolute; top: 105px; left: 410px; width: 2.5%; }  
@media screen and (max-width:767px){
  .Areatitle { width: 108%; margin: 0 0 0 -5vw; }
  .text_960 { width: 105%; padding: 0; margin: 0 0 0 -1vw; }
  .text_960 .PD_layout { padding-bottom: 0; }
  .text_960 .PD_layout .PD h3 span { font-size: 1.05em;}
  .text_960 .PD_layout.PD_layout-D3_01 .PD .PD_img {padding: 0;margin: 0;top: -4vw;left: 50%;transform: translateX(-50%);width: 110%;}
  .text2_960 .PD_layout.PD_layout-D3_01 .PD h3 { top: 57%;}
  .text2_960 .PD_layout.PD_layout-D3_01 .PD img { margin-left: -7vw; width: 115%; }
  /*標題裝飾*/
  .text_960 .txt_deco .de1 { top: -3vw; right: 27vw; width: 4.5%; }  
  .text_960 .txt_deco .de2 { top: 8.5vw; left: 30vw; width: 3.5%; }  
  .PD_layout.PD_layout-D3_01 .PD h3 {top: 4vw;font-size: 5.5vw;justify-content: center;width: 65%;}
  .NavArea .Nav_box { top: 0!important; }

  }


/*提醒我按鈕*/
a.mo_remind_btn {z-index:90;position: absolute!important;top: 138vw;right: 0px;width: 14.5%; }

/*-----版頭-----*/
.Area_top {position: relative;height: 1350px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
/*版頭裝飾*/
.Area_top .deco { z-index: 30; position: relative; }
.Area_top .deco .f01 { z-index: 2; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 63.5%; }  
.Area_top .deco .f02 { z-index: 2; position: absolute; top: 362px; left: 240px; width: 2.5%; }  
.Area_top .deco .f03 { z-index: 2; position: absolute; top: 472px; right: 460px; width: 2.5%; }  
/*時間*/
.Area_top .time { z-index: 10; position: relative; }
.Area_top .time .tt10 { z-index: 1; position: absolute; width: 27%; top: 1100px;left: 125px; }  
.Area_top .time .tt11 { z-index: 1; position: absolute; width: 27%; top: 1100px;left: 125px; }  
/* .Area_top .time .tt12 { position: absolute;top: 310px;left: 215px; z-index: 0; }   */

/*logo*/
.Area_top .momologo {z-index: 99;position: absolute;top: 1%;left: 10%; display: block; }
.Area_top .momologo a{ display: block; width: 180px; height: 90px; background: url(brand_logo.png?t=1783910499064) no-repeat; background-size: 100%;}
/*大標*/ 
.Area_top .title01 { z-index: 5; position: relative; }
.Area_top .title01 img { width: 100%; height: 100%; object-fit: cover; }
.Area_top .title01 .light { mix-blend-mode: screen; }
.Area_top .title01 .tt01 { position: absolute; isolation: isolate; top: 125px; left: 250px; width: 19%; aspect-ratio: 230 / 230;}
.Area_top .title01 .tt02 { position: absolute; isolation: isolate; top: 75px ; left: 455px; width: 14%; aspect-ratio: 170 / 270;}
.Area_top .title01 .tt03 { position: absolute; isolation: isolate; top: 145px; left: 610px; width: 18%; aspect-ratio: 210 / 210;}
.Area_top .title01 .tt04 { position: absolute; isolation: isolate; top: 135px; left: 775px; width: 19%; aspect-ratio: 230 / 230;}
.Area_top .title01 .tt01 .light, .Area_top .title01 .tt01 .pic,
.Area_top .title01 .tt02 .light, .Area_top .title01 .tt02 .pic,
.Area_top .title01 .tt03 .light, .Area_top .title01 .tt03 .pic,
.Area_top .title01 .tt04 .light, .Area_top .title01 .tt04 .pic { position: absolute; top: 0; left: 0; }
/*副標輪播*/
.Area_top .title02 {z-index: 10;position:absolute;top: 370px;left: 42%;transform: translateX(-50%);width: 570px;height: 120px;}
.Area_top .title02::after { content:"";z-index: -8;position: absolute; top: -8px; left: 66%; transform: translateX(-50%); width: 133%;aspect-ratio: 760/180;background: url(sub_bg.png?t=1783910499064) center top / 100% no-repeat; }
.Area_top .title02 .PD_layout ul { display: flex; width: 100%;height: 120px; padding: 0; align-items: center; text-align: center; } 
.Area_top .title02 .PD_layout ul li { pointer-events: none; } 
/*版頭品*/
.Area_top .top_pd { position: absolute; top: 545px; left: 115px; width: 85%; aspect-ratio: 960/630; }
@media screen and (max-width:767px){
    .Area_top {width:100%;position: relative;height: 143vw;padding:0;}
    .Area_top .momologo { top: 1.5vw;left: 1vw; }
    .Area_top .momologo a { aspect-ratio: 200/90; width: 21.5vw; }
    /*光*/
    .Area_top .deco {  }
    .Area_top .deco .f01 { top: 6vw; left: 49%; width: 81vw; }  
    .Area_top .deco .f02 { top: 37.5vw; left: 12vw; width: 3vw; }  
    .Area_top .deco .f03 { top: 49vw; right: 35.5vw; width: 3vw; }  
    /*時間*/
    .Area_top .time { z-index: 30; position: relative; }
    .Area_top .time .tt10 { top: 114.5vw;left: -0.5vw;width: 37.5vw;z-index: 5; }  
    .Area_top .time .tt11 { top: 114.5vw;left: -0.5vw;width: 37.5vw;z-index: 5; }  
    /* .Area_top .time .tt12 { top: 32.5vw;left: 9.5vw;width: 29vw; z-index: 0; }      */
    /*大標*/ 
    .Area_top .title01 .tt01 { top: 13vw;left: 12vw;width: 23.5%; }
    .Area_top .title01 .tt02 { top: 7vw;left: 33vw;width: 17.6%; }
    .Area_top .title01 .tt03 { top: 16vw;left: 49.5vw;width: 21.5%; }
    .Area_top .title01 .tt04 { top: 13vw;left: 67vw;width: 23.5%; }
    /*副標輪播*/
    .Area_top .title02 .PD_layout ul { height: 15vw; } 
    .Area_top .title02::after { top: -1vw; left: 65%; }
    .Area_top .title02 { z-index: 25;position: absolute;width: 60%;height: 12vw;top: 38.5vw;left: 41.5%;margin: 0 auto; }
    .Area_top .title02 .PD_layout .PD_into {padding: 0;align-items: center;width: 100%;}
    .Area_top .title02 .PD_layout .PD h3 {font-size: 1.5em;letter-spacing: -0.04em;} 
    /*版頭品*/
    .Area_top .top_pd { top: 56vw; left: 2vw; width: 100%; }
  }




/*活動倒數*/
.TimerNick {position: absolute;top: 1290px;left: 44.5%; display: flex;align-items: center;width: 365px;justify-content: flex-start;z-index:8;text-align: center;letter-spacing: 0.2em;font-family: "Arial" ,"Noto Sans CJK TC"; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000; }
.TimerNick .deco { padding-top: 10px; }
.TimerNick .FontStyle {margin: 0;padding: 0;font-size: 1.5em;color: #edd3b8;font-weight: bold;letter-spacing: 0.02em;text-align: center;}
.TimerNick span {font-size: 1.5em;letter-spacing: 0.1em;color: #edd3b8;}
.TimerNick b { font-weight: normal; line-height: 1; }
@media screen and (max-width:767px){
  .TimerNick  { top:144.5vw; left: 20.5vw; width: 60%; letter-spacing: -0.05em; text-align: center; justify-content: center; gap: 0.35vw; line-height: 1; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000; }
  .TimerNick .deco { padding-top: 0.8vw; }
  .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font-size: 1.3em;letter-spacing: -0.05em; line-height: 1; }
  .TimerNick span { padding-left: 0;font-size: 1.1em;letter-spacing: -0.05em; margin: 0; font-weight: 600; }
}      
 
/*第一區公版區*/
.Area_topPD { margin: 10px auto 0; }
.Area_topPD::before {content: "";z-index: -9;position: absolute;top: 70px;left: 50%;width: 105%;height: calc(100% - 5px);transform: translateX(-50%);background: url(bga_top.png?t=1783910499064) top center / contain no-repeat, url(bga_bottom.png?t=1783910499064) bottom center / contain no-repeat;}
.Area_topPD::after {content:"";z-index: -9;position: absolute;top: 330px;left: 50%;transform: translateX(-50%);width: 105%;height: calc(100% - 420px);background: url(bga_center.png?t=1783910499064) repeat-y center top;aspect-ratio: 960/470;background-size: 100%;}
.Area_topPD .box_youtube { margin: 0 auto 3.5%; }
.Area_topPD .box_pd { margin: 2% auto 1.5%; }
@media screen and (max-width:767px){
  .Area_topPD { margin: 3vw auto 2vw; }
  .Area_topPD::before {top: 3.5vw;width: 100%;height: calc(100% - -1vw);}
  .Area_topPD::after {top: 24vw;width: 100%;height: calc(100% - 34vw);}
  .Area_topPD .box_pd { margin: 2vw auto 1vw; }
  .Area_topPD .PD_layout.PD_layout-coupon3 .PD b.Discount { font-size: 2.5em; margin: 0;}
}


/*好康攻略*/
.Area_strategy { position: relative; margin: 135px auto 0; }
.Area_strategy .btn {z-index: 55;position: absolute;top: 42px; right: 80px;}
.Area_strategy .box_1 .PD_layout { padding: 0; }
.Area_strategy .box_1 .PD_layout ul { grid-gap: 0; padding: 0; }
.Area_strategy .box_1 .PD_layout li.PD_slide { pointer-events: none; }
.Area_strategy .box_1 .formula.PD_layout { width: 86%; margin: 0 auto 0; }
.Area_strategy .box_2  { position: relative;display: flex;width: 86%;margin: 0 auto; }
.Area_strategy .box_2 .btn01 { z-index: 30; position: absolute; top: 0; left: 0; width: 525px; height: 248px; }
.Area_strategy .box_2 .PD_layout.acty_1 .PD_slide, .Area_strategy .box_2 .PD_layout.acty_2 .PD_slide { aspect-ratio: 530/250; width: 100%; }
.Area_strategy .box_2 .PD_layout.acty_1 ul, .Area_strategy .box_2 .PD_layout.acty_2 ul { padding: 0; display: flex; }
  @media screen and (max-width:767px){
    .Area_strategy { width: 111%; margin: 18vw 0 1vw -7vw; }
    .Area_strategy .btn {top: 15.5vw;right: -1vw;width: 16vw;}
    .Area_strategy.ts_ing .text_960 { width: 99%; margin: 0 0 0 2vw; }
    .Area_strategy .box_1 .text_960 .PD_layout { padding: 16vw 8vw 0 0; }
    .Area_strategy .box_1 .formula.PD_layout {width: 97%;margin: -7vw auto 0vw; padding: 0;}
    .Area_strategy .box_2 { width: 97%; }
    .Area_strategy .box_2 .btn01 { aspect-ratio: 209 / 98; width: 50%; height: 23vw; }
    .Area_strategy .box_2 .PD_layout ul { grid-gap: 0; }
    }

/*登記*/
.Area_danji01 { margin: 105px auto 40px; }
.Area_danji01 .box_all { margin: 30px auto 0; }
.Area_danji01 .danji_box { margin-bottom: 0; }
.Area_danji01 .danji_box .box_1 { width: 95%; margin: 0 auto 3%; }
.Area_danji01 .danji_box .box_2 { filter: brightness(100%); }
.Area_danji01 .warningTxt h3 { color: #fff; font-size: 1.5rem; }
.Area_danji01 .danji_box ul li .activityText { top: 46%; }
.Area_danji01 .danji_box ul li .activityText .gifts { font-weight: 600; }
.Area_danji01 .danji_box ul li .activityText .gifts span { color: #834f1c; }
.Area_danji01 .btn_reg .activityText .Tip, .Area_danji .btn_reg .activityText p, .Area_danji01 .btn_reg .content p { color: #000; }
/*登記區塊*/
.Area_danji01 .danji_box ul { grid-gap:25px; }
.Area_danji01 .danji_box ul li { padding: 0; }
@media screen and (max-width:767px){
    .Area_danji01 { margin: 3vw auto 7vw; }
    .Area_danji01 .box_1 { width: 95%; }
    .Area_danji01 .box_all { margin: 3vw auto 0; }
    .Area_danji01 .danji_box ul { grid-gap:0; }
    .Area_danji.d01 .danji_box ul li { margin-bottom: 0vw; }
    .Area_danji .danji_box ul li, .Area_danji.d03 .danji_box ul li { margin-bottom: 2vw; }
    .Area_danji01 .danji_box ul li .content { top: 71%;}
    .Area_danji01 .warningTxt h3 { font-size: 0.85rem; }
    }



/*---下方公版---*/
.Area_floor { margin: 80px auto 0; }
/* .Area_floor::after {content:"";z-index: -15;position: absolute;top: -115px;left: 50%;transform: translateX(-50%);width: 2000px;height: calc(100% - -145px);background: linear-gradient(180deg, #0c84cb, #0c84cb);background-size: 100%;} */
.Area_floor .box_1 { margin: 0 auto 100px; }
.Area_floor .box_1 .box { margin: 4% auto; }
.Area_floor .box_1 .box .text3_960 { margin: 0 auto 1.5%; }
.Area_floor .NavArea[data-light="box"].cate-open .Nav li:nth-child(11) { display: none; }
.Area_floor .NavArea .Nav a { padding: 0 10px; }
.Area_floor .NavArea .Nav .cate-hover a { color: #fff;}
.Area_floor .NavArea[data-light="box"].cate-open .Nav li.cate-hover a i { background-color: #060707; }
.Area_floor .NavArea[data-light="box"] .Nav ul { display: flex; flex-wrap: wrap; justify-content: center; }
@media screen and (max-width:767px){
  .Area_floor{ margin: 11vw auto 0; }
  /* .Area_floor::after { top:-3vw; width: 100%;height: calc(100% - -6vw);} */
  .Area_floor .box_1 { margin: 10vw auto 4vw; }
  .Area_floor .box_1 .box { margin: 0 auto 8vw; }
  .Area_floor .box_1 .PD_layout.pd, .Area_floor .box_2 .PD_layout.pd { width: 97%; }
  .Area_floor .NavArea[data-light="box"] .Nav ul { padding-left: 2vw!important; display: initial; }
  .Area_floor .NavArea_tabbar_floor { margin: 0 auto 0; }
  .Area_floor .Nav_box { width: 95%; margin: 0 auto;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
  }



/*BN區*/
.Area_AD { height: 380px; margin: 0 auto; }
.Area_AD .PD_layout ul {  }
.Area_AD .PD_layout .PD_img img { border-radius: 1em; }
.Area_AD .swiper-pagination-bullet { background: #fff; }
@media screen and (max-width:767px){
  .Area_AD { height: 36vw; }
  .Area_AD .PD_layout { width: 96%;  }
}


/*口碑大牌*/
.Area_logo { margin: 2% auto 1.5%; }
.Area_logo .box { margin: 2% auto 0; }
.Area_logo .box .PD_layout ul { grid-gap: 40px 5px; }
.Area_logo .box .PD_layout .PD_img::before {content: "";z-index: -2;display: block;position: absolute;top: -18px;left: 1px; width: 100%;aspect-ratio: 260 / 260;background: url(logo_bg2.png?t=1783910499064) no-repeat center top;background-size: 100%; animation: spin 15s linear infinite; }
.Area_logo .box .PD_layout .PD_img::after {content: "";z-index: -2;display: block;position: absolute;top: -15px;left: 48%;transform: translateX(-50%);width: 100%;aspect-ratio: 260 / 260;background: url(logo_bg.png?t=1783910499064) no-repeat center top;background-size: 100%;}
@media screen and (max-width:767px){
  .Area_logo { margin: 10vw auto 0; }
  .Area_logo .box { margin: 0 auto 0; }
  .Area_logo .box .PD_layout ul { grid-gap: 9vw 1vw; }
  .Area_logo .box .PD_layout .PD_img::before { top: -4vw; left: 0.35vw; }
  .Area_logo .box .PD_layout .PD_img::after { top: -3vw;}
  }

  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

/* 展開看更多按鈕 */
.more_box { display: none; }
.Area_logo .PD_layout-btn li { list-style: none; }
.Area_logo .PD_layout-btn li .PD h3 { font-size: 1.75em; color: #ffe49b; background: #000; }
/* 清單按鈕布局 */
.more_box .PD_layout-btn { display: block; }
/*按鈕展開了還要在開下面那行*/
/* .PD_layout-btn.active { display: block!important; } */
/* 展開看更多按鈕後：顯示所有 .PD_slide */
.more_box.active { display: block;}
@media screen and (max-width:767px){
  .Area_logo .PD_layout-btn{ margin: 0.5vw auto 0; padding: 0 0 4vw; }
  .Area_logo .more_box { margin: 5vw auto 0; }
}