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

/*背景*/
.Area_bgtop[org="3"] { position: absolute; z-index: 4; pointer-events: none;}
@media screen and (min-width:768px){
  .bgdeco { z-index: 0; position: absolute; top: 650px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1791424272070) 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-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%;}
.warningTxt h3 { padding: 0;}
@media screen and (min-width:768px){
  .Area--bg { width: 960px;}
  .Areapadding { padding: 0 20px;}
}

/*版頭*/
.Area_hero-visual_003[org="1"] .Area_hero { position: relative;}
.Area_hero-visual_003[org="1"] .Area_hero .good01 { position: absolute; width: 10%; top: 16vw; left: 84vw; z-index: 1; pointer-events: none;}
.Area_hero-visual_003[org="1"] .Area_hero .good02 { position: absolute; width: 10%; top: 21vw; left: 8vw; z-index: 1; pointer-events: none;}
.Area_hero-visual_003[org="1"] .Area_hero .good03 { position: absolute; width: 9%; top: 38vw; left: 1vw; z-index: 1; pointer-events: none;}
.Area_hero-visual_003[org="1"] .Area_hero .good04 { position: absolute; width: 11%; top: 55vw; left: 55vw; z-index: 2; pointer-events: none;}
/*日期*/	
.Area_hero-visual_003[org="1"] .Area_hero .date { position: absolute; width: 25%; height: 12vw; top: 1vw; left: 62vw; background: url(date_bg.png?t=1791424272070)top center no-repeat; background-size: 100%; z-index: 1;}
.Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY { position: relative; width: 93%; right: 0; top: 4.5vw; text-align: right;}
.Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY span { font-size: 20px; font-weight: 700; line-height: 0; margin-left: 0; color: #fe601c; letter-spacing: 0; font-family: "Century Gothic";  width: 25px;}
.Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY small { font-size: 9px; font-weight: bolder; line-height: 5px; margin-left: 0; color: #fe601c; letter-spacing: 0; font-family: "Century Gothic";}
.Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY #sendMonth { display: inline-block;}
.Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY #sendToday { margin-left: 0; display: inline-block;}
@media screen and (min-width:768px){
  .Area_hero-visual_003[org="1"] .Area_hero .good01 { top: 156px; left: 809px;}
  .Area_hero-visual_003[org="1"] .Area_hero .good02 { top: 210px; left: 74px;}
  .Area_hero-visual_003[org="1"] .Area_hero .good03 { top: 360px; left: 10px;}
  .Area_hero-visual_003[org="1"] .Area_hero .good04 { top: 530px; left: 510px;}
  /*日期*/	
  .Area_hero-visual_003[org="1"] .Area_hero .date { width: 180px; height: 85px; top: 45px; left: 660px;}
  .Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY { right: 15px; top: 45px;}
  .Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY span { font-size: 38px; width: 38px;}
  .Area_hero-visual_003[org="1"] .Area_hero .TIMER_DAY small { font-size: 20px; line-height: 5px;}
}

/*新品TOP榜*/
.Area_scene-carousel[org="1"] { position: relative; z-index: 4;}
@media screen and (min-width:768px){
}

/*熱搜榜*/
.Area_hashtag[org="1"] .PD_layout-D1_03 { padding: 7% 0 7% 9%; box-sizing: border-box;}
@media screen and (min-width:768px){
}

/*開賣預告*/
.Area_daily-highlight-carousel[org="1"] .dept-box { aspect-ratio: inherit;}
.Area_daily-highlight-carousel[org="1"] .dept-box .Area_swiper { padding: 0;}
.Area_daily-highlight-carousel[org="1"] .dept-box .Area_swiper .PD_layout ul li .PD_into .js-PD_priceTxt,
.Area_daily-highlight-carousel[org="1"] .dept-box .Area_swiper .PD_layout ul li .PD_into .money,
.Area_daily-highlight-carousel[org="1"] .dept-box .Area_swiper .PD_layout ul li .PD_into .js-PD_unit { display: none;}
@media screen and (min-width:768px){
}

/*KOL推薦*/
.Area_bn-carousel[org="1"] .Area_swiper .Area_swiper_box { padding-bottom: 0;}
@media screen and (min-width:768px){
}

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