/*區標*/
 /* .Area_title h3{ font-size: 56px;  margin-top: -4px;} */
/*.Area_title span{ text-shadow: 2px 2px 4px rgba(0,0,0,.5);  } */
@media screen and (max-width:767px){
   /* .Area_title h3{ font-size: 5.5vw; margin-top: -.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_register-activity{ padding-bottom: 0!important; }
  .Area_danji .danji_box ul{ gap: 1vw; }
  .Area_danji .danji_box {  margin-bottom: 0em; }
  .warningTxt h3{ padding: 0 0 .2em  }
}

/*版頭側標輪播*/
@media screen and (min-width: 768px){
  .Area_pd-carousel2{ margin-bottom: 80px; }
  .Area_pd-carousel2 .topPD{ background-size: 75%;  background-position: top left;}
  .Area_pd-carousel2 .topPD{ padding-left: 29px; margin-left: -43px; }
}
@media screen and (max-width: 767px) {
  .Area_pd-carousel2 .topPD{ padding-left: 3vw; margin-left: 0;}
}

/*折價券換色*/
.divine_coupon2 span{ color: #fff; }

/*倒數數字*/
.FontStyle b { color: #fff; }

/*登記警語*/
.Area_text-block{ list-style: none; }
.Area_text-block ul { padding: 0; margin: 0; }
.Area_text-block .js-textblock_content{ color: #fff; }

/*頁尾警語*/
.edm_notice{  padding: 10px 10px 40px 10px; }

/*關鍵字*/
.Area_hashtag .PD_layout-D1_03 ul { gap:5% 1%; }


/*作圖區(2檻一排)*/
.Area_drawing-area-2x1 .PD_layout .PD h3{ text-align: center; font-family: "Noto Sans TC"; font-weight: 700;}
.Area_drawing-area-2x1 .PD_layout .PD h4{ width: 92%; margin: auto; text-align: center; font-family: "Noto Sans TC";  font-weight: 500; }
.Area_drawing-area-2x1 .PD_layout .PD h3 span{ background-color: transparent; color: #fff; max-width: 100%; }
.Area_drawing-area-2x1 .PD_layout .PD h4 span{ color: #fff;}
.Area_drawing-area-2x1 .PD_layout .PD h4 b{ display: none; }
.Area_drawing-area-2x1[org="1"] .PD_layout-CSSBG_01 .PD .PD_img{ padding: 4% 5% 11%; }
.Area_drawing-area-2x1[org="1"] .PD_layout-CSSBG_01 li .PD_into p{ color: #1c1c1c;}
.Area_drawing-area-2x1 .PD_layout .PD p del{ color: #1c1c1c; }
@media screen and (min-width: 768px){
  .Area_drawing-area-2x1 .PD_layout ul{ grid-gap:10px 20px; padding: 0 20px;}
  .Area_drawing-area-2x1 .PD_layout .PD h4{ max-height: 1.9em; }
  .Area_drawing-area-2x1 .PD_layout .PD h3{ margin-bottom: 8%; }
  .Area_drawing-area-2x1 .PD_layout .PD h3 span{  font-size: 42px;}
  .Area_drawing-area-2x1 .PD_layout .PD h4 span{  font-size: 40px;}
  .Area_drawing-area-2x1 .PD_layout .PD p{  line-height: 3em; transform: scale(1.5); margin-top: 8%;}
}
@media screen and (max-width: 767px) {
  .Area_drawing-area-2x1 .PD_layout ul{ grid-gap:2vw 2vw; padding: 0 1vw;}
  .Area_drawing-area-2x1 .PD_layout .PD h3{ margin: -3% auto 3%; }
  .Area_drawing-area-2x1 .PD_layout .PD h4{ margin-bottom: 1vw}
  .Area_drawing-area-2x1 .PD_layout .PD h3 span{  font-size: 4.4vw;}
  .Area_drawing-area-2x1 .PD_layout .PD h4 span{  font-size: 4.4vw;}
  .Area_drawing-area-2x1 .PD_layout .PD p{  transform: scale(1.1); margin-top: 1%;}

}


/*1帶多*/
@media screen and (min-width: 768px){
  /* .Area_brand-swiper .PD_layout-D3_02{ height: 209px;  }
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 45px 0 0 91px; width: 27%;}
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:22px -111px 0 85px; } */
}
@media screen and (max-width: 767px) {
  /* .Area_brand-swiper .PD_layout-D3_02{ height: 21vw; }
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 2vw 0 0 0vw; width: 36%;}
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:0.5vw -17vw 0 3vw; font-size: 20px;} */
}

/*1帶2*//*pc寬1220*/
@media screen and (min-width: 768px){
  .Area_brand-1-plus-2 .PD_layout-D3_02{ height: 133px;  }
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 21px 0 0 60px; width: 36%;}
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:13px -38px 0 19px; }
}
@media screen and (max-width: 767px) {
  .Area_brand-1-plus-2 .PD_layout-D3_02{ height: 21vw; }
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 3vw 0 0 1vw; width: 33%;}
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:0.5vw -10vw 0 -4vw; font-size: 20px;}
}

/*BN輪播高度*/
@media screen and (min-width: 768px){
  .Area_bn-carousel .Area_content ul { height: 315px; }
}
@media screen and (max-width: 767px) {
  .Area_bn-carousel .Area_content ul { height: 41vw; }
}

/*BN ul間距*/
@media screen and (min-width: 768px){
  .AreaBN01 .Area_content .PD_layout ul{ grid-gap:20px; }
  .AreaBN02 .Area_content .PD_layout ul{ grid-gap:50px; width: 80%;}
}
@media screen and (max-width: 767px) {
  .AreaBN01 .Area_content .PD_layout ul{ grid-gap:2vw; }
  .AreaBN02 .Area_content .PD_layout ul{ grid-gap:4vw; width: 95%;}
}


/*以上是通用css*/

/*版頭*/
@media screen and (min-width:768px){
  .Area_hero-visual_003{ margin-bottom: -55px; }
}
@media screen and (max-width:767px){
  .Area_hero-visual_003{ margin-bottom: -5vw; }
}


/*版頭deco*/
.topdeco{ position:absolute; pointer-events: none; z-index: 5;}  
.topdeco img{ width: 100%; }
@media screen and (min-width:768px){
  .deco01 { top:50px; left: 113px; width: 123px;}
  .deco02 { top:114px; left: 659px; width: 107px;}
  }
  @media screen and (max-width:767px){
  .deco01 {top: 5.6vw; left: 14vw; width: 10vw;}
  .deco02 {top: 13vw; left: 69vw; width: 10vw;}
  }

/*版頭品*/
.TopPD{ position: absolute; top: 45%; left: 0;}
.TopPD ul{ background-color: transparent; padding: 0; }
.TopPD ul li { border: none; }
.TopPD .PD_layout .PD_img { padding: 0; width: 59%;}
.TopPD .PD_layout .PD h3,.TopPD .PD_layout .PD h4{ text-align: center; margin-bottom: 0; font-family: "Noto Sans TC";}
.TopPD .PD_layout .PD h3 span{ background-color: transparent; color: #ff5193; max-width: 100%; }
.TopPD .PD_layout .PD h4 span{ color: #fff; }
.TopPD .PD_layout .PD h4 b{ display: none; }
.TopPD .PD_layout .PD p{ color: #fff;}
.TopPD .PD_layout .PD p del{ color: #fff; }
@media screen and (min-width: 768px){
  .TopPD .PD_layout .PD_into{ margin: 46px 0 0 -90px; }
  .TopPD .PD_layout .PD h3 {  font-size: 41px; font-weight: 700; max-height: 1.7em;}
  .TopPD .PD_layout .PD h4 {  font-size: 39px; font-weight: 500; }
  .TopPD .PD p{  transform: scale(2.5) translate(158px, 38px); }
}
@media screen and (max-width: 767px) {
  .TopPD .PD_layout .PD_into{ margin: 9% 0 0 -8%; }
  .TopPD .PD_layout .PD h3 span{  font-size: 4.6vw; font-weight: 700; max-height: 2em;}
  .TopPD .PD_layout .PD h4 span{  font-size: 4.2vw; font-weight: 500;}
  .TopPD .PD p{  transform: scale(1) translate(7%, 89%); }
}


.Area_group-2 .Area_content{ display: flex; }
.Area_group-2 .Area_bn-grid-1x1 .PD_layout ul{ grid-gap: 0; padding: 0;}
.Area_group-2 .Area_bn-grid-3x1 .PD_layout ul{ grid-template-rows: repeat(4,auto); grid-template-columns: none; grid-gap: 0; padding: 0;}


/*作圖區*/
.Area_group-3 li{ z-index: 5; }
.Area_drawing-area-1x1{ position: relative; }
.Area_drawing-area-1x1 .PD_layout.hasbg .PD .PD_img{ padding: 12% 5% 2%; }
.Area_drawing-area-1x1 .PD_layout:not(.PD_layout-btn) li .PD_img { margin-top: 0; }
.Area_drawing-area-1x1 .PD_layout .PD h3{ text-align: center; margin-bottom: 0; font-family: "Noto Sans TC"; font-weight: 500;}
.Area_drawing-area-1x1 .PD_layout .PD h4{ width: 92%; position: absolute; font-family: "Noto Sans TC"; font-weight: 700; text-align: left;}
.Area_drawing-area-1x1 .PD_layout .PD h3 span{ background-color: transparent; color: #fff; max-width: 100%; padding: 0;}
.Area_drawing-area-1x1 .PD_layout .PD h4 span{ color: #ff438a;}
.Area_drawing-area-1x1 .PD_layout .PD h4 b{ display: none; }
.Area_drawing-area-1x1 .PD_layout .PD p{ color: #fff;}
.Area_drawing-area-1x1 .PD_layout .PD p del{ color: #fff; }
@media screen and (min-width: 768px){
  .Area_drawing-area-1x1 .PD_layout{ padding: 0 20px; }
  .Area_drawing-area-1x1[org="1"] .PD_layout.hasbg li{ padding-bottom: 60px; }
  .Area_drawing-area-1x1 .PD_layout:not(.PD_layout-btn) li .PD_into{ margin-left:-23px; }
  .Area_drawing-area-1x1 .PD_layout .PD h3{ margin-top: 95px; }
  .Area_drawing-area-1x1 .PD_layout .PD h4{ top:4.8%; left: 15%; max-height: 2.5em;}
  .Area_drawing-area-1x1 .PD_layout .PD h3 span{  font-size: 45px;}
  .Area_drawing-area-1x1 .PD_layout .PD h4 span{  font-size: 45px;}
  .Area_drawing-area-1x1 .PD_layout .PD p{  transform: scale(2); margin-top: 48%;}
  .Area_group-3 .Area_bn-grid-3x1{ position: absolute; top: 39%; left: 48%; width: 47%; }
}
@media screen and (max-width: 767px) {
  .Area_drawing-area-1x1 .PD_layout ul{ padding: 0 1vw;}
  .Area_drawing-area-1x1[org="1"] .PD_layout.hasbg li{ padding-bottom: 7vw; }
  .Area_drawing-area-1x1 .PD_layout:not(.PD_layout-btn) li .PD_into{ margin-left: -2.5vw; }
  .Area_drawing-area-1x1 .PD_layout .PD h3{ margin-top: 10vw; }
  .Area_drawing-area-1x1 .PD_layout .PD h4{ top:3%; left: 16%;}
  .Area_drawing-area-1x1 .PD_layout .PD h3 span{  font-size: 5vw;}
  .Area_drawing-area-1x1 .PD_layout .PD h4 span{  font-size: 5vw;}
  .Area_drawing-area-1x1 .PD_layout .PD p{  transform: scale(1.2);  margin-top: 47%;}
  .Area_group-3 .Area_bn-grid-3x1{ position: absolute; top: 35%; left: 42.5%; width: 59%;}
  .Area_group-3 .Area_bn-grid-3x1 ul{ gap:0 1.5vw; }
}



@media screen and (min-width: 768px){
  .Area_pd-grid-4x2 .Area_content .PD_layout{ padding: 0 20px; }
  .Area_title02 #js-PD_val_1{ margin-left: 25px; font-size: 49px;}
}
@media screen and (max-width: 767px) {
  .Area_title02 #js-PD_val_1{ margin-left: 2vw; font-size: 5.2vw;}

}