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

/*背景*/
@media screen and (min-width:768px){
}

/*間距*/
.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;}
h2:where(.Area_title_lbtclass) { --font-size: 5.7vw; margin-bottom: 1.5vw; --min-height: calc(var(--font-size) * 1);}
h2:where(.Area_title_lbtclass) h3 { align-items: inherit; top: -0.7vw;}
.PD_layout[data-pd-h3="5"] .PD h3 span { background-color: #eedfc4;}
.PD_layout .PD p { color: #c99f68;}
@media screen and (min-width:768px){
  h2:where(.Area_title_lbtclass) { --font-size: 60px; margin-bottom: 10px;}
  .Areapadding { padding: 0 25px 20px; box-sizing: border-box;}
  .Area--bg { width: 960px;}
}

/*緞帶*/
.ribbon_box { position: relative; z-index: 9; pointer-events: none;}
.ribbon_box .ribbon {  position: absolute; top: 0; left: 0;}
@media screen and (min-width:768px){
}

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

/*今日最大牌*/
.Area_pd-carousel[org="1"] { position: relative; z-index: 10; margin-bottom: 12vw;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="1"] { margin-bottom: 155px;}
}

/*24h瘋搶!飆低下殺*/
.Area_group-1 { position: relative;}
.Area_group-1:before { content: ""; position: absolute; top: -8.3vw; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 100%; background: url(boxtop01.png?t=1787541451824)top center no-repeat; background-size: 100%; pointer-events: none;}
@media screen and (min-width:768px){
  .Area_group-1:before { top: -80px;}
}

/*先領券省更多*/
.Area_group-2 { margin-bottom: 12vw;}
.Area_group-2 .Area_bn-grid-3x1[org="1"] .PD_layout ul { grid-gap: 0 0.8em;}
@media screen and (min-width:768px){
  .Area_group-2 { margin-bottom: 140px;}
  .Area_group-2 .Area_bn-grid-3x1[org="1"] .PD_layout ul { grid-gap: 0 30px;}
}

/*New!話題新品榜*/
.Area_pd-carousel[org="2"] { position: relative;}
.Area_pd-carousel[org="2"]:before { content: ""; position: absolute; top: -8.3vw; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 100%; background: url(boxtop01.png?t=1787541451824)top center no-repeat; background-size: 100%; pointer-events: none;}
.Area_pd-carousel[org="2"] .Area_swiper { width: 98%; margin: 0 auto;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="2"]:before { top: -80px;}
}

/*必BUY!明星爆款*/
.Area_pd-grid-4x2-copy-4_001[org="1"] h2:where(.Area_title_lbtclass) { margin-bottom: 0;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5 ul li { position: relative;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5 ul li:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; pointer-events: none; z-index: 0;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5 ul li:nth-child(odd):after { background: url(Area05_bg01.png?t=1787541451824)top center no-repeat; background-size: 100%;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5 ul li:nth-child(even):after { background: url(Area05_bg02.png?t=1787541451824)top center no-repeat; background-size: 100%;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5 ul li .PD_into { position: relative; z-index: 1;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5.PD_layout .PD p { color: #80562d;}
.Area_pd-grid-4x2-copy-4_001[org="1"] .layout_PD01-5.PD_layout[data-pd-btn] .PD_btn { color: #caa572; background-image: repeating-linear-gradient(45deg, #caa572 -2%, #caa572 120%);}
@media screen and (min-width:768px){
}

/*主題區(10品公版)*/
.Area_pd-grid-4x2[org="2"],
.Area_pd-grid-4x2[org="3"],
.Area_pd-grid-4x2[org="4"] { position: relative;}
.Area_pd-grid-4x2[org="2"]:before,
.Area_pd-grid-4x2[org="3"]:before,
.Area_pd-grid-4x2[org="4"]:before { content: ""; position: absolute; top: -1vw; left: 6vw; display: block; width: 19vw; height: 19vw; background: url(Area06_deco.png?t=1787541451824)top center no-repeat; background-size: 100%; pointer-events: none;}
.Area_pd-grid-4x2[org="2"] .Area_pd-grid-4x2--bg,
.Area_pd-grid-4x2[org="3"] .Area_pd-grid-4x2--bg,
.Area_pd-grid-4x2[org="4"] .Area_pd-grid-4x2--bg { width: 98%; left: 50%; transform: translateX(-50%); border-radius: 15px; overflow: hidden;}
.Area_pd-grid-4x2[org="2"] h2:where(.Area_title_lbtclass),
.Area_pd-grid-4x2[org="3"] h2:where(.Area_title_lbtclass),
.Area_pd-grid-4x2[org="4"] h2:where(.Area_title_lbtclass) { --min-height: calc(var(--font-size) * 0);}
.Area_pd-grid-4x2[org="2"] h2:where(.Area_title_lbtclass) h3,
.Area_pd-grid-4x2[org="3"] h2:where(.Area_title_lbtclass) h3,
.Area_pd-grid-4x2[org="4"] h2:where(.Area_title_lbtclass) h3 { top: 3vw;}
@media screen and (min-width:768px){
  .Area_pd-grid-4x2[org="2"]:before,
  .Area_pd-grid-4x2[org="3"]:before,
  .Area_pd-grid-4x2[org="4"]:before { top: -10px; left: 80px; width: 176px; height: 176px;}
  .Area_pd-grid-4x2[org="2"] .Area_pd-grid-4x2--bg,
  .Area_pd-grid-4x2[org="3"] .Area_pd-grid-4x2--bg,
  .Area_pd-grid-4x2[org="4"] .Area_pd-grid-4x2--bg { border-radius: 20px;}
  .Area_pd-grid-4x2[org="2"] h2:where(.Area_title_lbtclass) h3,
  .Area_pd-grid-4x2[org="3"] h2:where(.Area_title_lbtclass) h3,
  .Area_pd-grid-4x2[org="4"] h2:where(.Area_title_lbtclass) h3 { top: 25px;}
}

/*官方直營大牌*/
.Area_brand-swiper[org="1"] .Area_content .box { background: url(boxrepeat02_940.jpg?t=1787541451824)top center repeat-y; background-size: 100%; border-radius: 15px;}
.Area_brand-swiper[org="1"] .PD_layout.PD_layout-D3_02 ul .PD .PD_logo { border-radius: 50%;}
.Area_brand-swiper[org="1"] .Area_swiper { background-color: transparent;}
@media screen and (min-width:768px){
  .Area_brand-swiper[org="1"] .Area_content .box { border-radius: 20px;}
}

/*精選品牌推薦*/
.Area_brand-1-plus-2[org="1"] { margin-bottom: 12vw;}
.Area_brand-1-plus-2[org="1"] .Area_content .box { background: url(boxrepeat_940.jpg?t=1787541451824)top center repeat-y; background-size: 100%; border-radius: 15px;}
.Area_brand-1-plus-2[org="1"] .PD_layout.PD_layout-D3_02 ul .PD .PD_logo { border-radius: 50%;}
.Area_brand-1-plus-2[org="1"] .PD_layout { width: 96%; margin: 0 auto 2%}
.Area_brand-1-plus-2[org="1"] .PD_layout.PD_layout-D3_02 { width: 100%; margin: 0;}
.Area_brand-1-plus-2[org="1"] .PD_layout ul { border-radius: 15px;}
.Area_brand-1-plus-2[org="1"] .PD_layout.PD_layout-D3_02 ul { border-radius: 0;}
@media screen and (min-width:768px){
  .Area_brand-1-plus-2[org="1"] { margin-bottom: 155px;}
  .Area_brand-1-plus-2[org="1"] .Area_content .box { border-radius: 20px;}
}

/*頁籤公版*/
.Area_pd-tabs-6[org="1"],
.Area_pd-tabs-6[org="2"] { margin-bottom: 14vw;}
.Area_pd-tabs-6[org="1"],
.Area_pd-tabs-6[org="2"],
.Area_pd-tabs-6[org="3"] { position: relative;}
.Area_pd-tabs-6[org="1"]:before,
.Area_pd-tabs-6[org="2"]:before,
.Area_pd-tabs-6[org="3"]:before { content: ""; position: absolute; top: -8.3vw; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 100%; background: url(boxtop01.png?t=1787541451824)top center no-repeat; background-size: 100%; pointer-events: none;}
.Area_pd-tabs-6[org="1"] .NavArea_tabbar_page .Nav .swiper-slide-active i,
.Area_pd-tabs-6[org="2"] .NavArea_tabbar_page .Nav .swiper-slide-active i,
.Area_pd-tabs-6[org="3"] .NavArea_tabbar_page .Nav .swiper-slide-active i { border: 1px solid #865d33 !important; background-color: #865d33 !important;}
@media screen and (min-width:768px){
  .Area_pd-tabs-6[org="1"],
  .Area_pd-tabs-6[org="2"] { margin-bottom: 160px;}
  .Area_pd-tabs-6[org="1"]:before,
  .Area_pd-tabs-6[org="2"]:before,
  .Area_pd-tabs-6[org="3"]:before { top: -80px;}
}

/*更多品牌*/
.Area_pd-grid-4x2-copy-3_001[org="1"] .layout_logo ul li { position: relative; background: url(Area11_bg.png?t=1787541451824)top center no-repeat; background-size: 100%; padding: 0.5em; box-sizing: border-box;}
.Area_pd-grid-4x2-copy-3_001[org="1"] .layout_logo ul li:before { content: "GO"; position: absolute; bottom: 1.5vw; left: 50%; transform: translateX(-50%); display: block; width: 30%; height: auto; background-color: #8a6036; border-radius: 60px; color: #ecdec6; font-size: 3.2vw; line-height: 3.3vw; font-family: Arial, Helvetica, sans-serif; pointer-events: none; z-index: 9;}
@media screen and (min-width:768px){
  .Area_pd-grid-4x2-copy-3_001[org="1"] .layout_logo ul li { padding: 20px;}
  .Area_pd-grid-4x2-copy-3_001[org="1"] .layout_logo ul li:before { bottom: 10px; width: 25%; font-size: 22px; line-height: 30px;}
}

/*更多品類*/
.Area_bn-grid-3x1[org="2"] .Area_content .PD_layout ul li:nth-child(2),
.Area_bn-grid-3x1[org="2"] .Area_content .PD_layout ul li:nth-child(4) { margin-top: 8vw;}
@media screen and (min-width:768px){
  .Area_bn-grid-3x1[org="2"] .Area_content .PD_layout ul li:nth-child(2),
  .Area_bn-grid-3x1[org="2"] .Area_content .PD_layout ul li:nth-child(4) { margin-top: 80px;}
}

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