/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }



/* 搶按鈕 */
.PD_layout[data-pd-btn] .PD_btn {background-color: #7224a9 !important;background-image:none !important;}
.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {background-color: #000 !important;}

/* 改標題顏色 */
@media screen and (min-width: 768px) {
.Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box
{background: url(Area_boxstyle_top_hasbg_purple.png?t=1762508849304) top center/contain no-repeat,url(Area_boxstyle_bottom1.png?t=1762508849304) bottom center/contain no-repeat,url(Area_boxstyle_center1.png?t=1762508849304) center top 115px/100% calc(100% - 140px) no-repeat;}
.Area_boxstyle .Area_boxstyle_box2,.Area_boxstyle .Area_boxstyle_box3 {background: url(Area_boxstyle_top2_purple.png?t=1762508849304) top center/contain no-repeat,url(Area_boxstyle_bottom3.png?t=1762508849304) bottom center/contain no-repeat,url(Area_boxstyle_center3.png?t=1762508849304) center top 160px/100% calc(100% - (160px + 10px)) no-repeat;}

/* 有背景那塊改顏色 */
.Area_boxstyle.Area_boxstyle--hasBackdrop::before {
background:url(Area_boxstyle_hasbg_bottom_purple.png?t=1762508849304) bottom center/100% no-repeat,url(Area_boxstyle_hasbg_top_purple.png?t=1762508849304) center top/100% no-repeat;}
.Area_boxstyle.Area_boxstyle--hasBackdrop::after {background:url(Area_boxstyle_hasbg_center.png?t=1762508849304) center top/100% repeat;}
}
@media screen and (max-width: 768px) {
.Area_boxstyle .Area_boxstyle_box2,.Area_boxstyle .Area_boxstyle_box3 {background:
	url(m_Area_boxstyle_top2_purple.png?t=1762508849304) top center/contain no-repeat,url(m_Area_boxstyle_bottom1.png?t=1762508849304) bottom center/contain no-repeat,url(m_Area_boxstyle_center1.png?t=1762508849304) center top 17vw/100% calc(100% - (17vw + 5vw)) no-repeat;}
.Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box
{background:url(m_Area_boxstyle_top_hasbg_purple.png?t=1762508849304) center top 1.2vw/contain no-repeat;}

/* 有背景那塊改顏色 */
.Area_boxstyle.Area_boxstyle--hasBackdrop:before {background: url(m_Area_boxstyle_hasbg_bottom_purple.png?t=1762508849304) bottom center/100% no-repeat,url(m_Area_boxstyle_hasbg_top_purple.png?t=1762508849304) top center/100% no-repeat;}
.Area_boxstyle.Area_boxstyle--hasBackdrop::after {background:url(m_Area_boxstyle_hasbg_center_purple.png?t=1762508849304) center top/100% repeat;}

}


/* 全站加碼 */
@media screen and (max-width: 768px) {
.Area_act .PD_layout.act_bn ul {grid-gap:0.3em;}
}

/* 神券 */
.coupon-body {background: var(--body-bg);
	text-align: left;
    align-items: center;
	padding:1.25rem 1.45rem 1.45rem 1.45rem;
   }

@media screen and (min-width: 768px) {
	.coupon-body .PD_layout.act li {height:230px;background: url(PDbg.png?t=1762508849304) top center / 100% auto no-repeat;}
	.coupon-body .PD_layout.act .PD h3 {font-size:33px;color: #7224a9;}
	.coupon-body .PD_layout.act .PD h4 {font-size:25px;}
	.coupon-body .PD_layout.act .PD_img {position: absolute;left:580px;padding: 0 !important;}
	.coupon-body .PD_layout.act .PD_into {position: absolute;top:43px;left:90px;}
	.coupon-body .PD_layout.act img {width:45%;}
}
@media screen and (max-width: 768px) {
.coupon-body .PD_layout.act li {height:22vw;background: url(PDbg.png?t=1762508849304) top center / 100% auto no-repeat;}
.coupon-body .PD_layout.act .PD h3 {font-size:1em;color: #7224a9;}
.coupon-body .PD_layout.act .PD_img {position: absolute;left:53vw;padding: 0 !important;}
.coupon-body .PD_layout.act .PD_into {position: absolute;top:2vw;left:8vw;}
.coupon-body .PD_layout.act img {width:45%;}
}
/* 一帶四 */
@media screen and (min-width: 768px) {
.Area_act {margin-bottom: 30px;}
.Area_1bn4pd {width:960px;margin:0 auto 80px;}
.Area_1bn4pd  .PD_layout.BN_box {margin-bottom: 20px;}
.Area_1bn4pd .color_box {width:96%;padding:40px 20px 40px 20px;border-radius:40px 0 40px 0;background-color:#ffb9d8;}
}
@media screen and (max-width: 768px) {
.Area_1bn4pd .color_box {width:100%;padding:5vw 0 5vw 0;border-radius:5vw 0 5vw 0;background-color:#ffb9d8;}
.Area_1bn4pd .PD_layout.BN_box {margin-bottom:2vw;}
.Area_1bn4pd .color_box .PD_layout.PD {width: 96%;}
}

/* 品類輪播 */
.Area_Category .Area_swiper .Area_swiper_box .PD_layout li {background-color:transparent;}

/*Area_event*/
.Area_event { position: relative; z-index: 20;}
.Area_event .box { position: relative; width: 100%;}
.Area_event .box_1 .event_box { display: flex; flex-wrap: nowrap; width: 100%;}
@media screen and (max-width: 767px) {
	.Area_event { margin-top: 3vw;}
	.Area_event_2 { margin-top: 1vw; margin-bottom: 4vw;}
	.event_1_box, .event_2_box, .event_3_box { margin-bottom: 0.5vw;}
	.Area_AD, .Area_act { margin-bottom: 4vw;}
	.Area_AD .PD_layout { padding-bottom: 4vw;}
}
@media screen and (min-width: 768px) {
	.Area_event { margin-top: 30px;}
	.Area_event_2 { margin-top: 10px; margin-bottom: 40px;}
	.event_1_box, .event_2_box, .event_3_box { margin-bottom: 10px;}
	.Area_AD { margin-bottom: -35px;}
	.Area_AD .PD_layout { padding-bottom: 30px;}
}