@media (min-width: 576px){

}
@media (min-width: 768px){
body.layout-2 .nav-bar{height:96px}
.wrapper{min-height:180px}
.nav-footer{display:none}
.nav-bar nav #close-nav .display-xs{display:none}
.nav-header-xs{display:none}
.top-header .header-action .others .btn-item .text{display:none}
.mobile-bottom-container{}
.mobile-bottom-container .inner-container{display:none}
.footer-xs-l2{display:none}
/* login */
.login-panel{margin-left:-25px;margin-right:-25px}
.login-panel .lp-item{flex:1 1 50%;max-width:50%;padding:0 25px}
/* event */
.thistory-item.l2 .th-header{margin-left:220px}
.thistory-item.l2 .th-header .cover{position:absolute;left:0;top:0;width:200px;height: 200px;}
.thistory-item.l2 .th-header .header-info{display:flex;justify-content:space-between;flex:1 1 auto}
.thistory-item.l2 .th-body .form-checkout{padding-left:220px}
.thistory-item.l2 .th-body .order-detail-acc .form-checkout{padding-left:0}
}
@media (min-width: 992px){
/* home */
.mf-inner{padding-left:calc((100vw - 960px)/2);padding-right:70px;padding-top:90px;padding-bottom:90px}
.home-exhibition .selected-review{padding-right:calc((100vw - 960px)/2);padding-left:30px}
.news-list.home-news-list >li + li{margin-top:0}
/* footer */
.fl-item .btn-fl-toggle{display:none}
/* related */
.indent-container{max-width:860px;margin:0 auto}
/* modal */
.modal-md{max-width:650px}
}
@media (min-width: 1024px){
.wrapper{min-height:250px}
.side-action .share{margin-bottom:30px}
.side-action .btn-toggle-xs{display:none}
/* login */
.login-panel{margin-left:-70px;margin-right:-70px}
.login-panel .lp-item{flex:1 1 50%;max-width:50%;padding:0 70px}
}
@media (min-width: 1200px){
.wrapper{min-height:478px}
/* home */
.mf-inner{padding-left:calc((100vw - 1140px)/2)}
.home-exhibition .selected-review{padding-right:calc((100vw - 1140px)/2)}
.info-dashboard .id-col-container{padding-right:40px}
/* member */
.tab-link{justify-content:center}
}
@media (min-width: 1400px){
body.layout-2 .nav-bar{height:150px}
/* home */
.container{max-width:1340px}
.mf-inner{padding-left:calc((100vw - 1320px)/2)}
.home-exhibition .selected-review{padding-right:calc((100vw - 1320px)/2)}
.info-dashboard .id-col-container{padding-right:70px}
}
@media (max-width: 1440px){
/* body,html{font-size: 13px;} */

}
@media (max-width: 1399px){
.nav-bar{padding-top:10px;padding-bottom:0}
.top-header .logo{width:150px}
.h-bottom-link{margin-top:10px}
.h-bottom-link .hb-link{height:20px;padding:0 15px}
#scrollTopBtn::after{height:30px}
/* home */
.home-slider-2 .hs-item .text{padding:60px 50px 60px 50px}
.home-slider-2 .hs-item .text h2{font-size:2.75rem;margin-bottom:20px}
.home-slider-2 .hs-item .text h2::before{border-width:6px;top:-30px}
.home-slider-2 .hs-item .text h4{font-size:1.4rem}
.home-slider-2 .hs-item .text p{font-size:1.1rem;line-height:1.8rem;height:9rem}
.home-slider-2.owl-carousel.owl-theme .owl-dots{bottom:10px}
.news-list >li .item .pic{width:90px;height:90px}
.news-list >li .item .text{max-width:calc(100% - 90px)}
.mounthly-newbooks{padding:15px 0 30px 0}
.hot-board{padding:20px 0}
.info-dashboard,.home-news{padding:20px 0}
/* books */
.side-action{top:110px}
.side-action.scrolled{top:70px}
.side-action .item + .item{margin-top:20px}
.cover .bookmark{left:-5px}
.cover .bookmark .bookmark-pic{width:45px}
.mf-slider .cover-pic .bookmark .bookmark-pic{width:38px}
.binfo-area .cover .bookmark{left:-8px}
.binfo-item .cover .bookmark{left:-8px}
}
@media (max-width: 1280px){
/* .title-01{font-size:1.5rem} */
/* .home-exhibition .sr-list >li h5{font-size:1.15rem;line-height:1.725rem} */
/* search result */
.search-result-input-container{padding-top:30px}
}
@media (max-width: 1279px){
/* home */
.info-dashboard .info-db-item .cover{height:120px}
.home-slider.owl-carousel .owl-item{}
/* search result */
.nav-tabs.l1 .nav-link{padding-left:10px;padding-right:10px}
/* member */
.sr-favi-list .favi-item{box-shadow:0 0 10px 3px rgba(0,0,0,.05)}
.sr-favi-list .favi-item .btn-delete{display:flex}
.info-db-item.favi{box-shadow:0 0 10px 3px rgba(0,0,0,.05)}
.info-db-item.favi .btn-delete{display:flex}
}
@media screen and (max-width: 1199px){
/* home */
.mn-slider{padding:0 20px}
.mn-slider .mn-item{padding:0 10px}
.home-slider-2 .hs-item .text{padding:80px 30px 50px 50px}
.home-slider-2 .hs-item .text h2{font-size:2.25rem}
.home-slider-2 .hs-item .text h2 .title-deco::after{max-width:calc(6rem - 20px)}
.home-slider-2 .hs-item .text h4{font-size:1.25rem}
.home-slider-2 .hs-item .text p{max-width:330px}
.home-slider-2 .hs-item .cover{width:150px;margin-left:-75px}
.home-slider-2.owl-carousel.owl-theme .owl-dots{bottom:15px}
.home-slider-2-nav{height:40px;right:-55px;bottom:55px}
.home-s-2-container{width:40px;right:-25px}
.footer-subscribe::before{display:none}
/* search result */
.sr-books-list,.sr-author-list,.sr-related-list,.sr-events-list{margin-left:-10px;margin-right:-10px}
.sr-books-list >li,.sr-author-list >li,.sr-related-list>li,.sr-events-list>li{padding:0 10px;flex:0 0 33.333333%;max-width:33.333333%}
/* books */
.nb-rank-list>li{margin-bottom:30px}
.newbooks-topsale-container .rank-first{padding-right:15px}
.bbitem .text{padding-left:0}
.bbitem .text .price >span{font-size:1.8rem}
/* author */
.author-sorting{position:relative;display:block;text-align:right}
/* related */
.related-detail-content-cointainer{margin-left:-30px;margin-right:-30px;padding:40px 30px}
}
@media only screen and (max-width: 1112px){

}
@media (max-width: 1023px){
.home-s-2-container{display:none}
/* .info-db-item .content h5{font-size:1.15rem;height:3.45rem;line-height:1.725rem} */
.owl-carousel.owl-theme .owl-dots .owl-dot span{width:18px}
/* .idf-item h4{font-size:1.15rem;line-height:1.725rem} */
/* search result */
.search-result-action{flex-direction:column-reverse}
.search-result-action .sorting{padding-bottom:15px}
/* books */
.book-detail-info-cointainer .info .event .news-list{display:block}
.book-detail-info-cointainer .info .event .news-list >li{max-width:100%}
.book-detail-info-cointainer .info .event .news-list>li + li{margin-top:30px}
.book-detail-info-cointainer .info .event .news-list>li:nth-child(n){padding-left:0}
#scrollTopBtn{right:1.15rem}
.side-action{bottom:110px;right:.75rem;padding:5px 0;top:auto;width:50px}
.side-action.scrolled{bottom:210px;top:auto}
.side-action .item h6{display:none}
.side-action .item + .item{margin-top:0}
.side-action .item .action::before{height:0px}
.side-action .item .action a{width:50px;height:50px;box-shadow:0 0 10px 5px rgba(0,0,0,.05);background-color:#333;color:#FFF;margin:5px 0}
.side-action .item.favorite .action a{background-color:#fff}
.side-action .item{overflow:hidden;padding-bottom:0;position:relative;transition:all ease-in-out .15s}
.side-action .item .action a{position:absolute;bottom:-100px;left:0;transition:all ease-in-out .15s;font-size:1.8rem}
.side-action .item.share .action a:hover{background-color:#555}
.side-action .item.favorite .action a{background-color:#D71418;color:#fff;font-size:1.4rem}
.side-action .item.favorite .btn-fav.active i::before{color:#fff}
.side-action.show .item .action a{position:relative;bottom:0}
.side-action .btn-toggle-xs{padding:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#FFF;color:#333;box-shadow:0 0 10px 5px rgba(0,0,0,.05);border-radius:50%;font-size:1.5rem;margin-top:10px}
.bbitem{flex-direction:column}
.bbitem .text{flex:0 0 100%;max-width:100%;padding-bottom:10px}
.bbitem .button{flex:0 0 100%;max-width:100%}
.book-detail-info-cointainer .cover .bookmark{left:-5px}
.book-detail-info-cointainer .cover .bookmark .bookmark-pic{width:50px}
/* member */
.sr-favi-list.l2>li{flex:1 1 100%;max-width:100%}
}
@media (max-width: 991px){
.search-book-list{margin-left:-15px;margin-right:-15px;padding:15px 0;margin:0}
.search-book-list li{padding-left:15px;padding-right:10px}
.news-list{padding-left:0;padding-top:15px}
.footer-left .logo-img{width:180px}
/*table*/
.table-responsive{padding-top:20px;position:relative;display:block}
.table-responsive::before{content:"向右滑看更多內容";position:absolute;top:-5px;right:0;display:inline-block;padding:5px 25px 5px 5px;font-size:.8rem;color:#aaa}
.table-responsive::after{content:"";display:inline-block;position:absolute;top:0px;right:0;box-sizing:border-box;width:15px;height:15px;border-left:7px solid #0065AC;border-top:8px solid transparent;border-bottom:8px solid transparent}
/* title */
.title-01{font-size:1.25rem}
.title-01::before{height:2px;width:30%}
.title-02{font-size:1.25rem}
.title-02::before{width:30%;height:2px}
.title-03{font-size:1.25rem}
.title-06{font-size:1.25rem}
/* home */
.home-slider.owl-carousel .owl-stage-outer{padding-bottom:0}
.home-slider .center .hs-item{transform:none}
.home-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]{width:70px;font-size:2rem}
.home-slider.owl-carousel.owl-theme .owl-nav .owl-prev{left:0px}
.home-slider.owl-carousel.owl-theme .owl-nav .owl-next{right:0px}
.home-slider.owl-carousel.owl-theme .owl-dots{bottom:5px}
.home-slider.owl-carousel .owl-item{}
.home-slider-2 .hs-item .text{padding:70px 30px 70px 30px;position:relative;z-index:1}
.home-slider-2 .hs-item .text::before{content:"";position:absolute;border-top:6px solid #D71418;border-left:6px solid #D71418;width:25px;height:25px;left:20px;top:20px}
.home-slider-2 .hs-item .text h2{font-size:1.5rem;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:5.4rem;line-height:1.2}
.home-slider-2 .hs-item .text h2::before{content:none}
.home-slider-2 .hs-item .text h2 .title-deco::after{max-width:calc(6rem - 20px)}
.home-slider-2 .hs-item .text h4{font-size:1.25rem}
.home-slider-2 .hs-item .text p{max-width:230px;line-height:2rem;height:10rem}
.home-slider-2.owl-carousel.owl-theme .owl-dots{left:25px}
.mn-slider-container{margin-left:-10px;margin-right:-10px}
.mn-slider{padding:0}
.mn-item .cover .content .action{display:none}
.mf-inner .mf-title{font-size:1.8rem}
.hot-slider .hots-item .cover .content .action{display:none}
.idhe-item{padding-right:80px}
.idhe-item .pic{width:60px;height:60px}
.info-db-item .action a{padding-right:5px}
.footer-subscribe{padding:15px 0}
/* footer */
.fl-item{margin-top:12px}
.fl-item .h5{font-size:1.3rem;padding:2px 0px 12px 15px;margin-bottom:0px}
.fl-item .fl-list{display:block;overflow:hidden;opacity:0;padding:0px 15px 0px 15px;height:0;transition:all ease-in-out .15s}
.fl-item.show .fl-list{display:block;height:auto;opacity:1;margin-top:10px}
.fl-item.show .h5 .btn-fl-toggle{transform:rotate(90deg)}
.footer-right ul a{font-size:1.2rem;padding:5px 0;display:block}
.footer-top{flex-direction:column-reverse;margin-bottom:10px}
.footer-left{padding-top:40px}
.footer-about-info{padding-bottom:15px}
.footer-about-info .h6{border-bottom:none;padding-bottom:0px;margin-bottom:2px}
.footer-social{position:absolute;top:0;left:0;width:100%;justify-content:center;padding-top:20px}
.footer-social .social-link{margin:0 10px}
footer .copyright-text{display:none}
/* search result */
.summary-slider .info-db-item .cover{height:120px}
.sr-related-list .info-db-item .cover{height:120px}
/* books */
.sale-link-container .buy-col .buy-inner .logo{padding-left:10px}
.sale-link-container .buy-col .buy-inner .btn{right:-50%}
.outer-list>li{flex:0 0 33.333333%;max-width:33.333333%}
.book-about .s-tag >ul li{margin:10px}
/* related */
.related-detail-content-cointainer{margin-top:0;padding:40px 0;margin-left:0;margin-right:0}
/* about */
.about-slider-container{padding:0px 15px 50px}
/* member */
.nav-tabs.l3{justify-content:flex-start}
.sr-favi-list>li{flex:0 0 50%;max-width:50%}
/* cart */
.table-cart>thead{position:absolute;left:-9999px;overflow:hidden;width:0px;height:0px}
.table-cart>tbody>tr,.table-cart>tbody>td,.table-cart>tbody>th,.table-cart>thead,.table-cart>tbody,table.table-cart{display:block}
.table-cart>tbody>tr>td{display:flex}
.table-cart>tbody>tr{border-bottom:2px solid #333;padding:15px 0}
.table-cart>tbody>tr:first-child>td:first-child{border-top:2px solid #333;padding-top:25px}
.table-cart>tbody>tr:nth-child(2n+1){background-color:transparent}
.table-cart>tbody>tr>td{border-top:none}
.table-cart>tbody>tr>td::before{display:inline-block;width:60px;min-width:60px;border-right:2px solid #ddd;margin-right:10px;font-weight:bold}
.table-cart>tbody>tr>td::before{content:attr(data-title)}
.table-cart.table>tbody>tr:last-child>td{border-bottom:none}
.table-cart.table>tbody>tr>th:first-child,.table-cart.table>tbody>tr>td:first-child{padding-left:6px}
.table-cart.table>tbody>tr>td.delete .btn{bottom:5px}
.table-cart>tbody>tr>td.delete::before{content:none;border-right:none}
.book-cart-item .text h5{overflow:auto;height:auto;-webkit-line-clamp:initial;font-size:1.2rem}

/* event */
.esu-content .left{
    display: flex;
}
.esu-content .left .cover{
    width: 100px;
height: 100px;
padding-bottom: 0;
}
.esu-content .left .text{flex: 1 1 auto;max-width: calc(100% - 100px);padding-left: 15px;}
.esu-content .right{padding-top: 25px;}
.table-cart.table.l2>tbody>tr>th:first-child,.table-cart.table.l2>tbody>tr>td:first-child{padding-left: 6px;}
.table-cart.l2>tbody>tr:first-child td:first-child{border-top: none;padding-top: 0;}
.table-cart.l2>tbody>tr{border-bottom: 1px solid #ddd;}
.table-cart.l2>tbody>tr>td::before{color: #999;font-weight: 400;}
}
@media only screen and (max-height: 850px) and (min-height: 671px){

}
@media (max-width: 767px){
body.show-nav{overflow:hidden;height:100vh}
.nav-bar{padding:0;border-bottom:none}
.top-header{padding:5px 0;height:50px}
.top-header #main-nav-toggle{width:30px;height:30px;font-size:1.2rem;text-align:center}
.top-header .header-action .others{opacity:0;position:fixed;top:70px;left:-100%;width:100%;justify-content:center;transition:all ease-in-out .1s}
.top-header .header-action .others .btn-item{width:90px;height:90px;display:flex;flex-direction:column;margin-left:0}
.top-header .header-action .others .btn-item i{font-size:2rem;margin-bottom:10px}
.top-header .header-action .others .btn-item p{margin-bottom:0}
.top-header .header-action .btn-item{border:none}
.top-header .header-action .btn-item .count{right:5px;top:5px}
.top-header .header-action .search .btn-item{font-size:1.8rem;margin-left:0;width:30px;height:30px}
.top-header .logo{position:static;transform:none;width:100px}
.h-bottom-link-container{padding:0}
.h-bottom-link{margin-top:0px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;box-shadow:0 10px 10px 5px rgba(0,0,0,.05);height:40px}
.h-bottom-link .hb-link{padding:8px 12px;height:40px}
.h-bottom-link #hbl-toggle{height:40px}
.h-bottom-link.show-drop{overflow:visible}
.h-bottom-link.show-drop ul{display:block;max-height:250px;overflow:auto}
.nav-bar nav{width:100%;top:0px;bottom:0}
.nav-bar nav #close-nav{position:fixed;right:-15px;top:auto;bottom:-15px;color:#333;width:100px;height:100px;border-radius:50%;box-shadow:none;background-color:#E0E0E0;display:flex;align-items:center;justify-content:center}
.nav-bar nav #close-nav::before{content:none}
.nav-bar nav #close-nav .display-xs i{background-color:#333;color:#fff;display:flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;font-size:.7rem}
.nav-bar nav #close-nav .display-xs p{margin-bottom:0;margin-top:5px;font-size:.8rem;line-height:1}
.nav-bar nav .nav-list{/*overflow:auto;height:100%;*/padding:5px 15px}
.nav-bar nav a{letter-spacing:2px}
.nav-bar nav li .menu-item{padding:8px 0;position:relative}
.nav-bar nav li .menu-item::after{content:"";position:absolute;right:12px;top:15px;height:10px;width:10px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(135deg) translate(0px, 0px);opacity:.2;transition:ease-in all .3s}
.nav-bar nav li .menu-item.collapsed::after{transform:rotate(45deg)}
.nav-bar nav li .menu-item p{font-size:1.2rem}
.nav-bar nav li .menu-item > .icon{display:none}
.nav-bar nav li .menu-detail .body{padding-left:0;padding-bottom:0}
.nav-bar nav li .menu-detail ul > li + li{border-top:1px solid #eee}
.nav-bar nav li .menu-detail a{padding:8px 0 8px 20px;font-size:1.2rem;letter-spacing:2px}
.nav-header-xs{display:flex;justify-content:center;padding:20px 0 0 0;height:50px}
.nav-header-xs .nh-logo{width:100px}
.nav-accodion{padding-bottom:0;height:calc(100% - 320px)}
.nav-footer{background-color:#EEEEEE;height:150px;padding:15px}
.nav-footer .nf-social .social-link{margin-left:10px}
.top-header .header-action .others.show-xs{display:flex;left:0;z-index:1001;opacity:1}
.nav-bar.fixed .top-header-container{height:50px;z-index:1001}
.nav-bar.fixed .logo{width:100px}
.nav-bar.fixed + *{margin-top:50px}
.nav-accodion{margin-top:120px;border-top:4px solid #D71418}
.nav-accodion>.scrollbar-inner{max-height:100%}
.show-nav .nav-bar.fixed .top-header-container{box-shadow:none;background-color:transparent}
.show-nav .nav-bar.fixed .top-header-container .top-header #main-nav-toggle{display:none}
.show-nav .nav-bar.fixed .top-header-container .top-header .logo{display:none}
.show-nav .nav-bar.fixed .top-header-container .top-header .search{display:none}
.btn-icon-end{padding-left:calc(.7rem + 10px);padding-right:calc(.7rem + 10px)}
.btn-icon-end .icon{font-size:.7rem;right:3px}
.top-s-input .s-tag{padding-top:10px}
.top-s-input .s-tag >ul{margin-bottom:0}
#scrollTopBtn{opacity:0;background-color:rgba(255, 255, 255, 0.4);padding-top:5px;bottom:120px}
#scrollTopBtn i{font-size:1.2rem;margin-bottom:5px}
#scrollTopBtn p{margin-bottom:10px}
#scrollTopBtn::after{content:none}
.pagination-frame .pagination>li>a,.pagination-frame .pagination>li>span{margin:0 5px}
.page-title .breadcrumb-container{padding-top:15px}
.modal-content .btn-video-close{right:-5px}
body.layout-2 .nav-bar{border-bottom:4px solid #D71418}
body.layout-2 .nav-bar .top-header{justify-content:center}
body.layout-2 .nav-bar.fixed .logo{transform:none}
body.layout-2 footer .footer-right,body.layout-2 .footer-social,body.layout-2 .footer-subscribe{display:none!important}
body.layout-3 footer,body.layout-2 footer{padding-bottom: 0;padding-top: 0;}
body.layout-3 footer .footer-right,body.layout-3 .footer-social,body.layout-3 .footer-subscribe,body.layout-3 .mobile-bottom-container{display:none!important}
.esu-content{margin-bottom: 20px;}
/* title */
.title-02{text-align:center}
.title-02::before{content:"";position:absolute;width:30%;left:50%;transform:translateX(-50%)}
.page-title{flex-direction:column;padding:20px 0 10px 0}
.page-title h3{font-size:2rem}
/* home */
.mn-item .cover-pic .hover-action .btn{width:35px;height:35px;font-size:1.25rem}
.mn-item .cover-pic .hover-action{display:none}
.mn-slider .mn-item .cover .content p{display:none}
.hot-board::before{height:50%}
.hot-slider .hots-item{padding-left:50px}
.hot-slider .hots-item .cover-pic::before{left:-45px;width:65px;height:65px}
.hot-slider .hots-item .cover .content .price .sale{margin-left:0;font-size:.9rem}
.hot-slider .hots-item .cover .content .price .original{padding-left:5px}
.hot-slider .hots-item .cover-pic .hover-action{display:none}
.hot-slider .hots-item .cover-pic .hover-action .btn{width:35px;height:35px;font-size:1.25rem}
.info-dashboard .info-db-item .cover{height:200px}
.info-db-item .action a{padding-right:20px}
.info-db-item .content{padding:5px 0}
.info-db-item .content h6{padding-bottom:0}
.info-dashboard .info-db-item .content{padding:5px}
.info-dashboard .info-db-item .action{padding:0 5px}
.idf-item{padding:25px 100px 20px 5px}
.idhe-item{padding-right:5px;padding-left:5px}
.idhe-item .pic{width:100px;height:100px;display:none}
.home-slider-2 .hs-item{flex-direction:column}
.home-slider-2 .hs-item .text{padding:15px 20px 10px 20px;position:relative;z-index:1;flex:1 1 100%;max-width:100%}
.home-slider-2 .hs-item .text::before{content:none;border-top-width:3px;border-left-width:3px;width:15px;height:15px;left:10px;top:10px}
.home-slider-2 .hs-item .text h2{font-size:1.25rem;height:4.5rem}
.home-slider-2 .hs-item .text h4{font-size:1.15rem}
.home-slider-2 .hs-item .text p{max-width:100%;font-size:.85rem;line-height:1.15rem;height:4.6rem;margin-bottom:5px}
.home-slider-2 .hs-item .cover{width:100%;margin-left:0px;position:relative;left:0;justify-content:center;display:flex;box-shadow:none;margin-top:10px}
.home-slider-2 .hs-item .cover:hover{box-shadow:none}
.home-slider-2 .hs-item .cover img{width:170px}
.home-slider-2 .hs-item .bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}
.home-slider-2 .hs-item .bg .pic{display:none}
.home-slider-2 .hs-item .bg .pic-xs{display:block}
/* footer */
footer{padding-bottom:65px;position:relative;padding-top:100px}
/* search result */
.search-result-input-container{padding:40px 15px}
.search-result-input-container .form-control{font-size:1.2rem}
.search-result-input-container .s-input .btn{font-size:1.5rem}
.nav-tabs.l1 .nav-link{font-size:1rem}
.nav-tabs.l1 .nav-item.show .nav-link::after,.nav-tabs.l1 .nav-link.active::after{width:40px;margin-left:-20px}
.nav-tabs.l3>li{min-width: 50px;}
.nav-tabs.l3 .nav-link{padding-left: 10px;padding-right: 10px;}
.search-no-result img{width:100%}
.search-no-result h3{font-size:1.3rem}
.sr-books-list{padding-top:30px}
.sr-books-list >li,.sr-author-list >li{flex:0 0 33.333333%;max-width:33.333333%;margin-bottom:20px}
.author-item .pic .img{width:90px;height:90px}
.sr-related-list>li{flex:0 0 100%;max-width:100%}
.sr-related-list .info-db-item .cover{height:200px}
.summary-slider .info-db-item .cover{height:200px}
.sr-events-list>li{flex:0 0 100%;max-width:100%;margin-bottom:40px}
/* new book */
.nb-rank-list>li::before{width:48px;height:48px;left:-9px;top:-22px}
.newbooks-topsale-container .rank-first .mn-item .cover-pic{width:40vw;margin:0 auto}
.newbooks-topsale-container .rank-first .mn-item::before{left:12vw;top:-30px;width:25vw;height:25vw}
/* .side-action{top:90px}
.side-action.scrolled{top:50px} */
/* books */
.books-detail-container{padding:20px 0}
.book-detail-info-cointainer{padding-left:0;position:static}
.book-detail-info-cointainer .binfo-area{position:relative}
.book-detail-info-cointainer .cover{left:0;top:0;width:100%;position:relative;display:flex;padding-right:0}
.book-detail-info-cointainer .cover .img{width:40vw;margin:0px;border-radius:6px}
.book-detail-info-cointainer .cover .btn{padding:5px 15px;display:block}
.book-detail-info-cointainer .page-title{padding:0 0 10px 0}
.book-detail-info-cointainer .page-title h3{font-size:2rem}
.book-detail-info-cointainer .page-title .breadcrumb{padding:15px 0}
.book-detail-info-cointainer .info{padding-top:0px}
.book-detail-info-cointainer .info .title{font-size:1.75rem;padding-top:0px;text-align:justify}
.book-detail-info-cointainer .info .title-sub{font-size:1.15rem;text-align:justify}
.book-detail-info-cointainer .info .en-name{font-size:1rem}
.book-detail-info-cointainer .info .en-name .line::before{left:.25rem;width:calc(100% - .5rem)}
.book-detail-info-cointainer .book-title-text{padding-top:15px}
.books-buying-action{padding-left:15px;flex:1 1 auto;width:calc(100% - 40vw)}
.sale-link-container{display:block}
.sale-link-container .buy-col + .buy-col{border-left:none;border-top:1px solid #ccc}
.outer-list>li{flex:0 0 50%;max-width:50%}
.book-about .s-tag >ul{max-width:100%}
.mn-item .cover-pic .bookmark{left:-5px;bottom:2px}
.mn-item .cover-pic .bookmark .bookmark-pic{width:43px}
.mf-slider .cover-pic .bookmark .bookmark-pic{width:38px}
.hot-slider .cover-pic .bookmark .bookmark-pic{width:35px}
.binfo-item .cover .img .bookmark{left:-5px;bottom:5px}
.binfo-item .cover .img .bookmark .bookmark-pic{width:38px}
.nb-rank-list>li .mn-item .cover-pic .bookmark .bookmark-pic{width:38px}
/* related */
.title-group-01 .title{font-size:1.8rem}
.binfo-item{display:block;position:relative;margin-bottom:0px}
.binfo-item .info{padding-top:0}
.binfo-item .info h2{font-size:1.8rem}
.binfo-item .info .en-name .line::before{left:.25rem;width:calc(100% - .5rem)}
.binfo-item .cover{position:absolute;left:0;top:0;width:30vw;padding-right:20px}
.binfo-item .book-title-text{padding-left:30vw;min-height:300px}
/* author */
.biography{padding:30px 0}
.author-data{display:block}
.author-data .pic{justify-content:center;width:100%;margin-bottom:30px;margin-top:30px}
.author-data .content{max-width:100%;width:100%;padding-left:0}
/* news */
.news-list.l2>li{margin-bottom:30px}
.news-list.l2>li .item .pic{width:90px;flex:0 0 90px;max-width:90px;height:90px}
.news-list.l2>li .item .text{max-width:calc(100% - 90px)}
.slogan-text{padding:20px 50px}
.slogan-text::before{left:20px}
.slogan-text::after{right:20px}
/* cookies */
.cookies-notification{width:auto;left:30px}
/* about */
.text-card{padding:30px 60px 30px 60px}
.text-card::before{width:60px;left:-10px}
/* member */
.tab-link >li a{padding:8px 12px}
.page-title .member-name{font-size:1.25rem}
.sr-favi-list>li{flex:0 0 100%;max-width:100%}
.sr-favi-list .favi-item a .pic .img{width:100px;height:100px}
.sr-favi-list .favi-item.l2 .pic .img{width:100px}
.info-db-item.favi .detail-link{display:block}
.info-db-item.favi .detail-link .cover{height:200px;max-width:100%}
.info-db-item.favi .content{padding:15px 0 0 0;max-width:100%}
.thistory-item .th-header{align-items:flex-end}
.thistory-item .th-header .date{font-size:.8rem;color:#777;text-align:right}
.thistory-item.l2 .th-header{align-items:flex-start;justify-content:flex-start}
.thistory-item.l2 .th-header .title{margin-bottom:10px}
.thistory-item.l2 .th-header .date{text-align:left;color:#212529;font-size:1rem}
.thistory-item.l2 .th-header .cover{width:120px;padding-right:20px;height: 100px;}
.thistory-item.l2 .th-header .header-info{max-width: calc( 100% - 120px);}
/* cart */
.two-col-content > div{border-left:none;position:relative}
.two-col-content > div::before{content:"";position:absolute;left:15px;top:0;width:calc(100% - 30px);height:1px;background-color:#ddd}
.two-col-content > div:first-child::before{content:none}
/* event */
.esu-step-container{padding-bottom: 20px;}
.esu-step-container .step-item{width: 25%;}
.esu-step-container .step-item p{font-size: .9rem;}
.esu-step-container .step-item:not(:last-child):after{top: 52px;}
.group-purchase a {font-size: 15px;}
}
@media screen and (max-width: 575px){
.page-block{padding-bottom:25px}
.site-search-panel{position:fixed;top:50px;height:calc(100vh - 50px)}
body.show-search .nav-bar.fixed .site-search-panel{top:50px}
.top-s-input .s-input input{font-size:1.2rem;height:50px}
.top-s-input .s-input .btn{font-size:1.3rem;width:50px;height:100%}
.s-tag-item{font-size:1rem}
.search-ads{padding-bottom:70px}
.search-book-list{margin-left:-10px;margin-right:-10px;margin-bottom:0;padding:20px 0}
.search-book-list li .item p{font-size:1rem}
.news-list{padding:0 5px}
.news-list >li .item .pic{width:90px;height:90px}
.news-list >li .item .text{max-width:calc(100% - 90px)}
.news-list >li .item .text h5{font-size:1.25rem}
.home-slider.owl-carousel .owl-item{}
.home-slider.owl-carousel .owl-item a.pic{display:none}
.home-slider.owl-carousel .owl-item a.pic-xs{display:block}
.binfo-item .book-title-text{min-height:200px}
.info-tb .info-row .info-th{width:80px;padding-right:10px}
.books-slider.owl-carousel .owl-item >li .mn-item{padding-right:4px}
.books-slider.owl-carousel .owl-stage-outer,.b-history-slider.owl-carousel .owl-stage-outer{padding-left:2px}
}
@media (max-width: 414px){
.open-mnav .nav-bar{width:100%;left:0}
.nav-bar::before{bottom:0;width:100%;height:4px;left:0;top:auto;background:rgb(55, 182, 236);background:linear-gradient(90deg, rgba(55, 182, 236, 1) 0%, rgba(29, 158, 255, 1) 62%, rgba(64, 208, 152, 1) 77%, rgba(248, 143, 81, 1) 100%)}
.nav-bar ul.rootul{width:100%;overflow:visible}
.nav-bar ul.rootul>li{width:100%}
.nav-toggle-l a.toggle-btn{position:fixed;width:50px;height:50px;left:10px;top:5px;background-color:rgba(255, 255, 255, 0.8);border-radius:50%;border:1px solid #f0f0f0}
.nav-toggle-l a.toggle-btn svg *{fill:#555}
.open-mnav .nav-toggle-l a.toggle-btn{/* display: none;  */z-index:10000}
.nav-frame::before{content:"";position:absolute;height:100%;width:50px;top:0;left:0;z-index:0}
.combine-input button{width:auto}
.combine-input input{padding-right:70px}
.combine-input.type01 button{padding:6px}
.iframe-page .big-xs .btn-big{min-width:auto}
.pagination-frame{padding:0}
.pagination-frame .pagination{flex-wrap:wrap}
.pagination-frame .page-txt .form-control.inline{margin-right:0;width:30px}
.btn-medium{min-width:50px}
.error-content{padding:15px 30px}
.error-content .error-pic img{margin-left:30px}
.sortable-sign-email .form-group.ss-item .form-th label{padding-left:40px;padding-top:0}
.verification .login-panel .login-form{width:100%;max-width:none;margin-left:0;left:0}
.verification .action-button{width:100%}
.stcp-header .action .form-select{font-size:.8rem;width:80px}
.page-title h4{font-size:1.1rem}
.page-action.header-inline .form-control{margin-right:3px;width:90px;background-size:10px 10px;background-position:calc(100% - 5px) 50%;font-size:.8rem;padding-right:15px}
.page-action.header-inline .form-select{font-size:.8rem;width:60px;padding-left:5px}
.page-action .btn{padding:8px 3px}
.link-event{height:15px;width:15px;line-height:15px}
}
@media (max-width: 360px){

}