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

/*背景*/
@media screen and (min-width:787px){
  .bgdeco { z-index: 0; position: absolute; top: 750px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1793591801862) 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;}
.star_01 { position: absolute; width: 13%; top: 6vw; left: 7vw; z-index: 2;}
.star_02 { position: absolute; width: 4%; top: 7vw; left: 72vw; z-index: 2;}	
@media screen and (min-width:768px){
  .star_01 { top: 70px; left: 140px;}
  .star_02 { top: 80px; left: 680px;}
}

/*行銷活動*/
.Area_pd-grid-act-flexcol[org="1"] { background: url(ACTbg.png?t=1793591801862)top center no-repeat; background-size: 100%;}
.Area_pd-grid-act-flexcol[org="1"] .PD_layout.layout_ACT_01 li { background-color: transparent;}
.Area_pd-grid-act-flexcol[org="1"] .PD_layout.layout_ACT_01 .PD h4 b { color: #004cc7;}
.Area_pd-grid-act-flexcol[org="1"] .PD_layout.layout_ACT_01 .PD h4 span { color: #ef3ef2;}
@media screen and (min-width:768px){
  .Area_pd-grid-act-flexcol[org="1"] .Areapadding { padding: 30px 20px !important;}
}

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

/*登記活動*/
.Area_register-activity[org="1"] .Area_danji .danji_box { margin-bottom: 0;}

/*全年最優惠*/
.Area_pd-carousel[org="1"] { padding-bottom: 24px;}
.Area_pd-carousel[org="1"] .Area_content.Areapadding-m { padding-inline: 7px!important;}
.Area_pd-carousel[org="1"] .Area_content .Area_swiper { background-color: #0061c1; border-radius: 0 0 10px 10px; border: solid 2px #00ffff; border-top: none;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="1"] { padding-bottom: 40px;}
  .Area_pd-carousel[org="1"] .Area_content.Areapadding-m { padding-inline: 16px!important;}
  .Area_pd-carousel[org="1"] .Area_content .Area_swiper { border-radius: 0 0 20px 20px; border: solid 4px #00ffff; border-top: none;}
}

/*年度熱銷榜*/
.Area_pd-carousel[org="2"] .Area_content.Areapadding-m { padding-inline: 7px!important;}
.Area_pd-carousel[org="2"] .Area_content .Area_swiper { background-color: #0061c1; border-radius: 0 0 10px 10px; border: solid 2px #00ffff; border-top: none;}
@media screen and (min-width:768px){
  .Area_pd-carousel[org="2"] .Area_content.Areapadding-m { padding-inline: 16px!important;}
  .Area_pd-carousel[org="2"] .Area_content .Area_swiper { border-radius: 0 0 20px 20px; border: solid 4px #00ffff; border-top: none;}
}

/*熱搜大牌*/
.Area_brand-1-plus-2[org="1"] .Area_content .box { background-color: #0061c1; border-radius: 10px; border: solid 2px #00ffff;}
.Area_brand-1-plus-2[org="1"] .Area_content .box .PD_layout ul { border-radius: 15px; width: 96%; margin: 0 auto 2%;}
.Area_brand-1-plus-2[org="1"] .Area_content .box .PD_layout-D3_02 ul { border-radius: 0;}
@media screen and (min-width:768px){
  .Area_brand-1-plus-2[org="1"] .Area_content .box { border-radius: 20px; border: solid 4px #00ffff;}

}

/*下方公版*/
.Area_group-2 .Area_content, 
.Area_group-3 .Area_content, 
.Area_group-4 .Area_content, 
.Area_group-5 .Area_content, 
.Area_group-6 .Area_content, 
.Area_group-7 .Area_content, 
.Area_group-8 .Area_content, 
.Area_group-9 .Area_content,
.Area_group-10 .Area_content,
.Area_group-11 .Area_content { width: 96.6%; margin: 0 auto; background-color: #f858e3; border-radius: 0 0 10px 10px; border: solid 2px #00ffff; border-top: none;}
@media screen and (min-width:768px){
  .Area_group-2 .Area_content, 
  .Area_group-3 .Area_content, 
  .Area_group-4 .Area_content, 
  .Area_group-5 .Area_content, 
  .Area_group-6 .Area_content, 
  .Area_group-7 .Area_content, 
  .Area_group-8 .Area_content, 
  .Area_group-9 .Area_content,
  .Area_group-10 .Area_content,
  .Area_group-11 .Area_content { border-radius: 0 0 20px 20px; border: solid 4px #00ffff; border-top: none;}
}

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