/* 各頁面CSS */

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


/* 版頭 */
@media screen and (min-width: 768px){
  .hero { height: 1650px;}
  .hero-title { top: 110px; left: 215px;}
  .hero-title .lg-text { width: 530px;}
  .bg-deco .bgdeco_1 { height: 412px; background-size: auto 412px;}
}
@media screen and (max-width: 767px){
  .hero-title { padding: 7vw 0 0; width: 54%; left: 14%;}
}


/* 倒數 */
.TimerNick { position: absolute; top: 285px; left: 330px;}
.TimerNick .TIMER { margin: 0 auto; padding: 0; overflow: hidden; text-align: center; color:#fff; font-size: 26px; line-height: 40px; font-weight: 800; font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.TimerNick small {position: relative; top: 0; font-size: 20px;}
.TimerNick .time_day { font-size: 20px; letter-spacing: .05rem;}
.TimerNick .FontStyle { position: relative; padding: 0 7px 0 0;font-size: 22px; text-align:center; color: #fff;}
.TimerNick .FontStyle b { display: inline-block; font-weight: 500; font-family: Century Gothic; width: 14px;}
  @media screen and (max-width:767px){
    .TimerNick { position: absolute; top: 26vw; left: 14%; transform: none; width: 53%; text-align: center; z-index: 999;}
    .TimerNick .TIMER { font-size: 8.5vw; line-height: 4vw; color:#fff;}
    .TimerNick small { margin: 0; top: inherit; font-size: 3.5vw; float: none;}
    .TimerNick .time_day { position: relative; font-size: 3.9vw; letter-spacing: 0; float: none; margin-right: -2px;}
    .TimerNick .FontStyle { padding: 0; font-size: 4.2vw; float: none; margin: -1.5vw;}
    .TimerNick .FontStyle b { margin: 0; width: 2vw; font-family:Helvetica; color:#fff;}
  }


/* 版頭品輪播 */
.top_pd .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img { border-radius: 0!important;}
@media screen and (min-width:768px){
  .top_pd { position: absolute; top: 75px; left: 758px; width: 245px; height: 340px; overflow: hidden; z-index: 9;}
  .top_pd .ly ul, .top_pd .ly ul li { padding: 0;}
  .top_pd .ly ul li .PD_into {text-align: center;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly ul li .PD_into { width: 100%; position: relative; top: 6px;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto;}
  /* 文字 */	
  .top_pd .ly.PD_layout .PD_into h3 {color: #ce2227; width: 100%; font-size: 1.8em;text-align: center;}
}

@media screen and (max-width:767px){
  .Area_top .top_pd { position: absolute; top: 0; right: 5vw; width: 27vw; height: 34vw; overflow: hidden; z-index: 9;}
  .top_pd .ly ul li { padding: 0;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly  ul li .PD_into  { padding: .05em 0 0;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: .5em .2em .05em;}
  /*文字*/	
  .top_pd .ly  ul li .PD_into h3 { color: #ce2227; font-size: .9em;}
}

/* hasBG調整 */
@media screen and (min-width:768px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    background: url(Area_boxstyle_top_hasbg-B.png?t=1775619921342) top center / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(Area_boxstyle_hasbg_top-B.png?t=1775619921342) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1775619921342) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1775619921342) center top 80px / 100% calc(100% - 80px) no-repeat !important;}
}
@media screen and (max-width:767px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    background: url(m_Area_boxstyle_top_hasbg-B.png?t=1775619921342) center top 0.5vw / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(m_Area_boxstyle_hasbg_top-B.png?t=1775619921342) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1775619921342) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1775619921342) center top 5vw / 100% calc(100% - 5vw) no-repeat !important;}

}

/* 移除公版設定 */
.Area .remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .remove_box_style ul li { border: none !important; background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; padding: 0;}
}

/* 品牌公版背景設定 */
.PD_layout-D1_01 .PD_slide { background-color: #fcd206;}
.PD_layout-D1_01 .PD h4 { color: #1117c1; font-weight: 900;}
.PD_layout-D1_01 .PD h4:hover { color: #d71163 !important;}
.PD_layout-D1_01 { padding-bottom: 30px;}
.PD_layout-D1_01 ul { width: 100%;}
.Area_grabmoney_NUM2 .PD_layout-btn li .PD h3 { color: #000; background: #fff;}
@media screen and (max-width:767px){
  .Area_grabmoney_NUM2 .PD_layout-btn { margin-top: -5vw;}
}

/* 熱銷排行 */
.Area_PD3 .PD_layout-btn li .PD h3 { color: #000; background: #fff;}
@media screen and (min-width:768px){ 
  .Area_PD3 .PD_layout-btn { margin-top: 25px;}
}
@media screen and (max-width:767px){
  .Area_PD3 .PD_layout-btn { margin-top: 3vw;}
}


/* 以下我的調整 */

/* 今日主打 */
@media screen and (min-width:768px){ 
.withBG2{margin-bottom: 50px;}
}

/* 版頭主標 */
.hero-title .lg-text{font-family: none;}

/* 折價券 */
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #303030;}

@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: 30px;}
.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: -3vw;}
.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輪播 */
.Area_banner .Area_swiper_box .PD_layout li .PD_img img{border-radius: 15px!important;}
.Area_banner .Area_swiper_box .PD_layout li{background-color: transparent;}
.Area_banner .Area_boxstyle_title.Area_title_lbtclass ul{display: none;}
@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{padding-bottom: 20px; margin-bottom: 40px;}
}
@media screen and (max-width:767px){
.Area_hot{margin-bottom: 4vw;}
}

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

/* 下方公版 */
.Area_down .style1{ background-color: #ffd922; border-radius: 20px;}
.Area_down .style2{ background-color: #1932e6; border-radius: 20px;}
@media screen and (min-width:768px){ 
.Area_down{margin-bottom: 30px;}
.Area_down .style1 .PD_layout{ padding: 20px;}
.Area_down .style2 .PD_layout{ padding: 20px;}
}
@media screen and (max-width:767px){
.Area_down.Area_boxstyle .Area_boxstyle_box1{padding-inline-start:0; padding-inline-end: 0;}
.Area_down .style1 .PD_layout{ padding: 2%;}
.Area_down .style2 .PD_layout{ padding: 2%;}
}

/* 07_電子書9元神券 */
.Area_item .item00 ul  {background-color: transparent; padding: 0;}
.Area_item .item00 ul li {background: url(item01.png?t=1775619921342) 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%;}
}