/*區標*/
 /* .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: 1.5vw; }
  .Area_danji .danji_box {  margin-bottom: .3em; }
  .warningTxt h3{ padding: 0 0 .2em  }
}

/*登記警語*/
.Area_text-block{ list-style: none; }
.Area_text-block ul { padding: 0; margin: 0; }
.Area_text-block .js-textblock_content{ color: #fff }
@media screen and (max-width: 767px) {
  .Area_text-block .js-textblock_content{ font-size: .8em; margin-top: -1%;}
}

/*版頭側標輪播*/
@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;}
}


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

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


/*作圖區*/
.Area_drawing-area-2x1 .PD_layout-CSSBG_01 .PD .PD_img{ padding: 13% 5% 19%; }
.Area_drawing-area-2x1 .PD_layout .PD h4{ width: 92%; margin: auto;}
.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: #000;}
.Area_drawing-area-2x1 .PD_layout .PD h4 b{ display: none; }
.Area_drawing-area-2x1 .PD_layout .PD p{ color: #fff;}
.Area_drawing-area-2x1 .PD_layout .PD p del{ color: #868686; }
@media screen and (min-width: 768px){
  .Area_drawing-area-2x1 .PD_layout ul{ grid-gap:20px 20px; }
  .Area_drawing-area-2x1 .PD_layout .PD h3{ margin-bottom: 2%; }
  .Area_drawing-area-2x1 .PD_layout .PD h3 span{  font-size: 26px;}
  .Area_drawing-area-2x1 .PD_layout .PD h4 span{  font-size: 26px;}
  .Area_drawing-area-2x1 .PD_layout .PD p{  line-height: 3em; transform: scale(1); margin-top: -3%;}
}
@media screen and (max-width: 767px) {
  .Area_drawing-area-2x1 .PD_layout ul{ grid-gap:2vw 2vw; }
  .Area_drawing-area-2x1 .PD_layout .PD h3{ margin: 0 auto 2%; }
  .Area_drawing-area-2x1 .PD_layout .PD h4{ margin-bottom: 0vw}
  .Area_drawing-area-2x1 .PD_layout .PD h3 span{  font-size: 4.5vw;}
  .Area_drawing-area-2x1 .PD_layout .PD h4 span{  font-size: 4.5vw;}
}


/*作圖區*/
.Area_drawing-area-1x1 .PD .PD_img{ padding: 4.5% 7% 1% 5%; }
.Area_drawing-area-1x1 .PD_layout .PD h3 span { background-color: transparent; max-width: 100%;  }
.Area_drawing-area-1x1 .PD_layout .PD{ text-align: left; }
@media screen and (min-width: 768px){
  .Area_drawing-area-1x1 .PD_layout .PD h3{ margin-bottom: 2%; margin-top: 10%;}
  .Area_drawing-area-1x1 .PD_layout .PD h3 span{  font-size: 33px;}
  .Area_drawing-area-1x1 .PD_layout .PD h4 span{  font-size: 33px;}
  .Area_drawing-area-1x1 .PD_layout .PD p{  transform: scale(1.5) translateX(10px); margin-top: 20px; transform-origin: left;}
}
@media screen and (max-width: 767px) {
  .Area_drawing-area-1x1 .PD_layout .PD h3{ margin-top: 23%; }
  .Area_drawing-area-1x1 .PD_layout .PD h3 span{  font-size: 4.5vw;}
  .Area_drawing-area-1x1 .PD_layout .PD h4 span{  font-size: 4.5vw;}
  .Area_drawing-area-1x1 .PD_layout .PD p{  transform: translateX(2vw);  }
}


/*1帶多*/
@media screen and (min-width: 768px){
  .Area_brand-swiper .PD_layout-D3_02{ height: 155px;  }
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 6px 0 0 62px; width: 27%;}
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:11px -62px 0 66px; }
}
@media screen and (max-width: 767px) {
  .Area_brand-swiper .PD_layout-D3_02{ height: 17vw; }
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 0vw 0 0 -2vw; width: 34%;}
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:-1vw -13vw 0 3vw; font-size: 20px;}
}

/*1帶2*//*pc寬1220*/
@media screen and (min-width: 768px){
  .b_box.b_box-grid2{ gap: 16px; }
  .Area_brand-1-plus-2 .PD_layout-D3_02{ height: 81px;  }
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: -1px 0 0 -11px; width: 33%;}
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:2px -53px 0 -15px; }
}
@media screen and (max-width: 767px) {
  .b_box.b_box-grid2{ gap: 3vw; }
  /* .b_box.b_box-grid2 .box:nth-child(even) .PD_layout-D3_02{ background-image:url("bg1.png?t=1793175186011") } */
  .Area_brand-1-plus-2 .PD_layout-D3_02{ height: 16vw; }
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: -0.1vw 0 0 -8vw; width: 35%;}
  .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-carousel270 .Area_swiper ul { height: 222px; }
  .Area_scene-carousel .Area_content ul { height: 458px; }
}
@media screen and (max-width: 767px) {
  .Area_bn-carousel270 .Area_swiper ul { height: 22.5vw; }
  .Area_scene-carousel .Area_content ul {  height: 68vw; }
}

/*BN ul間距*/
@media screen and (min-width: 768px){
  .AreaBN00 .PD_layout ul{ padding: 0; }
  .AreaBN01 .Area_content .PD_layout ul{ grid-gap:20px; }
  .AreaBN02 .Area_content .PD_layout ul{ grid-gap:0; width: 85%;}
}
@media screen and (max-width: 767px) {
  .AreaBN00 .PD_layout ul{ padding: 0; width: 97%; grid-gap:1.5vw 2vw;}
  .AreaBN01 .Area_content .PD_layout ul{ grid-gap:2vw; }
  .AreaBN02 .Area_content .PD_layout ul{ grid-gap:0; width: 100%;}
}



/*以上是通用css*/

.swiper-pagination-black .swiper-pagination-bullet{ background-color: #000000!important; }

@media screen and (min-width: 768px){
  .Area_Timecountdown{ margin: -43px 0 12px 218px; }
}
@media screen and (max-width: 767px) {
  .Area_Timecountdown{ margin: -4vw 0 1vw 9vw; transform: scale(0.95);}
}


/*膠囊logo*/
.Area_pd-logo-carousel { padding-bottom: 65px; }
.Area_pd-logo-carousel .PD_layout.layout_logo_carousel li .PD .PD_logo{ aspect-ratio: 2.5; padding: 0;}
.Area_pd-logo-carousel .PD_layout li .PD .PD_logo{ border-radius: .5em!important; }
.Area_pd-logo-carousel h3{ display: none; }
.Area_pd-logo-carousel .PD_layout .PD img{ width: 87%; margin: auto; }
@media screen and (max-width: 767px) {
  .Area_pd-logo-carousel { padding-bottom: 7vw; width: 95%; }
}


.Area_category-day h3{ display: none; }
@media screen and (max-width: 767px) {
  .Area_coupon-3p-carousel{ margin-bottom: 3vw; }
  .Area_category-day { overflow: hidden; }
}


/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap:nowrap; position: absolute; top: 85px; left: 515px; width:32%; height: 110px;  text-shadow: 0 0 10px #9bda3b; 
  padding: 33px 0px 0 52px; font-size:57px; font-weight: bold; font-family: "Century Gothic"; z-index: 3;  transform: scale(0.9) skewX(-10deg);
   box-sizing: border-box;color: #a1e537;/* background: url(datebg.png?t=1793175186011)no-repeat center / 88% ;*/} 
.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 800; margin:17px 0 0 4px; text-align: left; width: 100%;}
.TIMER_DAY .box{ width: 100%; display: flex; justify-content: right; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute;width: 45%;top: 8vw;left: 49.5vw;font-size: 6.5vw;letter-spacing: 0; padding:4vw 1vw 0 2vw; text-align: left;margin: 0;font-weight: 900; height:22vw;  transform:scale(0.8) skewX(-10deg);}
.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-size: 0.8em;  margin:1.2vw 0 0 1vw;}	
.TIMER_DAY .box{ height: 8vw; }
}


@media screen and (max-width: 767px) {
  .Area_pd-carousel-sidelist .Area_item-list .PD_layout ul { gap: 14% 0; }
  .Area_pd-carousel-sidelist .Area_item-list .PD_layout ul li{height: 123%;}
}