/* 各頁面CSS */

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

/*調共用*/
body {background-image: url(body_bg.png?t=1764664934790);}
.hero { z-index: -2; }
.hero-btn-wrap { z-index: 50; }
.hero-backdrop-icon { z-index: 15; position: relative;width: 100%;}
.hero-backdrop-icon .for_icon-01 { left: 53%; }
.hero-backdrop-icon img {position: absolute; min-width: 50%;aspect-ratio: 960/398;top: 2%;left: 48.5%;transform: translateX(-50%);}
@media screen and (min-width: 768px) {
 .hero { margin: 0px auto -1215px; }
}
@media screen and (max-width: 767px) {
	.hero { height: 36vw; }
   }

/* 搶按鈕 */
.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;}

/* 改標題顏色 */
.Area_boxstyle.Area_boxstyle--hasBackdrop::before { background: url(Area_boxstyle_hasbg_top.png?t=1764664934790) center top / 100% no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1764664934790) bottom center / 100% no-repeat;}
.Area_boxstyle.Area_boxstyle--hasBackdrop::after { background: url(Area_boxstyle_hasbg_center.png?t=1764664934790) center top / 100% repeat; height: calc(100% - 360px); }
.Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box { background: url(Area_boxstyle_top_hasbg.png?t=1764664934790) top center / contain no-repeat, url(Area_boxstyle_bottom1.png?t=1764664934790) bottom center / contain no-repeat, url(Area_boxstyle_center1.png?t=1764664934790) center top 115px / 100% calc(100% - 140px) no-repeat; }
@media screen and (max-width: 767px) {
.Area_boxstyle.Area_boxstyle--hasBackdrop:before { height: calc(100% + 1vw); background: url(m_Area_boxstyle_hasbg_top.png?t=1764664934790) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1764664934790) bottom center / 100% no-repeat;}
.Area_boxstyle.Area_boxstyle--hasBackdrop::after { height: calc(100% - 25.8vw); background: url(m_Area_boxstyle_hasbg_center.png?t=1764664934790) center top / 100% repeat; }
.Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {background: url(m_Area_boxstyle_top_hasbg.png?t=1763628142675) center top 1.2vw / contain no-repeat;}
}

/* 行銷活動 */
.act_bn { position: relative; width: 96%; margin: 0 auto; }
.act_bn ul { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; margin: 0; }
.act_bn li { list-style: none; }
.act_bn .btn_ { }
.act_bn .btn_ img { width: 100%; aspect-ratio: 320 / 270; }
@media screen and (max-width: 767px) {
 .act_bn { width:100%; }
}

/* 一帶四 */
.Area_1bn4pd .color_box .PD_layout ul { padding: 0; }
@media screen and (min-width: 768px) {
.Area_1bn4pd {width:960px;margin:0 auto;}
.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;*/}
.Area_1bn4pd .color_box.box02 { padding:40px 20px 30px 20px; }
.Area_1bn4pd .color_box .PD_layout.BN_box .PD_img img { border-radius: 1.2em; }
}

.Area_1bn4pd .PD_layout.BN_box { width: 100%; }
.Area_1bn4pd .PD_layout.BN_box img { border-radius: 0.5em; }
@media screen and (max-width: 768px) {
.Area_1bn4pd .color_box { width:100%;padding:0;border-radius:5vw 0 5vw 0;/*background-color:#ffb9d8;*/}
.Area_1bn4pd .color_box.box02 { padding:0 0 1vw 0; }
.Area_1bn4pd .PD_layout.BN_box {margin-bottom:2vw;}
.Area_1bn4pd .color_box .PD_layout.PD {width: 96%;}
}
@media screen and (max-width: 767px) {
.Area_1bn4pd .PD_layout.BN_box { width: 96%; }	
}

/* 品類輪播 */
.Area_Category .Area_swiper_box {  }
.Area_Category .Area_swiper .Area_swiper_box .PD_layout li {background-color:transparent;}
@media screen and (max-width: 767px) {
	.Area_Category  { margin-bottom: 3vw; }
	.Area_Category .Area_swiper_box { padding-bottom: 5vw; }
	.Area_Category .Area_swiper_box .swiper-pagination { bottom: -1.2vw !important; }
}