/*PC背景*/
@media screen and (min-width:767px){
  .bg_fix {z-index: -1;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:428px; }
.deco01 {  top: 838px; left: 106px;  width: 35px; animation: arrowMove .5s ease-in-out infinite alternate;}

}
@media screen and (max-width:767px){
.Area_top {height:37.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;}
}



/*版頭主標微調*/
.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:85px;left:33px; width:93%; }
}
@media screen and (max-width:767px){
.title01{  width: 100%; right: 0vw;top: 0vw;}
.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: 311px; 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: 79%; }
}

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


/*日期*/
.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%;}
}



/*區背景*/
.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=1793151678402) 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=1793151678402) 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_coupon3_002 { margin-top: 99px; }
@media screen and (max-width: 767px) {
  .Area_coupon3_002 { margin-top: 12vw; }
}

@media screen and (max-width: 767px) {
  .Area_group-1{ padding-bottom: 1vw; }
  .Area_group-1 .Area_bn-grid-3x1:nth-child(1) ul { grid-gap:2vw; margin: 9vw 0 -2vw 0;}
}

.Area_text-block .js-textblock_content{ font-weight: normal; margin-top: -.5em;}


@media screen and (min-width: 768px){
  .AreaBN ul { grid-gap:0 20px!important;}
}
@media screen and (max-width: 767px){
  .AreaBN ul { grid-gap:0 2vw!important;}
}


/*作圖區*/
.Area_drawing-area-2x1 .Area_content ul .PD_img img { border-radius: 20px!important; overflow: hidden; }
.Area_drawing-area-2x1 .Area_content .PD_layout .PD h3 span{ background-color: transparent; color: #fff;  max-width: 100%;}
.Area_drawing-area-2x1 .Area_content .PD_layout .PD h4 b{ display: none; }
.Area_drawing-area-2x1 .Area_content .PD_layout .PD h4 span{ color: #fff; }
.Area_drawing-area-2x1 .Area_content .PD_layout .PD_into p span, .Area_drawing-area-2x1 .Area_content .PD_layout .PD_into p del{ color: #ffd247; }
@media screen and (min-width: 768px){
  .Area_drawing-area-2x1 .Area_content ul { grid-gap: 15px 32px!important; }
  .Area_drawing-area-2x1 .Area_content ul .PD_img{ padding: 97px 48px 74px; }
  .Area_drawing-area-2x1 .Area_content .PD_layout .PD_into p{ line-height: 3em; }
  .Area_drawing-area-2x1 .Area_content .PD_layout .PD_into{ padding: 5% 2%; transform: scale(1.2); }
}
@media screen and (max-width: 767px) {
  .Area_drawing-area-2x1 .Area_content ul { grid-gap: 1vw 3vw!important;  margin-top: -3vw;}
  .Area_drawing-area-2x1 .Area_content ul .PD_img{ padding: 10vw 5vw 6vw!important; }
  .Area_drawing-area-2x1 .Area_content .PD_layout .PD_into{ padding: 0 6%;  }
  .Area_drawing-area-2x1 .Area_content .PD_layout .PD h3 {  margin-bottom: 0; }
  .Area_drawing-area-2x1 .Area_content .PD_layout .PD h3 span{ font-size: 4.5vw;}
  .Area_drawing-area-2x1 .Area_content .PD_layout .PD h4 span{ font-size: 4.5vw;}
}


/*1帶2*/
@media screen and (min-width: 768px){
  .Area_brand-1-plus-2 .b_box-grid2{ gap: 20px 10px; }
  .Area_brand-1-plus-2 .box { background:url(BG.png?t=1793151678402) no-repeat top / 100%; padding: 2% 4.5% 8% 3%;}
  .Area_brand-1-plus-2 .box .PD_logo{ margin: -1% 0 0 2%!important; width: 33%!important;}
  .Area_brand-1-plus-2 .box  h3 { margin: -3% 0 0 2%;}
}
@media screen and (max-width: 767px) {
  .Area_brand-1-plus-2 .box { background:url(mBG.png?t=1793151678402) no-repeat top / 100%; padding: 3% 4.5% 8% 3%;}
  .Area_brand-1-plus-2 .b_box-grid2{ gap: 2.5vw 0; }
  .Area_brand-1-plus-2 .box .PD_logo{ margin: -1% 0 0 -2%!important; width: 38%!important;}
  .Area_brand-1-plus-2 .box  h3 { margin: -7% 0 0 2%;}
}



/*置底按鈕*/
@media screen and (min-width: 768px){
  .AreaBTN .Area_content { padding-bottom: 0!important; }
 .AreaBTN ul{ width: 75%!important; }
}