/*PC背景*/
@media screen and (min-width:767px){
  .bg_fix {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .bg_deco {z-index:-1;position:absolute;top:850px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;pointer-events:none;}	
  }


/*版頭區塊*/
.topdeco{ position:absolute; pointer-events: none; z-index: 1; }  
.topdeco img{ width: 100%; }
@media screen and (min-width:768px){
.Area_top {height:851px; }
.deco01 {  top: 838px; left: 106px;  width: 35px; animation: arrowMove .5s ease-in-out infinite alternate;}

}
@media screen and (max-width:767px){
.Area_top {height:86.5vw;}
.Area_top .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.deco01 {top: 87vw; left: 10.5vw; width: 4vw; animation: arrowMove2 .5s ease-in-out infinite alternate;}
}
@keyframes arrowMove{
  from{  transform: translate(-4px, -4px);  }
  to{  transform: translate(4px, 4px);  }
  }
  @keyframes arrowMove2{
    from{  transform: translate(-2px, -2px);  }
    to{  transform: translate(2px, 2px);  }
    }



/*版頭主標微調*/
.title01{ z-index:1;  position: absolute;}
.title01 .PD_layout .PD img { width:96%!important; }
.title01 .PD_layout .PD a { pointer-events: none; }
.title01 .PD_layout .PD_slide:hover {transform: translateY(0); }
.title01 .PD_layout .PD_slide {min-width: 100%;}
@media screen and (min-width: 768px){
.title01 { top:94px;left:379px; width:56%; }
}
@media screen and (max-width:767px){
.title01{  width: 55%; right: 3.5vw;top: 9vw;}
.title01 ul{ padding: 0!important; }
.title01 .PD_layout {position: relative;top:0;right:0;width: 100%; }
.title01 .PD_layout .PD img { width: 100%!important; }
}



/*副標輪播*/
.Area_top .topPD2 {position: absolute; top: 318px; left:154px; width:643px;height: 100px;overflow: hidden; z-index:1;}
.Area_top .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (min-width: 768px){
  .Area_top .topPD2 ul.PD_wrapper li img{ width: 81%; }
}

@media screen and (max-width:767px){
  .Area_top .topPD2 {width: 67%; height:11vw; position: absolute; top: 32vw; left: 15.5vw; overflow: hidden;}
  .Area_top .topPD2 ul.PD_wrapper li img{ width: 82%; }
}


/*日期*/
.Area_top .date .PD_layout .PD a { pointer-events: none; }
.Area_top .date ul{ padding: 0!important; }
.Area_top .date{ z-index: 1; position: absolute;}
@media screen and (min-width: 768px){
.Area_top .date {top:152px;left:9px; width:34%;}
}
@media screen and (max-width:767px){
  .Area_top .date {top:15.5vw;left:3vw; width:33%;}
}


/*buy*/
.Area_top .buy ul{ padding: 0!important; }
.Area_top .buy{ z-index: 6; position: absolute;}
@media screen and (min-width: 768px){
.Area_top .buy {top:-1px;left:703px; width:10%;}
}
@media screen and (max-width:767px){
  .Area_top .buy {top:0vw;left:73vw; width:10.5%;}
}


/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap:wrap; position: absolute; top: 99px; left:27px; width:25%; height: 206px;   
  padding: 30px 16px 0 34px; font-size:57px; font-weight:normal; font-family: "Century Gothic"; z-index: 3;  transform:scale(0.8);
   box-sizing: border-box;color: #fbf8f3;/* background: url(datebg.png?t=1788170282555)no-repeat center / 88% ;*/} 
.TIMER_DAY small {font-size: 40px; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: 1px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: 1px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:-50px 0 0 48px; text-align: left; width: 90%;  display: none;}
.TIMER_DAY .box{ width: 100%; display: flex; justify-content: right; align-items: center;height: 80px; }
.TIMER_DAY .box small{ transform: translate(-1px, 4px) ;  font-weight: 700;}
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute;width: 34%;top: 9.3vw;left: -3.5vw;font-size: 6.5vw;letter-spacing: 0; padding:4vw 1vw 0 2vw; text-align: center;margin: 0;font-weight: 500; height:22vw; transform:scale(0.75);}
.TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.9em;  margin:-3.3vw 0 0 10vw;}	
.TIMER_DAY .box{ height: 8vw; }
.TIMER_DAY .box small{ transform: translate(-.3vw, 1vw);  }
}



/*區背景*/
.Area .bg, .Area .bg_btom{ position: absolute;pointer-events: none; z-index:-1; }
@media screen and (min-width: 768px){
  .Area .bg, .Area .bg_btom{ left: 50%; transform: translateX(-50%); width: 2000px;}
  .Area_hasbg:before{ left: 50%; transform: translateX(-50%); }

  .Area_hasbg .bg {top:-148px;left: 50%; height: 1186px;  overflow: hidden;}	
  /* .Area_hasbg .bg_btom {bottom:-50px;}	
  .Area_hasbg:before{ content:''; width: 2000px; height: 94%; background:url(AreaPD1_center.png?t=1788170282555) repeat-y center / 100%; position: absolute; top: 170px;}  */

}
@media screen and (max-width:767px){
  .Area_hasbg .bg {top:-13vw; right:-25vw; width:170%;  }	
   .Area_hasbg .bg_btom {bottom:-2vw;left:0;width:100%; }	
  /*.Area_hasbg:before{ content:''; width: 100%; height: 94%; background:url(mAreaPD1_center.png?t=1788170282555) repeat-y center / 100%; position: absolute; top: 21vw; left: 0;} */

}


/*區標*/
/* .Area_title h3{ font-size: 56px; }
.Area_title span{ text-shadow: 2px 2px 4px rgba(0,0,0,.5);  } */
@media screen and (max-width:767px){
  .Area_title{ margin-bottom: 1vw; }
  .Area_group-5 .Area_title{ margin-bottom: 2vw; }
  /* .Area_title h3{ font-size: 5.5vw; }
  .Area_title span{ text-shadow: 1px 1px 3px rgba(0,0,0,.5);  } */
}



/*登記*/
.Area_danji .danji_box {  margin-bottom: -12px; }
.warningTxt h3{ padding: 0 0 0;  }
/* .Area_danji .btn_reg .activityText .Tip{ color: #000; } */
@media screen and (max-width: 767px) {
  .Area_danji .danji_box {  margin-bottom: 0em; }
  .warningTxt h3{ padding: 0 0 .2em  }
}


/*警示文字*/
.edm_notice{  padding: 10px 10px 35px 10px; }


/*倒數計時*/
.Area_countdown-timer { margin: 0 0 5px 2px; }
@media screen and (max-width: 767px) {
  .Area_countdown-timer { margin:0 0 .5vw 4vw; transform: scale(0.85);}
}


/*攻略按鈕*/
.Area_group-2 .actineBtn{ display: flex; column-gap: 11px;}
.Area_group-2  .actineBtn-L { width: 50%; }
.Area_group-2  .actineBtn-R { width: 48%; }
.Area_group-2  .actineBtn-R .Area_swiper_box .PD_wrapper{ height: 300px; }
@media screen and (max-width: 767px) {
  .Area_group-2 .actineBtn{  column-gap: 1.5vw; width: 97%; margin: auto;}
  .Area_group-2  .actineBtn-R ul{ padding: 0!important; }
  .Area_group-2  .actineBtn-R .Area_swiper_box .PD_wrapper{ height: 30.5vw; }
}


/*3P*/
.Area_coupon_ppp .Area_swiper { width: 100%; }
.Area_coupon_ppp .PD_coupon ul { padding-top: 23px; }
@media screen and (max-width: 767px) {
  .Area_coupon_ppp .PD_coupon ul { padding-top: 2.8vw; }
}


/*logo輪播*/
.Area_group-3 .Area_bn-carousel .swiper-wrapper li,.Area_group-6 .Area_bn-carousel2 .swiper-wrapper li{ height: 100px; }
@media screen and (max-width: 767px) {
  .Area_group-3 .Area_bn-carousel .swiper-wrapper li,.Area_group-6 .Area_bn-carousel2 .swiper-wrapper li{ height: 13vw; }
  .Area_group-3 .Area_bn-carousel .swiper-wrapper li{ margin-right: 4px!important; margin-top: 5px!important; }
  .Area_group-6 .Area_bn-carousel2 .swiper-wrapper li{ margin-right: 4px!important; margin-top: 5px!important; }
}


.Area_group-4 .btn{ position: absolute; top: 44px; right: 36px; }
@media screen and (max-width: 767px) {
  .Area_group-4 .btn{ width: 23vw; top: 4.6vw; right: 2.5vw; }
}


.Area_group-5 .btn{ position: absolute; top: 42px; right: 0; }
@media screen and (max-width: 767px) {
  .Area_group-5 .btn{ width: 41vw; top: 4.6vw; right: -2vw; }
}



.Area_group-5 .Area_pd-carousel .PD_layout .PD .PD_btn, .Area_group-6 .Area_pd-carousel .PD_layout .PD .PD_btn{ width: 80%; left: 10%; background-color: #9ea288; background-image: repeating-linear-gradient(45deg, #9ea288 -2%, #9ea288 120%); }
@media screen and (max-width: 767px) {
  .Area_group-5 .Area_pd-carousel .PD_layout .PD_slide, .Area_group-6 .Area_pd-carousel .PD_layout .PD_slide {  padding-bottom: 2.3em; }
}


/*logo+2行文案*/
.AreaLogo .Area_content ul li .PD_into p, .AreaLogo .Area_content ul li .PD_into h4 b { display: none; }
.AreaLogo .Area_content ul li { background-color: transparent; background: url(logo_bg.png?t=1788170282555) no-repeat top / 100%; }
.AreaLogo .Area_content ul li h3{ color: #fff; }
@media screen and (min-width: 768px){
  .AreaLogo .Area_content ul { height: 272px; }
  .AreaLogo .Area_content ul li .PD_into{ padding: 12px 15px 0 15px; }
  .AreaLogo .Area_content ul li .PD_img { padding: 14px 25px 0px 25px; }
  .AreaLogo .Area_content ul li h3{ font-size: 22px; }
  .AreaLogo .Area_content ul li h4{ font-size: 20px; }
}
@media screen and (max-width: 767px) {
  .AreaLogo .Area_content ul { height: 37vw; }
  .AreaLogo .Area_content ul li .PD_img { padding: 2vw 4vw 0 4vw; }
  .AreaLogo .Area_content ul li h4{ margin-top: -1.5vw; }
}







/*浮層嘿嘿*/
.blackBox { clear: both; display:none; z-index:999; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; height:100%; background-color: rgba(34,34,34,0.75); }
.blackBox * { font-family:"微軟正黑體", "Microsoft JhengHei", Arial; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
.blackBox_play { z-index: 99; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(34,34,34,0.75);}

/*浮層基本*/
.blackBox .box .button { border-top: 1px solid #d6d6d6; text-align: center; font-size: 1.25rem; line-height: 3.5rem; font-weight: bold;}
.blackBox .box .button a{ text-decoration: none;}
.blackBox .box .but-close { clear: both; width: 100%;}
.blackBox .box .but-close a { display: block; color: #333;}
.blackBox .box h3 span.close { position: absolute; top: 6px; right: 5px; display: block; border: 2px solid #000; border-radius: 5px; width: 63px; height: 33px; font-size: 1rem; line-height: 2rem; text-align: center;}
.blackBox .box h3 span.close a { display: inline-block; width: 100%; height: 100%; color: #000; text-decoration: none;}

/*顏色控制*/
.spcolor{ color:#d62772;}
.agreeArea .box h3{background-color:#d62772;}

/*通知浮層*/
.agreeArea { z-index:10;  position: relative; top: 50%!important; transform: translateY(-50%); margin: 0 auto 30px; width: 94%; max-width: 900px; font-family:"Century Gothic", "微軟正黑體", sans-serif;  }
.agreeArea img { width:100%; height:auto;}
.agreeArea .box { border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color: #fff; overflow: hidden;}
.agreeArea .box h3 { padding: 0; margin: 0; height: 3rem; font-size: 1.25rem; font-weight: 800; line-height: 3rem; text-align: center; color:#ffffff; }

/*內容*/
.agreeArea .txtArea { position: relative; height:60vh; overflow:auto; overflow-y:auto; -webkit-overflow-scrolling:touch; text-align: left; color: #333;}
.agreeArea .txtArea h2,.agreeArea .txtArea h4,.agreeArea .txtArea p { margin: 0; padding: 0;}
.agreeArea .txtArea .itemwrap-title-box { position: relative; margin: 0;}
.agreeArea .txtArea .itemwrap-title-box h2 { margin: 0; padding: 0.5em 1em 1em 1em; font-size: 1.45rem;}
.agreeArea .txtArea .itemwrap-list-style .PD_wrapper  {margin: 0; padding-left: 1em; list-style-type: decimal;}
.agreeArea .txtArea .itemwrap-list-style .PD_wrapper .PD_slide { margin-bottom: 1em;}
.agreeArea .itembox { position: relative; display: flex; width: 100%; margin-bottom: 1em;}
.agreeArea .itembox .itembox_box { position: relative;  width:calc(65%); margin:0; padding:0 1em 0 0; font-size:1rem; text-align:left; line-height:1.65rem; color:#000;font-weight:500;}
.agreeArea .itembox .item-title { /*min-width:calc(100% - 35em);*/ margin:0; padding:0; font-size:1.25rem; font-weight:800; line-height:1; text-align:left; color:#000; box-sizing: border-box; padding: 0 1em; white-space: nowrap;}
.agreeArea .itembox .item-information { font-size: 1rem; text-align: left; line-height: 1.65rem; color: #000; font-weight: 500; padding-right: 1rem;}
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child {margin-bottom: 0;}
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child .item-information  { margin: 0; padding: 0.5em 1em 1em 1em; font-size: 1.45rem; font-weight: bolder;}
.agreeArea .txtArea .PD_wrapper  {margin: 0; padding: 0; list-style: none;}
    @media screen and ( max-width:736px) {
        /* .agreeArea .itembox .item-title {min-width:calc(100% - 11em); max-width: calc(100% - 11em);} */
        .agreeArea .itembox.itemwrap {flex-wrap: wrap}
        .agreeArea .itembox.itemwrap .itembox_box { width:100%; margin-bottom: 2em; }
        .agreeArea .itembox.itemwrap .itembox_box { padding:1em 2em 0 2em; }
    }
    .agreeArea .itembox ul,
    .agreeArea .itembox ol { margin: 0; padding-left: 1em;}
    .agreeArea .itembox li {line-height: 1.65rem;}
    .agreeArea .box .agree_table table { margin:20px auto; border-collapse:collapse; width:90%; text-align:center;}
    .agreeArea .box .agree_table th { padding:5px; border:1px solid #CCC; width:33%; font-size:0.9em; }
    .agreeArea .box .agree_table td { padding:5px; border:1px solid #CCC; font-size:0.9em; }
    .agreeArea .box .agree_table th a{ color:#c70026; text-decoration:underline;}
    .agreeArea .box .xxx{ display:block; width:80%; height:40px; font-size:1.5em; text-align:center; line-height:40px; color:#FFF; background-color:#7048A0; margin:0 auto; margin-bottom:20px; margin-top:10px; font-weight:bold; border-radius:10px;}
    .agreeArea .box .qrcodeimg { text-align:center; }
    .agreeArea .box .qrcodeimg a { color:#006afe;}
    .agreeArea .box .qrcodeimg img { width:100%; height:auto;}

/* 門檻說明線上入稿 */
.agreeArea .itemwrap-gift-info .itembox_box .PD_wrapper { display: grid; gap: 1rem; }
.agreeArea .itemwrap-gift-info .PD_slide .row { display: flex; font-size: 1rem; line-height: 1.5; font-weight: bold;}
.agreeArea .itemwrap-gift-info .PD_slide p { padding: 6px 18px; vertical-align: middle; line-height: 1.75;}
.agreeArea .itemwrap-gift-info .PD_slide .row-title p { flex-basis: 100%; text-align: center; background: #000000; color: #ffffff;}
.agreeArea .itemwrap-gift-info .PD_slide .row-info p { border: 1px solid #cccccc;}
.agreeArea .itemwrap-gift-info .PD_slide .row p:nth-child(1) { flex-shrink: 0;}
.agreeArea .itemwrap-gift-info .PD_slide .row p:nth-child(2) { flex-grow: 1;}
.agreeArea .itemwrap-gift-info .PD_slide .row-info:nth-of-type(even) { background: #eeeeee;}
    @media screen and ( max-width:736px) {
        .agreeArea .itemwrap-gift-info .PD_slide .row { display: flex; font-size: 0.9rem; line-height: 1.5; justify-content: flex-start; align-items: stretch; font-weight: bold;}
    }