@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background: url(bgrepeat.jpg?t=1783338476918)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=1783338476918) no-repeat center top;}
.bgdeco {z-index: 1;position: absolute;top: 1000px;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url(bgdeco.png?t=1783338476918) 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=1783338476918) 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: 940px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:relative;left: 0;top: 0;width: 2000px;left: -390px;}
@media screen and (max-width:767px){
  .Area_top {height: 109vw;}
  .Area_top .main01 {left: 0;top: 0;width: 100%;}
}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_01 { z-index: 99!important;margin-top: 100px!important;}

/*區標*/
.Area_title_lbtclass h3 {top: -20px;font: 50px/50px "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: -2vw;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){
.warningTxt h3 {margin: 0;color: #000;text-align: center;font-weight: 400;}
.warningTxt h3 {font-size: 1rem;line-height: 1.2em;padding: 0 0 0.5em;}
}
@media screen and (max-width: 767px){
.warningTxt h3 {font-size: 0.9em;line-height: 1em;padding: 0 0 0.5em;}
.warningTxt h3 {margin: 0;color: #000;text-align: center;font-weight: 400;width: 94%;margin: 0 auto;}
}

/*享預購早鳥禮*/
@media screen and (min-width: 768px){
.Area01 {}
.Area01 .Area_title_lbtclass {--font-size: 40px;margin: 10px 0 0;}
.Area01 .Area_title_lbtclass h3 {left: 97px;}
.Area01 .layout_PD {width: 96%;padding-bottom: 70px;}
.Area01 .layout_PD ul li {pointer-events: none;}
.Area01 .more {position: absolute;top: 775px;left: 280px;z-index: 5;}
}
.Area01 .PD_layout.PD_layout-coupon3 .PD .divine_coupon {color: #000;}
@media screen and (max-width: 767px){
  .Area01 {}
  .Area01 .Area_title_lbtclass {--font-size: 4vw;}
  .Area01 .Area_title_lbtclass h3 {top: -2.5vw;left: 11vw;}
  .Area01 .layout_PD {width: 95%;padding-bottom: 7vw;}
  .Area01 .layout_PD ul li {pointer-events: none;}
  .Area01 .more {position: absolute;top: 82.5vw;left: 29vw;z-index: 5;width: 42%;}
}

/*三星官方活動*/
@media screen and (min-width: 768px){
.Area02 {}
.Area02 .Area_title_lbtclass h3 {left: 110px;}
.Area02 .layout_PD {width: 96%;}
.Area02 .layout_PD ul li {pointer-events: none;}
}
@media screen and (max-width: 767px){
  .Area02 {}
  .Area02 .Area_title_lbtclass h3 {left: 14vw;}
  .Area02 .layout_PD {width: 95%;}
  .Area02 .layout_PD ul li {pointer-events: none;}
}

/*星粉推薦主打品*/
@media screen and (min-width: 768px){
.Area03 {}
.Area03 .Area_title_lbtclass h3 {top: 8px;font: 56px/56px "Noto Sans CJK SC";font-weight: 700;}
.Area03 .layout_PD01 {width: 96%;}
}
.Area03 .Area_title_lbtclass #js-PD_val_1 {color: #fff;}
.Area03 .layout_PD01 ul {border-radius: 0;}
@media screen and (max-width: 767px){
  .Area03 {}
  .Area03 .Area_title_lbtclass h3 {top: 1vw;}
}

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