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

/*背景*/
@media screen and (min-width:787px){
  .Area_bgtop[org="1"] { z-index: 0; position: absolute;}
  .bgdeco { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1789537712682) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
}
  
/*間距*/
.Area_bottom { margin-bottom: 10vw;}
@media screen and (min-width:768px){
  .Area_bottom { margin-bottom: 50px;}
}

/*共用樣式*/
.PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul { padding: 0; grid-gap: 0;}
.PD_layout-coupon3 ul li .PD_img { padding: 0;}
.NavArea_tabbar_page { width: 100%;}
.Area_swiper_box .PD_layout-coupon3 { padding-bottom: 0;}
.Area_coupon_ppp .Area_swiper { width: 100%;}
h2:where(.Area_title_lbtclass) { --font-size: 5.7vw; --min-height: calc(var(--font-size) * 2);}
h2:where(.Area_title_lbtclass) h3 { align-items: inherit; top: 3vw;}
.warningTxt h3 { padding: 0;}
.PD_layout[data-pd-h3="5"] .PD h3 span { background-color: #a2dfff;}
@media screen and (min-width:768px){
  h2:where(.Area_title_lbtclass) { --font-size: 60px; --min-height: calc(var(--font-size) * 1.8);}
  h2:where(.Area_title_lbtclass) h3 { top: 26px;}
  .Area--bg { width: 960px;}
  .Areapadding { padding: 0 20px;}
}

/*版頭*/
@media screen and (min-width:768px){
  .Area_hero-visual_003[org="1"]:is(.Area_hero--subtitle), .Area_hero-visual_003[org="1"] .Area_hero--subtitle { top: 247px;}
}

/*行銷活動*/
.Area_bn-grid-3x1[org="1"] .Area_content .PD_layout ul li:nth-child(2) { margin-top: 12%;}
@media screen and (min-width:768px){
}

/*測標題輪播公版*/
.Area_pd-carousel2 .topPD { padding-bottom: 1.5%;}
.Area_pd-carousel2 .topPD .Area_swiper { width: 92%; left: 4%;}
@media screen and (min-width:768px){
  .Area_pd-carousel2 .topPD { padding-bottom: 5.5%;}
  .Area_pd-carousel2 .topPD .Area_swiper { width: 91.8%; left: 4.2%;}
}

/*限時超殺剁手搶*/
.Area_pd-carousel[org="1"] .Area_content { width: 98%; margin: 0 auto; background-color: #2252ad; border-radius: 15px; padding: 2% 0 1%;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="1"] .Area_content { border-radius: 20px;}
}

/*本月直播最強檔*/
.Area_group-1 .Area_content { width: 98%; margin: 0 auto; background-color: #2252ad; border-radius: 15px; padding: 2% 0 1%;}
@media screen and (min-width:768px){
  .Area_group-1 .Area_content { border-radius: 20px;}
}

/*品類區*/
.Area_pd-carousel[org="3"] h2:where(.Area_title_lbtclass) h3,
.Area_pd-carousel[org="4"] h2:where(.Area_title_lbtclass) h3,
.Area_pd-carousel[org="5"] h2:where(.Area_title_lbtclass) h3 { top: 5vw; left: 46vw; width: 53%;}
.Area_pd-carousel[org="3"] .Area_content.Areapadding-s,
.Area_pd-carousel[org="4"] .Area_content.Areapadding-s,
.Area_pd-carousel[org="5"] .Area_content.Areapadding-s { padding: 0 1%;}
.Area_pd-carousel[org="3"] .Area_content .Area_swiper,
.Area_pd-carousel[org="4"] .Area_content .Area_swiper,
.Area_pd-carousel[org="5"] .Area_content .Area_swiper { background-color: #2252ad; border-radius: 0 0 15px 15px;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="3"] h2:where(.Area_title_lbtclass) h3,
  .Area_pd-carousel[org="4"] h2:where(.Area_title_lbtclass) h3,
  .Area_pd-carousel[org="5"] h2:where(.Area_title_lbtclass) h3 { top: 45px; left: 440px;}
  .Area_pd-carousel[org="3"] .Area_content .Area_swiper,
  .Area_pd-carousel[org="4"] .Area_content .Area_swiper,
  .Area_pd-carousel[org="5"] .Area_content .Area_swiper { border-radius: 0 0 20px 20px;}
}

/*今日精選店家*/
.Area_group-3 h2:where(.Area_title_lbtclass) h3 { top: 5vw; left: 46vw; width: 53%;}
.Area_group-3 .Area_content { width: 98%; margin: 0 auto; background-color: #2252ad; border-radius: 0 0 15px 15px;}
@media screen and (min-width:768px){
  .Area_group-3 h2:where(.Area_title_lbtclass) h3 { top: 45px; left: 440px;}
  .Area_group-3 .Area_content { border-radius: 0 0 20px 20px;}
}

/*優惠活動*/
.Area_group-4 .Area_bn-grid-3x1[org="3"] { width: 96%; margin: 0 auto; background-color: #fff; border-radius: 20px 20px 0 0; padding-bottom: 5vw;}
.Area_group-4 .Area_bn-grid-3x1[org="3"] .PD_layout ul li { position: relative;}
.Area_group-4 .Area_bn-grid-3x1[org="3"] .PD_layout ul li:after { content: ""; position: absolute; top: 4vw; right: 0; width: 1px; height: 9em; background: #c6c6c6;}
.Area_group-4 .Area_bn-grid-3x1[org="3"] .PD_layout ul li:nth-child(3):after { display: none;}
.Area_group-4 .Area_bn-grid-3x1[org="4"] { width: 96%; margin: 0 auto 12px; background-color: #ffc200; background-image: repeating-linear-gradient(180deg , #ff9f00 0%, #ffc200 100%); border-radius: 20px; margin-top: -5vw; padding: 2%; box-sizing: border-box;}
.Area_group-4 .Area_bn-grid-3x1[org="4"] .PD_layout ul { grid-gap: 0.2em;}
.Area_group-4 .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: #000;}
@media screen and (min-width:768px){
  .Area_group-4 .Area_bn-grid-3x1[org="3"] { padding-bottom: 20px;}
  .Area_group-4 .Area_bn-grid-3x1[org="3"] .PD_layout ul li:after { top: 50px; width: 1px; height: 300px;}
  .Area_group-4 .Area_bn-grid-3x1[org="4"] {margin: 0 auto 40px; margin-top: -20px;}
  .Area_group-4 .Area_bn-grid-3x1[org="4"] .PD_layout ul { grid-gap: 15px;}
}

/*超強夯品熱搜*/
.Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .PD_layout-D3_02-1 { position: relative;}
.Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .PD_layout-D3_02-1:before { content: ""; position: absolute; top: 25%; right: -1.5%; width: 10%; height: 100%; background: url(hand.png?t=1789537712682)top center no-repeat; background-size: 100%;}
.Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .box .PD_layout  { margin-top: -0.5%; background-color: #ffc000; border-radius: 0 0 15px 15px; padding: 0 2% 2%; box-sizing: border-box;}
.Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .box .PD_layout.PD_layout-D3_02-1 { margin-top: 0; background-color: transparent; border-radius: 0;}
.Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .PD_layout[data-pd-btn] .PD_btn { background-color: #2252ad; background-image: repeating-linear-gradient(45deg, #2252ad 0%, #2252ad 100%);}
@media screen and (min-width:768px){
  .Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .PD_layout-D3_02-1:before { width: 9.5%;}
}

/*館長私心超推薦*/
.Area_group-5 .Area_content { width: 98%; margin: 0 auto; background-color: #2252ad; border-radius: 15px; padding: 2% 0 1%;}
@media screen and (min-width:768px){
  .Area_group-5 .Area_content { border-radius: 20px;}
}

/*下方公版*/
.bgcolor { background-color: #a9e0f7;}
.Area_spacing[org="2"] { margin-bottom: 36px;}
@media screen and (min-width:768px){
  .Area_spacing[org="2"] { margin-bottom: 80px;}
}

/*隱鑶*/
.for_pc { display: none !important;}
.for_phone {}
@media screen and (min-width:768px){
    .for_pc { display: inherit !important;}
		.for_phone { display: none !important;}
	}