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

/*背景*/
.brick { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: inherit; height: 70vw; background: url(brick_m.png?t=1786614693146) no-repeat center 44px; background-size: 100%;}
@media screen and (min-width:768px){
  .brick { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 450px; background: url(brick.png?t=1786614693146) no-repeat center top;}
}

/*間距*/
.Area_bottom { margin-bottom: 10vw;}
@media screen and (min-width:768px){
  .Area_bottom { margin-bottom: 50px;}
}

/*共用樣式*/
@media screen and (min-width:768px){
}

/*版頭*/
.Area_top {}
.Area_top .Area960 .PD_layout ul li { pointer-events: none;}
.Area_top .main { position: relative;}
.Area_top .main ul li:nth-child(2) { position: absolute; top: 0; left: 0;}
.Area_top .mainsubtitle { position: relative; width: 100%; z-index: 0; background: url(mainsubtitle_bg.png?t=1786614693146)top center no-repeat; background-size: 100%;}
.Area_top .mainsubtitle .Area_swiper_box { padding-bottom: 0;}
.Area_top .mainsubtitle .Area_swiper_box .PD_layout ul { height: 11.5vw;}
.Area_top .mainsubtitle .Area_swiper_box .PD_layout li { background-color: transparent;}
.Area_top .topPD_box { width: 100%; margin-top: -2.5vw;}
.Area_top .topPD_box .Area_swiper_box { padding-bottom: 0;}
.Area_top .topPD_box .Area_swiper_box .PD_layout ul { height: 62vw;}
.Area_top .topPD_box .Area_swiper_box .PD_layout ul li { position: relative; background-color: transparent; opacity: 0; transform: translate(5%,0);}
.Area_top .topPD_box .Area_swiper_box .PD_layout ul li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (min-width:768px){
  .Area960.Area_top {}
  .Area_top .mainsubtitle .Area_swiper_box .PD_layout ul { height: 105px}
  .Area_top .topPD_box { margin-top: -15px;}
  .Area_top .topPD_box .Area_swiper_box .PD_layout ul { height: 600px;}
}

/*今日限定驚喜價*/
.Area_group-1 { margin: -2vw auto 17vw;}
.Area_group-1 :where(.Area_Timecountdown-black .FontStyle-number) { color: #3babf8;}
.Area_group-1 .topPD { --swiper-pagination-color: #000;}
.Area_group-1 .topPD ul li .PD_into h3 span { background-color: #f9ec61;}
.Area_group-1 .topPD ul li .PD_into p { color: #4cb4fb;}
@media screen and (min-width:768px){
  .Area_group-1 { margin: 0 auto 300px;}
}

/*BN公版*/
.Area_bn-grid-1x1 .PD_layout ul li .PD_img img { border-radius: 12px; border: solid 1px #66b8f0;}
@media screen and (min-width:768px){
  .Area_bn-grid-1x1 .PD_layout ul li .PD_img img { border-radius: 20px;}
}

/*活動按鈕*/
.Area_bn-grid-3x1[org="1"] .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul { grid-gap: 0 0.5em;}
.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(1), section.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(3), section.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(4), section.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(6) { margin-top: 2.5vw;}
@media screen and (min-width:768px){
  .Area_bn-grid-3x1[org="1"] .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul { grid-gap: 0 30px;}
  .Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(1), section.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(3), section.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(4), section.Area_bn-grid-3x1[org="1"] .PD_layout ul li:nth-child(6) { margin-top: 30px;}
}

/*人氣爆款一次買*/
.Area_group-2 { position: relative;}
.Area_group-2 .layout_PD01 { position: relative; background: url(Area06_boxrepeat_m.png?t=1786614693146)top center repeat-y; background-size: 100%; padding: 0 2%; box-sizing: border-box;}
.Area_group-2 .layout_PD01:before { content: ""; display: block; position: absolute; top: -20.2vw; left: 0; width: 100%; height: 100%; background: url(Area06_boxtop_m.png?t=1786614693146)top center no-repeat; background-size: 100%; z-index: -1;}
.Area_group-2 .Area_content:after { content: ""; display: block; position: relative; width: 100%; height: 15vw; background: url(Area06_boxbottom_m.png?t=1786614693146)top center no-repeat; background-size: 100%;}
@media screen and (min-width:768px){
  .Area_group-2 .layout_PD01:before { top: -195px;}
  .Area_group-2 .Area_content:after { height: 140px;}
}

/*頁籤公版*/
.Area_group-3:after { content: ""; display: block; position: relative; width: 100%; height: 2.5vw; background: url(bluebox_bottom.png?t=1786614693146)top center no-repeat; background-size: 100%;}
.Area_group-3 .Area_content { background: url(bluebox_repeat.png?t=1786614693146)top center repeat-y; background-size: 100%; padding: 0 3%; box-sizing: border-box;}
@media screen and (min-width:768px){
  .Area_group-3:after { height: 24px;}
}

/*超夯新品*/
.Area_scene-carousel .Area_swiper_box .PD_layout li { border-radius: 15px; overflow: hidden;}
@media screen and (min-width:768px){
}

/*品牌輪播*/
.Area_group-4:after { content: ""; display: block; position: relative; width: 100%; height: 2.5vw; background: url(bluebox_bottom.png?t=1786614693146)top center no-repeat; background-size: 100%;}
.Area_group-4 .Area_content { background: url(bluebox_repeat.png?t=1786614693146)top center repeat-y; background-size: 100%; padding: 0 1%; box-sizing: border-box;}
.Area_group-4 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo { border-radius: 10px;}
.Area_group-4 .Area_brand-swiper .box .PD_layout.PD_layout-D3_02 .js-PD_txt3 { color: #149dfb;}
.Area_group-4 .Area_brand-swiper .box .PD_layout-D3_02 .PD h3 { text-align: center;}
@media screen and (min-width:768px){
  .Area_group-4:after { height: 24px;}
}

/*品牌新星 搶先團購*/
.Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo { width: 35%; padding: 1.5% 0;}
.Area_brand-1-plus-2 .b_box .PD_layout { background-color: #b5e6ff; padding: 0 2% 2%; box-sizing: border-box; border-radius: 0 0 15px 15px; border: solid 1px #fff; border-top: none;}
.Area_brand-1-plus-2 .b_box .PD_layout ul { border-radius: 15px;}
.Area_brand-1-plus-2 .b_box .PD_layout.PD_layout-D3_02 { background: url(comp_block_20260428003__brand-1-plus-2_1784690708373.png?t=1786614693146)top center no-repeat; background-size: 100%; border-radius: 0; padding: inherit; border: none;}
@media screen and (min-width:768px){
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo { width: 38%;}
  .Area_brand-1-plus-2 .PD_layout.PD_layout-D3_02 ul .PD .PD_into { gap: 2.5em; padding: 0 20px;}
}

/*注意事項*/
.edm_notice { position: relative;}

/*底*/
.WRAPPER:before { content: ""; display: block; position: absolute; bottom: -18vw; left: 0; width: 100%; height: 100%; background: url(bgbottom_m.png?t=1786614693146)bottom center no-repeat; background-size: 100%;}
@media screen and (min-width:768px){
  .WRAPPER:before { bottom: -10px; background: url(bgbottom.png?t=1786614693146)bottom center no-repeat; background-size: 2000px; min-width: 1220px;}
}

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