.book-detail-item{color:#000;font-size:15px;line-height:1.7em}.book-detail-item .book-cover{display:inline-block;vertical-align:top;width:100px;margin-right:20px}.book-detail-item .book-detail{display:inline-block;vertical-align:top}.book-detail-item .book-detail .title{font:500 17px Noto Sans Thai,sans-serif;line-height:1.7em;color:#000;margin-bottom:5px}.book-detail-item .book-detail .subtitle{margin-bottom:15px}.book-detail-item .book-detail .bookdetail-list{list-style:none}.book-detail-item .book-detail .bookdetail-list>li{display:block;margin-bottom:5px}.page-title-2{text-align:center;font:500 30px Noto Sans Thai,sans-serif;line-height:1.7em;color:#0059af}.btn-search,.btnsearchbranch{width:30px;height:50px;position:absolute;top:0;right:0;cursor:pointer;z-index:100}.btn.btn-primary{border-color:#0059af;background-color:#0059af;color:#fff}.btn.btn-primary.btn-skelleton{background-color:transparent;color:#0059af}.btn.btn-primary.btn-rounded{border-radius:50px}.btn.tab-style-btn{border:0;border-bottom:3px solid transparent;border-radius:0;color:#0059af;text-align:center;width:100%;font-size:19px;line-height:1.7em;box-shadow:none}.btn.tab-style-btn.active{border-bottom:3px solid #0059af}.row.no-gap{margin-left:0;margin-right:0}.row.no-gap>[class*=col-]{padding-left:0;padding-right:0}.row.narrow{margin-left:-7px;margin-right:-7px}.row.narrow>[class*=col-]{padding-left:7px;padding-right:7px}.row.wide{margin-left:-30px;margin-right:-30px}.row.wide>[class*=col-]{padding-left:30px;padding-right:30px}.page-header-section{padding:30px 0}.page-header-section .page-title{font:500 27px Noto Sans Thai,sans-serif;line-height:1.7em;color:#0059af;margin-bottom:10px}.page-header-section .page-subtitle{font-size:12px;line-height:1.7em;color:#000}.page-header-section .page-subtitle.red{color:red!important}#search-branch-section{font-size:19px;line-height:1.7em}#search-branch-section:after,#search-branch-section:before{content:" ";display:table}#search-branch-section .search-panel{margin:40px 0}#search-branch-section .search-panel #mobile-search-panel{padding:20px 0 25px}#search-branch-section .search-panel #mobile-search-panel #mobile-tab-btn-row{border-bottom:1px solid #eee}#search-branch-section .search-panel .search-branch-wrapper{position:relative}#search-branch-section .search-panel .search-branch-wrapper:after{content:"";display:block;width:24px;height:24px;background:url(https://www.naiin.com/img/branch/ic-search.svg) center/cover no-repeat;position:absolute;right:0;top:5px}#search-branch-section .search-panel .search-branch-wrapper .search-branch-textbox{border:0;border-bottom:3px solid #ededed;box-shadow:none;padding:0 30px 0 0;min-width:200px;border-radius:0;height:auto;margin-top:10px;font-size:16px}#search-branch-section .search-panel .search-branch-wrapper .search-branch-textbox:focus{border-bottom-color:#0059af}#search-branch-section .search-panel #fav-branch-filter-btn,#search-branch-section .search-panel #near-branch-filter-btn{color:#0059af;font:500 Noto Sans Thai,sans-serif;display:inline-block;vertical-align:middle;margin-left:20px;border-bottom:3px solid transparent;min-width:150px;text-align:center}#search-branch-section .search-panel #fav-branch-filter-btn.active,#search-branch-section .search-panel #near-branch-filter-btn.active{border-bottom:3px solid #0059af}#search-branch-section .search-panel #fav-branch-filter-btn:hover,#search-branch-section .search-panel #near-branch-filter-btn:hover{color:#0059af}#search-branch-section .search-info{margin:20px 0;font-size:13px;line-height:1.7em;color:#000}.branch-result{list-style:none;line-height:1.3}.branch-result>li{margin-bottom:20px}.branch-result>li .branch-item-box{min-height:210px}.branch-result>li .branch-item-box .title{font:500 16px Noto Sans Thai,sans-serif;line-height:1.7em;margin-bottom:5px;padding-right:5px;height:62px;overflow:hidden}.branch-result>li .branch-item-box .title:after,.branch-result>li .branch-item-box .title:before{content:" ";display:table}.branch-result>li .branch-item-box .title .text{font-size:16px}.branch-result>li .branch-item-box .distance{font-size:11px;line-height:1.7em;margin-bottom:10px;height:62px;padding:0!important;position:relative}.branch-result>li .branch-item-box .distance:after,.branch-result>li .branch-item-box .distance:before{content:" ";display:table}.branch-result>li .branch-item-box .distance .fav-btn{float:right;margin-top:3px;display:block;width:24px;height:24px}.branch-result>li .branch-item-box .distance .fav-btn:before{content:"";display:block;width:24px;height:24px;background:url(https://www.naiin.com/img/branch/ic-fave.svg) center/cover no-repeat}.branch-result>li .branch-item-box .distance .fav-btn.active:before{background-image:url(https://www.naiin.com/img/branch/ic-faved.svg)}.branch-result>li .branch-item-box .book-status{font-size:11px;line-height:1.7em;margin:-5px 0 15px 0}.branch-result>li .branch-item-box .book-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:10px;background-color:#eee}.branch-result>li .branch-item-box .book-status.available{color:#2eed77}.branch-result>li .branch-item-box .book-status.available:before{background-color:#2eed77}.branch-result>li .branch-item-box .book-status.nearly-soldout{color:#ffc221}.branch-result>li .branch-item-box .book-status.nearly-soldout:before{background-color:#ffc221}.branch-result>li .branch-item-box .field-icon{width:16px;display:inline-block;vertical-align:top;margin-right:5px}.branch-result>li .branch-item-box .field-text{display:inline-block;vertical-align:middle;width:85%}.branch-result>li .branch-item-box .field-text p{line-height:1.5em;margin-bottom:0}.branch-result>li .branch-item-box .field-text p br,.branch-result>li .branch-item-box .field-text p:empty{display:none}.branch-result>li .branch-item-box .distance .field-text{max-width:calc(100% - 130px)}.branch-result>li .branch-item-box .distance .btn-map{float:right;display:block;line-height:1;min-width:80px;position:absolute;bottom:3px;right:0}.branch-result>li .branch-item-box .address,.branch-result>li .branch-item-box .tel,.branch-result>li .branch-item-box .time{font-size:12px;color:#000}.branch-result>li .branch-item-box .tel,.branch-result>li .branch-item-box .time{line-height:1.2em}.branch-result>li .branch-item-box .address{line-height:1.5em;margin-bottom:10px}.box-result,.section-title{font-size:19px;line-height:1.7em}.section-title{margin-bottom:20px;font-weight:300}#map{width:100%;height:400px;background-color:grey}.nopadding{padding:0}.box-result{padding-bottom:20px}#myModal .modal-dialog{margin:auto}@media (min-width:768px){.page-header-section{padding:0 0 60px}.page-header-section .page-title{font:500 27px Noto Sans Thai,sans-serif}.page-header-section .page-subtitle{font-size:19px}.book-detail-item .book-cover{width:130px;margin-right:30px}#search-branch-section,#search-branch-section .search-panel .search-branch-wrapper .search-branch-textbox{font-size:18px;line-height:2.3em;margin-top:0}#search-branch-section .search-panel{margin:20px 0 25px}#search-branch-section .search-panel .search-branch-wrapper:after{width:32px;height:32px}#search-branch-section .search-panel #fav-branch-filter-btn,#search-branch-section .search-panel #near-branch-filter-btn{line-height:2.3em}#search-branch-section .search-info{margin:24px 0 46px;font-size:17px}.section-title{font-size:31px;margin-bottom:30px}.branch-result>li{padding-right:30px}}@media (max-width:768px){.branch-result>li{border-bottom:1px solid #eee}}@media (max-width:480px){.branch-item-box{min-height:230px}}.col-sm-5.col-near{display:inline-flex}.col-sm-5.col-near .fav-branch-filter-btn,.col-sm-5.col-near .near-branch-filter-btn{margin:0 15px;border-bottom:3px solid #0059af}