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

/*背景*/
@media screen and (min-width:787px){
.bgdeco { z-index: 0; position: absolute; top: 1000px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1787738159264) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
}
@media screen and (max-width:767px){
}
  
  
/*間距*/
.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;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: #000;}
.PD_layout[data-pd-h3="5"] .PD h3 span { background-color:#ffdf53;}
.Area_coupon_ppp .Area_swiper { width: 100%;}
h2:where(.Area_title_lbtclass) { --font-size: 5.7vw; margin-bottom: 1.5vw;}
h2:where(.Area_title_lbtclass) h3 { align-items: inherit; padding-top: 5vw;}
@media screen and (min-width:768px){
  h2:where(.Area_title_lbtclass) { --font-size: 60px; margin-bottom: 10px;}
  h2:where(.Area_title_lbtclass) h3 { padding-top: 40px;}

}

/*版頭*/
.Area960.Area_hero { position: relative;}
.Area_hero-visual_003[org="1"] .Area_hero--subtitle { background: url(mainsubtitle_bg.png?t=1787738159264)top center no-repeat; background-size: 100%; left: 42.5vw; top: -11.2vw; width: 47%;}
@media screen and (min-width:768px){
  .Area_hero-visual_003[org="1"] .Area_hero--subtitle { left: 405px; top: -110px;}
}

/*行銷活動*/
.Area_bn-grid-3x1[org="1"] .PD_layout ul { grid-gap: 0 1.5em;}
@media screen and (min-width:768px){
  .Area_bn-grid-3x1[org="1"] .PD_layout ul { grid-gap: 0 50px;}
}

/*今日限定*/
.Area_pd-carousel2[org="1"] .topPD { padding-bottom: 3vw;}
@media screen and (min-width:768px){
  .Area_pd-carousel2[org="1"] .topPD { padding-bottom:60px;}
}

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

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

/*必搶預告*/
.Area_pd-carousel2[org="2"] .topPD { padding-bottom: 3vw;}
@media screen and (min-width:768px){
  .Area_pd-carousel2[org="2"] .topPD { padding-bottom: 60px;}
}

/*品類區*/
.Area_pd-carousel[org="3"] h2:where(.Area_title_lbtclass) .PD_img,
.Area_pd-carousel[org="4"] h2:where(.Area_title_lbtclass) .PD_img,
.Area_pd-carousel[org="5"] h2:where(.Area_title_lbtclass) .PD_img { padding: 0 0.7vw;}
.Area_pd-carousel[org="3"] h2:where(.Area_title_lbtclass),
.Area_pd-carousel[org="4"] h2:where(.Area_title_lbtclass),
.Area_pd-carousel[org="5"] h2:where(.Area_title_lbtclass) { margin-bottom: 0;}
.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 { padding-top: 3vw; left: 46vw; width: 53%;}
.Area_pd-carousel[org="3"] .Area_swiper,
.Area_pd-carousel[org="4"] .Area_swiper,
.Area_pd-carousel[org="5"] .Area_swiper { background-color: #004998; border-radius: 0 0 15px 15px; margin-top: -0.7vw; padding: 0 0 2%;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="3"] h2:where(.Area_title_lbtclass) .PD_img,
  .Area_pd-carousel[org="4"] h2:where(.Area_title_lbtclass) .PD_img,
  .Area_pd-carousel[org="5"] h2:where(.Area_title_lbtclass) .PD_img { padding: 0;}
  .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 { padding-top: 20px; left: 445px;}
  .Area_pd-carousel[org="3"] .Area_swiper,
  .Area_pd-carousel[org="4"] .Area_swiper,
  .Area_pd-carousel[org="5"] .Area_swiper { border-radius: 0 0 20px 20px; margin: -15px 5px 0;}
}

/*今日精選店家*/
.Area_group-3 h2:where(.Area_title_lbtclass) .PD_img { padding: 0 0.7vw;}
.Area_group-3 h2:where(.Area_title_lbtclass) { margin-bottom: 0;}
.Area_group-3 h2:where(.Area_title_lbtclass) h3 { padding-top: 3vw; left: 46vw; width: 53%;}
.Area_group-3 .Area_content { margin: -0.7vw 6px 0; background-color: #004998; border-radius: 0 0 15px 15px; padding: 0 0 2%;}
@media screen and (min-width:768px){
  .Area_group-3 h2:where(.Area_title_lbtclass) .PD_img { padding: 0;}
  .Area_group-3 h2:where(.Area_title_lbtclass) h3 { padding-top: 20px; left: 445px;}
  .Area_group-3 .Area_content { margin: -0.7vw 6px 0; 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: #ffdf54; background-image: repeating-linear-gradient(180deg , #ffde53 0%, #ffb501 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;}
@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 .box { margin-bottom: 12px;}
.Area_pinpai-1-dai-2-1-lan-fuben .box:last-child { margin-bottom: 0;}
.Area_pinpai-1-dai-2-1-lan-fuben .PD_layout { background-color: #004998; border-radius: 0 0 15px 15px; padding: 0 2% 2%; box-sizing: border-box;}
.Area_pinpai-1-dai-2-1-lan-fuben .PD_layout-D3_02-1 { background-color: transparent; border-radius: 0; padding: 0;}
.Area_pinpai-1-dai-2-1-lan-fuben[org="1"] .b_box .PD_layout.PD_layout-D3_02 { background-size: 101.5% 100%;}
.Area_pinpai-1-dai-2-1-lan-fuben .PD_layout[data-pd-btn] .PD_btn { background-color: #ad4000; background-image: repeating-linear-gradient(45deg, #ad4000 -2%, #ad4000 120%);}
@media screen and (min-width:768px){
  .Area_pinpai-1-dai-2-1-lan-fuben .box { margin-bottom: 40px;}
}

/*嚴選推薦最大牌*/
@media screen and (min-width:768px){
  .Area_pd-grid-4x2-copy-1_001[org="1"] .PD_layout ul { padding: 0;}
}

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

}

/*下方公版*/
.bgcolor { background-color: #004998;}
.bgcolor .PD_layout-D1_03 ul { grid-template-columns: repeat(3, 1fr); padding: 0;}
.bgcolor .PD_layout-D1_03 ul::before { display: none;}
.bgcolor .PD_layout-D1_03 .PD_slide { background: #fff;}
.bgcolor .PD_layout-D1_03 .PD h3 { color: #004998; max-height: 2.2em; line-height: 2.2em; font-size: 16px;}
.Area_spacing[org="2"] { margin-bottom: 24px;}
@media screen and (min-width:768px){
  .bgcolor .Areapadding { padding: 0 20px;}
  .bgcolor .Area_pd-grid-4x2-copy-3_001.Areabottom-s { margin-bottom: 5px;}
  .bgcolor .PD_layout-D1_03 .PD h3 { font-size: 20px;}
  .Area_spacing[org="2"] { margin-bottom: 40px;}


}


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