.page{display:grid;grid-auto-rows:min-content 1fr min-content;min-height:100vh}.page-column{height:100%;margin:0 auto;max-width:1200px}.page-main{flex-grow:1}.panel .panel-head{padding:6px 0}.panel .panel-body{padding:10px 0 20px}.panel .list{display:grid;grid-gap:20px;grid-template-columns:repeat(5,1fr)}.panel .book-card-list-1{display:grid;grid-gap:20px;grid-template-columns:repeat(6,1fr)}.panel .book-card-list-2{display:grid;grid-gap:20px;grid-template-columns:repeat(2,1fr)}.panel .book-card-list-3{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,1fr)}.panel .title{font-size:30px;font-weight:700}.panel .sub-title{font-size:20px;font-weight:400}.flex{display:flex}.justify{justify-content:space-between}.baseline{align-items:baseline}.top-border{border-top:1px solid #b2b2b2}.bottom-line{border-bottom:1px solid #b2b2b2}.btn{background-color:#ff7111;border:none;border-radius:100px;box-sizing:border-box;color:#fff;cursor:pointer;padding:10px;text-align:center;width:auto}.btn.center{margin:0 auto}.btn.btn-default{background-color:#2d2d2d}.btn.btn-primary{background-color:#ff7111}.btn.btn-100{width:100px}.btn.btn-200{width:200px}.btn.btn-300{width:300px}.btn.btn-sm{border:1px solid #4285f4;padding:4px 10px}.w-full{width:100%}.h-full{height:100%}.px-10{padding-left:10px;padding-right:10px}.px-16{padding-left:16px;padding-right:16px}.px-20{padding-left:20px;padding-right:20px}.mt-20{margin-top:20px}@media screen and (max-width:1280px){.page-column{width:1000px}.panel .book-card-list-1{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1200px){.page-column{width:800px}.navbar .search .search-bar{display:none}.navbar .search .search-icon,.page-search .search{display:block}.panel .book-card-list-1,.panel .list{grid-template-columns:repeat(4,1fr)}.panel .book-card-list-2{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:992px){.page-column{width:600px}.navbar .search .search-icon,.page-search .search{display:block}.panel .book-card-list-1,.panel .list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.page-column{width:400px}.navbar .search .search-icon,.page-search .search{display:block}.panel .list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.page-head{height:56px}.page-head .logo{height:36px;width:36px}.page-head .site{font-size:20px}.page-head .navbar .user,.page-head .search-icon{height:36px;width:36px}.page-column{width:360px}.navbar .search .search-icon,.page-search .search{display:block}}