@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background: url(bgrepeat.jpg?t=1782353488140)top center repeat-y;}
}

/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1782353488140) no-repeat center top;}
.bgdeco {z-index: 1;position: absolute;top: 800px;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url(bgdeco.png?t=1782353488140) repeat-y center top;pointer-events: none;}
@media screen and (max-width:767px){
  .bgtop { position: absolute;min-width: inherit;  background: url(bgtop_m.jpg?t=1782353488140) no-repeat center 44px; background-size: 100%;}
}

/*間距*/
.Area_bottom {margin-bottom: 20px;}
@media screen and (max-width:767px){
  .Area_bottom {margin-bottom: 5vw;}
}

/*版頭*/
.Area_top {position: relative;height: 630px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 309px;top: 106px;z-index: 2;}
.Area_top .top_deco01 {position:absolute;top: 313px;left: 16px;z-index: 1;pointer-events: none;}
.Area_top .top_deco02 {position:absolute;top: 239px;left: 940px;z-index: 1;pointer-events: none;}
.Area_top .top_deco03 {position:absolute;top: 127px;left: 141px;z-index: 1;pointer-events: none;}
.Area_top .top_deco04 {position:absolute;top: 39px;left: 960px;z-index: 1;pointer-events: none;}
@media screen and (max-width:767px){
  .Area_top {height: 61vw;}
  .Area_top .main01 {left: 18.5vw;top: 7vw;width: 70%;}
  .Area_top .top_deco01 {position: absolute;top: 32vw;left: -5.5vw;width: 23%;}
  .Area_top .top_deco02 {position: absolute;top: 25vw;left: 83.5vw;width: 20%;}
  .Area_top .top_deco03 {position: absolute;top: 13vw;left: 5vw;width: 20%;}
  .Area_top .top_deco04 {position: absolute;top: 3vw;left: 83.5vw;width: 13%;}
}

/*副標*/
.sub .PD_layout ul {display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 485px;left: 305px;width: 50%;height: 240px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 86%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 46.5vw;left: 10vw;width: 80%;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 68%;padding: 0;}
}

/*區標*/
.Area_title_lbtclass h3 {top: 0;font: 57px/57px "Noto Sans CJK SC";font-weight: 700;}
.box_txt {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt img {width: 79%;}
.txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 145px;top:0;}
.txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
.txt .PD_into {padding: 0;}
.txt ul li h5 {position: relative;top: 35px;margin: 0;padding: 0;width: 100%;font: 58px/58px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;color: #fff;letter-spacing:-4px;}
@media screen and (max-width:767px){
  .Area_title_lbtclass h3 {top: 0vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;}
  .box_txt {position: absolute;margin: 0 auto;width: 100%;}
  .box_txt img {width: 100%;}
  .txt ul {padding: 0;margin: 0;list-style: none;height: 14.5vw;}
  .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
  .txt .PD_into {padding: 0;}
  .txt ul li h5 {position: relative;top: 4vw;margin: 0;padding: 0;width: 100%;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 500;text-align: center;letter-spacing: -0.5vw;overflow: hidden;}
}

/*今夏最大牌*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .PD_layout-D3_02 ul .PD .PD_logo {margin-top: -6px !important;margin-left: -20px!important;width: 41%;}
.Area04 .PD_layout-D3_02 .PD h3 {margin-top: -10px;position: relative;}
.Area04 .layout_PD {width: 95%;}
.Area04 .Area_brand-1-plus .b_box .PD_layout ul {border-radius: 15px;}
}
.Area04 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo {background-color: #FFFFFF00;}
.Area_danji .danji_box ul li .activityText .gifts span {color: #ff64af;}
@media screen and (max-width:767px){
  .Area04 {}
  .Area04 .PD_layout-D3_02 .PD h3 {margin-top: -1vw;position: relative;font-size: 21px!important;left: -3vw;}
  .Area04 .PD_layout-D3_02 ul .PD .PD_logo {margin-top: -0.5vw !important;margin-left: -2vw;width: 44%;padding: 1%;}  
  .Area04 .layout_PD {width: 96%;}
  .Area04 .Area_brand-1-plus .b_box .PD_layout ul {border-radius: 15px;}
}

/*登記活動*/
@media screen and (min-width: 768px){
.Area05 {}
.Area05 .Area_title_lbtclass h3 {top: 45px;font: 57px/57px "Noto Sans CJK SC";font-weight: 700;}
.Area_danji {width: 96%;}
}
.warningTxt h3 {color: #000;}
@media screen and (max-width:767px){
  .Area05 {}
  .Area05 .Area_title_lbtclass h3 {top: 5vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;}
}

/*下方公版*/
@media screen and (min-width: 768px){
.Area07 {}
.Area07 .Area_swiper_box {width: 95%;left: 5px;}
}
@media screen and (max-width:767px){
  .Area07 {}
}