@charset "utf-8";
/* CSS Document */


/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1786679849417) no-repeat center top;}
.top_wave { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(top_wave.png?t=1786679849417) no-repeat center top;pointer-events: none;}
.bgdeco {z-index: 1;position: absolute;top: 1000px;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url(bgdeco.png?t=1786679849417) repeat-y center top;pointer-events: none;mix-blend-mode: screen;}
@media screen and (max-width:767px){
  .bgtop { position: absolute;min-width: inherit;  background: url(bgtop_m.jpg?t=1786679849417) no-repeat center 44px; background-size: 100%;}
  .top_wave { position: absolute;min-width: inherit;  background: url(top_wave_m.png?t=1786679849417) 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: 489px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: -10px;top: 87px;z-index: 1;}
.Area_top .main02 {position:absolute;left: 74px;top: 328px;z-index: 2;}
.Area_top .top_deco01 {position:absolute;top: 485px;left: 511px;z-index: 1;pointer-events: none;}
.Area_top .top_deco02 {position:absolute;top: 222px;right: -129px;z-index: 1;pointer-events: none;}
@media screen and (max-width:767px){
  .Area_top {height: 102vw;}
  .Area_top .main01 {left: 4vw;top: 4.5vw;width: 88%;}
  .Area_top .main02 {left: 14.5vw;top: 35vw;width: 16%;}
  .Area_top .top_deco01 {position: absolute;top: 92vw;left: 1vw;width: 12%;}
  .Area_top .top_deco02 {position: absolute;top: 49vw;left: 83vw;width: 12%;}
}

/*版頭品輪播*/
@media screen and (min-width:768px){
.Area_top .box_PD1 {}
.Area_top .box_PD1 .PD_layout {}
.Area_top .box_PD1 .Area_swiper {position: absolute;top: 128px;left: 660px;width:549px;height: 425px;z-index: 3;}
.Area_top .box_PD1 .Area_swiper .swiper-slide .PD_img img {width:100%;}
.Area_top .box_PD1 .Area_swiper ul {margin: 0;padding: 0;display: flex;}
.Area_top .box_PD1 .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;flex-direction: initial;top: 416px;left: 247px;grid-gap:0;}
}
@media screen and (max-width:767px){
  .Area_top .box_PD1 {z-index: 0;position:absolute;top: 41vw;left: 11vw;width: 80%;}
  .Area_top .box_PD1 .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
  .Area_top .box_PD1 .Area_swiper {}
  .Area_top .box_PD1 .Area_swiper ul {display: flex;min-width: 100%;}
  .Area_top .box_PD1 .Area_swiper ul li { width:100%!important; height:70vw;left: 0!important;}
  .Area_top .box_PD1 .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;flex-direction: initial;top: 78vw;left: 67vw;grid-gap:0;}
}

/*區標*/
.Area_title_lbtclass h3 {top: -3px;font: 67px/67px "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){
.Area01 {}
.Area01 .Area01_box {padding-top: 163px;}
.Area01 .Area01_bg {z-index: 0;position:absolute;top: 0;width:100%;height: 725px;background-repeat:no-repeat;background-position: center top;}
}
@media screen and (max-width: 767px){
  .Area01 {}
  .Area01 .Area01_box {padding-top: 11vw;padding-bottom: 4vw;}
  .Area01 .Area01_bg_m { z-index:0; position:absolute; top:0; left:0; width:100%; height:97vw; background-repeat:no-repeat; background-size: 100%; background-position: center top;}
}

/*登記活動*/
@media screen and (min-width: 768px){
.Area02 {}
.Area02 .Area_title_lbtclass h3 {top: -12px;}
.Area_danji {width: 97%;}
.Area_danji .danji_box {margin-bottom: 0;}
}
@media screen and (max-width:767px){
  .Area02 {}
  .Area02 .Area_title_lbtclass h3 {top: -1vw;}
}

/*下方公版*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .layout_PD01 {width: 96%;}
}
@media screen and (max-width: 767px){
  .Area04 {}
}

/*旗艦館*/
@media screen and (min-width: 768px){
.Area05 {}
.Area05 .PD_layout {width: 78%;}
}
@media screen and (max-width:767px){
  .Area05 {}
}