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

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

}
/*版頭*/
.Area_hero {}
.Area_hero .main ul {padding: 0; grid-gap: 0;}
.Area_hero .main ul li { pointer-events: none;}
.Area_hero .topPD02 {position:absolute;left: 467px;top: 250px;z-index: 4;}
.Area_hero .topPD03 {position:absolute;left: 493px;top: 494px;z-index: 5;}
.Area_hero .top_deco01 {position:absolute;top: 201px;left: 36px;z-index: 5;pointer-events: none;}
.Area_hero .top_deco02 {position:absolute;top: 611px;left: 112px;z-index: 5;pointer-events: none;}
.Area_hero .top_deco03 {position:absolute;top: 302px;left: 672px;z-index: 6;pointer-events: none;}
.Area_hero .top_deco04 {position:absolute;top: 309px;left: 0px;z-index: 7;pointer-events: none;}
.Area_hero .top_deco05 {position:absolute;top: 688px;left: 377px;z-index: 6;pointer-events: none;}
.Area_hero .top_deco06 {position:absolute;top: 688px;left: 74px;z-index: 6;pointer-events: none;}
.Area_hero .top_deco07 {position:absolute;top: 105px;left: 60px;z-index: 2;pointer-events: none;mix-blend-mode: screen;}
@media screen and (max-width:767px){
  .Area_hero {}
  .Area_hero .topPD02 {left: 48vw;top: 25.5vw;width: 20%;}
  .Area_hero .topPD03 {left: 52vw;top: 51.5vw;width: 40%;}
  .Area_hero .top_deco01 {position: absolute;top: 21vw;left: 4vw;width: 93%;}
  .Area_hero .top_deco02 {position: absolute;top: 64vw;left: 12vw;width: 52%;}
  .Area_hero .top_deco03 {position: absolute;top: 32vw;left: 70vw;width: 2.7%;}
  .Area_hero .top_deco04 {position: absolute;top: 32vw;left: -5vw;width: 103%;}
  .Area_hero .top_deco05 {position: absolute;top: 71.5vw;left: 39vw;width: 54%;}
  .Area_hero .top_deco06 {position: absolute;top: 10vw;left: 73vw;width: 4%;}
  .Area_hero .top_deco07 {position: absolute;top: 11vw;left: 6.5vw;width: 63%;}
}

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

/*今日限定*/
@media screen and (min-width: 768px){
.Area01 {}
.Area01 .Area_title_lbtclass {--font-size: 34px;}
.Area01 .Area_title_lbtclass h3 {font: 65px/65px "Noto Sans CJK SC";font-weight: 700;font-style: italic;justify-content: left;width: 50%;left: 40px;}
}
@media screen and (max-width:767px){
  .Area01 {}
  .Area01 .Area_title_lbtclass {--font-size: 14px;}
  .Area01 .Area_title_lbtclass h3 {font: 7vw/7vw "Noto Sans CJK SC";font-weight: 700;font-style: italic;justify-content: left;width: 50%;left: 5vw;}
}

/*好康攻略*/
@media screen and (min-width: 768px){
.Area02 {}
.Area02 .layout_bn {width: 92%;padding: 110px 0 12px;}
.Area02 .layout_bn ul {padding: 0;grid-gap: 0;}
.Area02 .layout_bn02 {width: 92%;padding-bottom: 30px;}
}
@media screen and (max-width:767px){
  .Area02 {}
  .Area02 .layout_bn {width: 92%;padding: 11vw 0 1.5vw;}
  .Area02 .layout_bn ul {padding: 0;grid-gap: 0;}
  .Area02 .layout_bn02 {width: 97%;padding-bottom: 4vw;}
}

/*超值夯品 準點開搶*/
@media screen and (min-width: 768px){
.Area03 {}
.Area03 .Area03_bg {position: absolute;top: 178px;z-index: 2;}
.Area03 .PD_layout-D3_03 {position: relative;top: 0;z-index: 2;width: 100%;}
.Area03 .PD_layout-D3_03 .PD .PD_logo {display: none;}
.Area03 .PD_layout-D3_03 ul {padding: 0 65px;}
.Area03 .PD_layout-D3_03 ul .PD .PD_into {grid-template-columns: 50% 50%;}
.Area03 .PD_layout-D3_03 ul li .PD h3 {font-size: 50px;text-align: center;font-weight: 500;font-family: "Noto Sans CJK SC";margin-top: 0px;width: 91%;}
.Area03 .PD_layout-D3_03 ul li .PD h4 {font-size: 50px;text-align: center;font-weight: 500;font-family: "Noto Sans CJK SC";color: #fff;margin-top: 7px;margin-left: 44px;}
.Area03 .Area_pd-D3_03 .js-PD_txt3 {color: #fff;}
.Area03 .PD_layout-D3_03 .PD h3 {max-height: 1em;line-height: 1em;}
.Area03 .PD_layout-D3_03 .PD h4 {max-height: 1em;line-height: 1em;}
.Area03 .layout_PD01 {width: 96%;padding-bottom: 20px;}
}
@media screen and (max-width:767px){
  .Area03 {}
  .Area03 .Area03_bg {position: absolute;top: 19vw;z-index: 2;}
  .Area03 .PD_layout-D3_03 {position: relative;top: 0;z-index: 2;width: 100%;}
  .Area03 .PD_layout-D3_03 .PD .PD_logo {display: none;}
  .Area03 .PD_layout-D3_03 ul {padding: 0 2vw;}
  .Area03 .PD_layout-D3_03 ul .PD .PD_into {grid-template-columns: 50% 50%;}
  .Area03 .PD_layout-D3_03 ul li .PD h3 {font-size: 20px;text-align: center;font-weight: 700;font-family: "Noto Sans CJK SC";margin-top: 0;}
  .Area03 .PD_layout-D3_03 ul li .PD h4 {font-size: 20px;text-align: center;font-weight: 700;font-family: "Noto Sans CJK SC";width: 75%;color: #fff;margin-top: 2vw;margin-left: 6vw;}
  .Area03 .Area_pd-D3_03 .js-PD_txt3 {color: #fff;}
  .Area03 .PD_layout-D3_03 .PD h3 {max-height: 1em;line-height: 1em;}
  .Area03 .PD_layout-D3_03 .PD h4 {max-height: 1em;line-height: 1em;}
}

/*強檔大牌來襲*/
@media screen and (min-width: 768px){
.Area06 {}
.Area06 .PD_layout-D3_02 ul .PD .PD_logo {width: 33%;margin-left: 140px;padding: 10px !important;}
.Area06 .PD_layout-D3_02 ul {padding: 45px 0!important;}
.Area06 .PD_layout-D3_02 ul li .PD h3 {font-size: 43px!important;}
}
@media screen and (max-width:767px){
  .Area06 {}
  .Area06 .PD_layout-D3_02 ul .PD .PD_logo {width: 33%;margin-left: 9vw;padding: 1%;}
  .Area06 .PD_layout-D3_02 ul {padding: 3.5vw 0!important;}
  .Area06 .PD_layout-D3_02 ul .PD .PD_into {gap: 0.5em;}
}

/*精選品牌一起逛*/
@media screen and (min-width: 768px){
.Area07 {}
.Area07 .PD_layout-D3_02 ul .PD .PD_logo {width: 33%;margin-left: 140px;padding: 10px !important;}
.Area07 .PD_layout-D3_02 ul {padding: 45px 0!important;}
.Area07 .PD_layout-D3_02 ul li .PD h3 {font-size: 43px!important;}
}
@media screen and (max-width:767px){
  .Area07 {}
  .Area07 .PD_layout-D3_02 ul .PD .PD_logo {width: 33%;margin-left: 9vw;padding: 1%;}
  .Area07 .PD_layout-D3_02 ul {padding: 3.5vw 0!important;}
  .Area07 .PD_layout-D3_02 ul .PD .PD_into {gap: 0.5em;}
}

/*名店嚴選*/
@media screen and (min-width: 768px){
.Area08 {}
.Area08 .Area08_logo {position:absolute;top: 42px;left: 300px;z-index: 2;}
.Area08 .Area_title_lbtclass h3 {left: 61px;}
.Area_coupon_ppp .Area_swiper {width: 100%;}
.Area08 .b_box {width: 96%;margin: 0 auto;}
.Area08 .PD_layout-D1_01 ul li {background-color: #ff7b2e;}
.Area08 .PD_layout-D1_01 ul {padding: 0;grid-gap: 0;}
.Area08 .PD_layout-D1_01 .PD h4 {color: #fff;}
}
@media screen and (max-width: 767px){
  .Area08 {}
  .Area08 .Area08_logo {position:absolute;left: 31.5vw;width: 12%;top: 4.5vw;z-index: 1;}
  .Area08 .Area_title_lbtclass h3 {left: 6vw;}
  .Area_coupon_ppp .Area_swiper {width: 100%;}
  .Area08 .PD_layout-D1_01 ul li {background-color: #ff7b2e;}
  .Area08 .PD_layout-D1_01 ul {padding: 0;grid-gap: 0;}
  .Area08 .PD_layout-D1_01 .PD h4 {color: #fff;}
  .Area08 .Area_spacing {height: 1vw;}
}

/*登記活動*/
@media screen and (min-width: 768px){
.Area10 {}
.Area10 .warningTxt h3 {color: #000;}
.Area_danji .danji_box {margin-bottom: 0;}
}
@media screen and (max-width: 767px){
  .Area10 {}
  .Area10 .warningTxt h3 {color: #000;padding-bottom: 3vw;}
  .Area_danji .danji_box {margin-bottom: 0;}
}

/*今日最強 強檔推薦*/
@media screen and (min-width: 768px){
.Area11 {}
.Area11 .layout_bn {width: 96%;}
}
@media screen and (max-width:767px){
  .Area11 {}
}