/* 各頁面CSS */

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

/*調共用*/
body {background-image: url(body_bg.png?t=1764655809532);}
.hero { z-index: -2; }
.tl-text {}
.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; }
 .tl-text img {}
}
@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=1764655809532) center top / 100% no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1764655809532) bottom center / 100% no-repeat;}
.Area_boxstyle.Area_boxstyle--hasBackdrop::after { background: url(Area_boxstyle_hasbg_center.png?t=1764655809532) center top / 100% repeat; height: calc(100% - 360px); }
.Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box { background: url(Area_boxstyle_top_hasbg.png?t=1764655809532) top center / contain no-repeat, url(Area_boxstyle_bottom1.png?t=1764655809532) bottom center / contain no-repeat, url(Area_boxstyle_center1.png?t=1764655809532) 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=1764655809532) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1764655809532) 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=1764655809532) 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: 768px) {
 .act_bn { width:100%; }
}

/* 玉山活動區 */
.Area_game { margin-bottom: 10px; }
.Area_game .box_1 .message-6 .yl { color: #ecff01; }
.Area_game .PD_layout.cardevent ul { display: flex; }
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(1), .Area_game .PD_layout.cardevent li.PD_slide:nth-child(2) { min-width: 49.3%; }
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(1) { padding-right: 2%; }
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(1)::after { z-index: 10;content: "";clear: both;position: absolute;top: 51%;left: 96%;width: 10%;aspect-ratio: 44/44;background: url(btn_plus.png?t=1764655809532) top center / 100% no-repeat; }
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(2) { padding-left: 2%; }
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(3) { margin: 1.5% 0; }
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(3) .PD::before {z-index: 10;content: "";clear: both;position: absolute;top: -5.5%;left: 47.58%;width: 5%;aspect-ratio: 44/44;background: url(btn_plus.png?t=1764655809532) top center / 100% no-repeat;}
.Area_game .PD_layout.cardevent li.PD_slide:nth-child(3)::after { z-index: 10;content: "";clear: both;position: absolute;top: 101%;left: 47.58%;width: 5%;aspect-ratio: 44/44;background: url(btn_plus.png?t=1764655809532) top center / 100% no-repeat; }
@media screen and (max-width: 767px) {
	.Area_game { margin-bottom: 1vw; }
	.Area_game .my-3 { margin: 1.5vw auto 2vw; }
	.Area_game .PD_layout.cardevent li.PD_slide:nth-child(1), .Area_game .PD_layout.cardevent li.PD_slide:nth-child(2) { max-width: 49.3%; }
	.Area_game .PD_layout.cardevent li.PD_slide:nth-child(1) { padding-right: 2vw; }
	.Area_game .PD_layout.cardevent li.PD_slide:nth-child(2) { padding-left: 2vw; }
	.Area_game .PD_layout.cardevent li.PD_slide:nth-child(3) { margin: 2vw 0; }
	}

/* 845x667-BN區 */
.Area_AD1 { margin: 0 auto; }
.Area_AD1 .Area_swiper { width: 100%; padding: 0;  } 
.Area_AD1 .Area_swiper_box { padding-bottom: 3%; height: 705px; }
.Area_AD1 .Area_swiper_box .swiper-pagination { bottom: 0 !important; }
.Area_AD1 .Area_swiper_box .PD_layout li { background-color: transparent; }
@media screen and (max-width: 767px) {
	.Area_AD1 .Area_swiper { height: inherit; }
	.Area_AD1 .Area_swiper_box { height: 75vw; }
	}

/* 一帶四 */
.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; }
}