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

/*版頭*/
.Area_top {position: relative;height: 945px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 279px;top: 73px;z-index: 1;}
.Area_top .main02 {position:absolute;left: 687px;top: 754px;z-index: 1;}
.Area_top .top_deco01 {position:absolute;top: 182px;left: 744px;z-index: 2;pointer-events: none;animation: hand 2s; animation-delay: 0.5s;}
.Area_top .top_deco02 {position:absolute;top: 755px;left: 902px;z-index: 2;pointer-events: none;}
.Area_top .top_deco03 {position:absolute;top: 357px;left: 148px;z-index: 2;pointer-events: none;animation: text 2s; animation-delay: 0.5s;}
@media screen and (max-width:767px){
  .Area_top {height: 103vw;}
  .Area_top .main01 {left: 15vw;top: 8vw;width: 70%;}
  .Area_top .main02 {left: 58vw;top: 78.5vw;width: 26%;}
  .Area_top .top_deco01 {position: absolute;top: 18vw;left: 65vw;width: 48%;}
  .Area_top .top_deco02 {position: absolute;top: 78.5vw;left: 80.5vw;width: 11%;}
  .Area_top .top_deco03 {position: absolute;top: 37vw;left: 1.5vw;width: 45%;}
}

@keyframes hand{
  0%{ opacity: 0; transform: translateX(50px);}
  100%{ opacity: 1;  transform: translateX(0);}
}


@keyframes text{
  0%{ transform: rotate(-45deg);}
  100%{ transform: rotate(0);}
}

/*副標*/
.sub .PD_layout ul {display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 816px;left: 172px;width: 50%;height: 93px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 81%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 85.5vw;left: 7vw;width: 58%;z-index: 30;overflow: hidden;height: 10vw;}
.sub .PD_layout .PD img {width: 88%;padding: 0;}
}

@media screen and (max-width:767px){
.Area_title_lbtclass {--top: 10px;}
}

/*今日限定*/
@media screen and (min-width: 768px){
.Area01 {}
.Area01 .topPD {aspect-ratio: 960 / 405;background-image: url(Area01_bg.png?t=1789018941580)!important;}
.topPD .Area_swiper {top: 13px;}
.Area01 .swiper-pagination-bullet {background-color: #000;}
}
@media screen and (max-width:767px){
  .Area01 {}
  .topPD .Area_swiper {width: 90%!important;left: 5vw!important;top: 0vw!important;}
  .Area01 .swiper-pagination-bullet {background-color: #000;}
}

/*最強好康攻略*/
@media screen and (min-width: 768px){
.Area02 {}
.Area02 .warningTxt h3 {color: #000;}
.Area_danji .danji_box {margin-bottom: 0;}
}
@media screen and (max-width:767px){
  .Area02 {}
  .Area02 .warningTxt h3 {padding-bottom: 3vw;color: #000;}
  .Area_danji .danji_box {margin-bottom: 0;}
}

/*本週必搶 錯過不再*/
@media screen and (min-width: 768px){
.Area03 {}
.Area03 .layout_PD01 {width: 96%;}
}
@media screen and (max-width:767px){
  .Area03 {}
}

/*New!!新品上市*/
@media screen and (min-width: 768px){
.Area04 {}
}
@media screen and (max-width: 767px){
  .Area04 {}
}

/*精選大牌*/
@media screen and (min-width: 768px){
.Area05 {}
.Area_brand-dual-price .b_box .box .PD_layout.PD_layout-D3_02 .PD .PD_logo {width: 50%;margin-left: 6%;padding: 3px 10px 10px;}
.Area_brand-dual-price .b_box .box .PD_layout.PD_layout-D3_02 ul {padding: 10px 0 0;}
.Area_brand-dual-price .b_box .box .PD_layout.PD_layout-D3_02 ul li .PD h3 {font-size: 37px;}
}
@media screen and (max-width: 767px){
  .Area05 {}
}

/*熱銷主打夯品*/
@media screen and (min-width: 768px){
.Area06 {}
.Area06 .PD_layout.PD_layout-D3_04 .PD h3 {justify-content: left;left: 112px;}
.Area06 .layout_PD01 {width: 96%;}
}
@media screen and (max-width:767px){
  .Area06 {}
  .Area06 .PD_layout.PD_layout-D3_04 .PD h3 {justify-content: left;left: 13vw;}
}

/*健康好食力*/
@media screen and (min-width: 768px){
.Area07 {}
}
@media screen and (max-width:767px){
  .Area07 {}
}

/*強檔品牌*/
@media screen and (min-width: 768px){
.Area08 {}
.Area08 .layout_PD {width: 95%;}
.Area08 .layout_PD ul {grid-gap: 15px;padding:0}
.Area08 .layout_PD ul li {background:url(Area08_bg.png?t=1789018941580)top center no-repeat;background-size:100%;}
.Area08 .layout_PD .PD img {padding: 70px 0;}
}
@media screen and (max-width:767px){
  .Area08 {}
  .Area08 .layout_PD {width: 96%;}
  .Area08 .layout_PD ul {grid-gap: 0.3em;padding: 0;}
  .Area08 .layout_PD ul li {background:url(Area08_bg.png?t=1789018941580)top center no-repeat;background-size:100%;}
  .Area08 .layout_PD .PD img {padding: 7vw 0 8vw;}
}