@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background: url(bgrepeat.jpg?t=1788430731085)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=1788430731085) no-repeat center top;}
.bgdeco {z-index: 1;position: absolute;top: 1200px;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url(bgdeco.png?t=1788430731085) 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=1788430731085) no-repeat center 44px; background-size: 100%;}
}

/*版頭*/
.Area_top {position: relative;height: 1060px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 250px;top: 52px;z-index: 3;}
.Area_top .main02 {position:absolute;left: 342px;top: 261px;z-index: 3;}
.Area_top .top_bg {position:absolute;top: 0;left: 130px;z-index: 1;pointer-events: none;}
.Area_top .btn_bg {position:absolute;top: 380px;left: 128px;z-index: 1;pointer-events: none;}
.Area_top .layout_btn {position: absolute;top: 387px;width: 21%;margin-left: 131px;z-index: 3;}
.Area_top .layout_btn ul {padding: 0;grid-gap:0;}
.Area_top .layout_btn ul li {padding: 0;}
@media screen and (max-width:767px){
  .Area_top {height: 115vw;}
  .Area_top .main01 {left: 6vw;top: 4.5vw;width: 88%;}
  .Area_top .main02 {left: 18vw;top: 30vw;width: 64%;}
  .Area_top .top_bg {position: absolute;top: 0;left: 0;width: 100%;}
  .Area_top .btn_bg {position: absolute;top: 39.5vw;left: 0;width: 27%;}
  .Area_top .layout_btn {position: absolute;top: 40vw;width: 27%;margin-left: 0vw;}
  .Area_top .layout_btn ul {padding: 0;grid-gap:0;}
  .Area_top .layout_btn ul li {padding: 0;}
}

/*版頭品輪播*/
@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: 358px;left: 271px;width:681px;height: 509px;z-index: 4;}
.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: 498px;left: 300px;grid-gap:0;}
}
@media screen and (max-width:767px){
  .Area_top .box_PD1 {z-index: 3;position:absolute;top: 41vw;left: 14vw;width: 72%;}
  .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: 56vw;left: 27vw;grid-gap:0;}
}

/*區標*/
.Area_title_lbtclass h3 {top: -1px;font: 60px/60px "Noto Sans CJK SC";font-weight: 500;}
@media screen and (max-width:767px){
  .Area_title_lbtclass h3 {top: 0vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 500;}
}

/*按鈕*/
@media screen and (min-width: 768px){
.Area01 {}
}
@media screen and (max-width:767px){
  .Area01 {}
}

/*輪播公版*/
@media screen and (min-width: 768px){
.Area02 {}
}
@media screen and (max-width:767px){
  .Area02 {}
}

/*登記活動*/
@media screen and (min-width: 768px){
.Area03 {}
.Area_danji .danji_box {margin-bottom: 0;}
}
@media screen and (max-width: 767px){
  .Area03 {}
  .Area_danji .danji_box {margin-bottom: 0;}
}

/*輪播BN*/
@media screen and (min-width: 768px){
.Area04 {}
}
@media screen and (max-width:767px){
  .Area04 {}
}

/*產品分類*/
@media screen and (min-width: 768px){
.Area05 {}
}
@media screen and (max-width:767px){
  .Area05 {}
}

/*下方公版*/
@media screen and (min-width: 768px){
.Area06 {}
}
@media screen and (max-width:767px){
  .Area06 {}
}

/*旗艦館*/
@media screen and (min-width: 768px){
.Area07 {}
.Area07 .layout_BN {width: 60%;}
}
@media screen and (max-width: 767px){
  .Area07 {}
  .Area07 .layout_BN {width: 77%;}
}