/* 各頁面CSS */


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




/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}


/* 折價券 */
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #0e2803;}
@media screen and (max-width:767px){
.PD_layout.PD_layout-coupon3 .PD small.Dis_unit, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD small.Dis_unit{padding-left: 0.5vw;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 43%;}
}


/* 01_活動攻略 */
@media screen and (min-width:768px){ 
.Area_active{margin-bottom: 50px;}
.Area_active .btnx4{margin-bottom: 20px;}  
.Area_active .Area_coupon_sw{margin-bottom: 40px;}
.Area_active .Area_coupon_sw ul{height: 190px;}
}
@media screen and (max-width:767px){
.Area_active{margin-bottom: 0vw;}
.Area_active .btnx4{margin-bottom: 3vw;}  
.Area_active .Area_coupon_sw{margin-bottom: 3vw;}
.Area_active .Area_swiper_box .PD_layout-coupon3{height: 21vw;}
}

/* 02_必買話題熱書 */
@media screen and (min-width:768px){ 
.Area_buy{padding-bottom: 20px;}
}
@media screen and (max-width:767px){
.Area_buy{margin-bottom: 6vw;}
}

/* 04_BN輪播 */
@media screen and (min-width:768px){ 
.Area_banner{margin-bottom: 20px;}
/* .Area_banner ul{height: 206px;} */
}
@media screen and (max-width:767px){
/* .Area_banner ul{height: 40vw;} */
}


/* 05_HOT！書店暢銷 */
@media screen and (min-width:768px){ 
.Area_hot{ margin-bottom: 40px;}
}
@media screen and (max-width:767px){
.Area_hot{margin-bottom: -1vw;}
}

/* 06_登記活動 */
/*登記贈品文案顏色*/
/* .Area_danji .danji_box ul li .activityText .gifts span { color: #1932e6;}                  */
@media screen and (min-width:768px){ 
.Area_danjiall{margin-bottom: -20px;}

}

@media screen and (max-width:767px){
.Area_danjiall{margin-bottom: -1vw;}
}


/* 下方公版 */
@media screen and (max-width:767px){
.Area_down{margin-bottom: 3vw;}
}

/* 電子書9元神券 */
.Area_item .item00 ul  {background-color: transparent; padding: 0;}
.Area_item .item00 ul li {background: url(item01.png?t=1781777612423) top center / 100% no-repeat; border: none;}
/* 顏色 */
.Area_item .PD_layout[data-pd-h3="5"] .PD h3 span{background-color: #fff;}
.Area_item .PD_layout[data-pd-h4="1"] .PD h4{color: #fff;}
.Area_item .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
.Area_item .PD_layout .PD p del{color: #ffffff65;}
.Area_item .PD_layout .PD p{color:#ffd922;}

@media screen and (min-width:768px){ 
.Area_item {margin-bottom: -40px;}
.Area_item .item00 ul li {height: 564px;}
.Area_item .PD_layout[data-pd-direction=row] .PD_img{position: relative;left: 146px;width: 34%;top: 109px;}
.Area_item .PD_layout[data-pd-into=center] .PD_into{position: relative;left: 210px;top: 110px;}

.Area_item .PD_layout .PD h3{font-size: 20px;}
.Area_item .PD_layout .PD h4{font-size: 28px;}
.Area_item .PD_layout .PD p del{font-size: 18px;}
.Area_item .PD_layout .PD p .Price{font-size: 36px;}

.Area_item .Area_coupon{margin-bottom: 10px;}
.Area_item .item00{margin-bottom: 65px;}

}

@media screen and (max-width:767px){
.Area_item {margin-bottom: -4vw;}
.Area_item .item00 ul li {height: 57vw;}
.Area_item .PD_layout[data-pd-direction=row] .PD_img{position: relative;left: 12vw;width: 40%;top: 10vw;}
.Area_item .PD_layout[data-pd-into=center] .PD_into{position: relative;left: 11vw;top: 9vw;}

.Area_item .PD_layout .PD h3{font-size: 16px;}
.Area_item .PD_layout .PD h4{font-size: 20px; margin-bottom:0;}
.Area_item .PD_layout .PD p del{font-size: 16px;}
.Area_item .PD_layout .PD p .Price{font-size: 33px;}

.Area_item .Area_coupon{margin-bottom: 2vw;}
.Area_item .item00{margin-bottom: 4vw;}
}


/* 08_超強品牌 */
@media screen and (min-width:768px){ 
.Area_super{margin-bottom: 30px;}
}
@media screen and (max-width:767px){
.Area_super .PD_layout.PD_layout-D1_16 ul{grid-gap: 0;}
.Area_super .PD_layout.PD_layout-D1_16 ul .PD .PD_img{max-width: 90%;}
}




.top_PD.Area_bestPD_bottom .PD_layout-acPD2 .PD_into{border-radius:.5em ;}
.top_PD.Area_bestPD_bottom .PD_layout-acPD2 .PD_into h4 span{margin-top: 0;}
@media screen and (min-width: 768px) {
	.top_PD{width: 25%;}
	.top_PD .PD_layout li{border: none;}
	.Area_bestPD_bottom{top: 90px!important;}

}
@media screen and (max-width: 767px) {
	.top_PD{width: 33% !important;}
	.top_PD .PD_layout li{border: none;}
	.Area_bestPD_bottom{top: 2vw!important;left: 64vw!important;}
}