html{background: #F6FDFF;}
article{background: #F6FDFF;}
footer{background: #F6FDFF;}
body {
    font-family: "Sarabun", sans-serif;
  }
  .footlgt{font-weight: 300;}
  .lpv th{background-color: #B1E9FF;}
  .footerm li a{color: white;}
  .btn-primary {
    color: #424242;
    background-color: #B1E9FF;
    border-color: #B1E9FF;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background-color: #B1E9FF;
}
.danhmuclist .card {
    margin-bottom: 5px;
}
.smcni{color: #757575;}
.blabel {
    color: #757575;
}
.pagination a{border-radius:unset !important ;}
.pagination .active{background-color: #B1E9FF !important;border: unset !important;color: black !important;}
.pagination .end{margin-left: -5px;}
.ttct p{
color: #757575;
line-height: 1.3;
}
.ttct button.brought{background-color: #fff;}
.ttct button{background-color: #B1E9FF;}
.ttct th{padding: 2px 10px;}
.filterselect {
    background-color: #fff !important;
    color: black !important;
    border: 1px solid #757575 !important;
}
.filterbtn.active{background-color: #B1E9FF !important;}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
.breadcumb{background-color: #F2F2F2;color: #757575;margin-left: -30px;padding: 1rem 0 1rem 1.8rem;}
.breadcumb p{margin: 0;}
#search:focus {
    background-color: #B1E9FF;
    border: unset !important;
}
#search:focus .iconh{color:#424242 !important;}
.nav-item.dropdown .dropdown-menu ul, .listlink ul{
    list-style: square;
    line-height: 1.6;
    list-style-type: none;
}
.nav-item.dropdown .dropdown-menu li::marker, .listlink li::marker{
    color: #FF9912;
}
.nav-item.dropdown .dropdown-menu li:hover a{
    color: #FF9912;text-decoration: underline;
}
.listlink li:focus a, .listlink li:hover a{color: #04438C;text-decoration: underline;}
.nav-item.dropdown .dropdown-menu li a, .listlink li a{text-decoration: none;color: #757575;}
.searchmenu{padding: 12px;}
.searchmenu .inhead{
border-left: 1px solid #CCC !important;}
.searchmenu .input-group{border: 1px solid #CCC;
    padding: 5px;}
.searchmenu input, .searchmenu select{
    background-color: white !important;
    color: black !important;
}
.searchmenu input::placeholder{color: black !important;}
.searchmenu input::-ms-input-placeholder{color: black !important;}
header .searchmenu{right: 0;left:unset}
.iccount{margin-right: 5px;
    margin-top: 3px;}
.searchlkw {
    background-color: #B1E9FF !important;
    color: #424242 !important;border-radius: unset;
}
.searchlkw option {
    background-color: #fff !important;padding: 0;
}
.searchlkw:focus>option:hover, .searchlkw:focus>option:checked{
    color:rgb(0, 89, 255);text-decoration: underline;
}
.footerm{
    list-style: none;padding: 0;line-height: 1.8;
}
.searchtool select{background-color: transparent !important; color: black !important;}
.searchtool .buttonh{
    margin: -5px;}
.searchtool input{border: unset;
border-left: 1px solid #CCC;background-color: transparent;}
.searchtool{padding: 5px; background-color: #F2F2F2;}
.bg-secondary {
    background-color: #F2F2F2!important;
}
.backgrouddv{position: relative;}
.innt{background-color: transparent;color: #fff;border-radius: 0;}
.slidebackground{background-size: cover;background-position: center;height: 29.21vw;width: 100%;position: relative;}
h4.hdm.hd{font-weight: 600;color: #04438C;}
h4.hdm.smcn{font-weight: 600;color: #04438C;}
.inhead{background: rgba(0, 0, 0, 0.25) !important;border-radius: 0!important;color: white !important;border-color: transparent !important;}
select{background: rgba(0, 0, 0, 0.25) !important;
    color: white !important;
border-color: transparent !important;}
.textsbg {
    background: rgba(0, 0, 0, 0.75);
    color: white;
}
.btn-warning {
    color: #fff;
    background-color: #FF9912;
    border-color: #FF9912;
}
.btn-danger {
    color: #fff;
    background-color: #CD3700;
    border-color: #CD3700;
}
h4.footerh{
    color: #FF9912;}
.nav-tabs .nav-link {
   border:unset;border-radius: unset;color:#9E9E9E;
}
.thkenum .count {
    display: flex;margin: 0 auto;
}
.thkenum .num {
    margin: 0 1px;
    background-color: #04438C;
    color: white;
}
.thkenum .label{color:#757575;}
.thkenum .val{font-weight: 500;}
.recthongke{border-top: 5px solid #FF9912;}
h1.thongkenum{color: #B1E9FF;}
#back-to-top{position: fixed;right: 9.7vw;bottom: 0;}
#fb{position: fixed;right: 10vw;bottom: 70px;}
.card-header {
    padding: 0;
    background-color: #B1E9FF;
}
.card-header button {
    color: #424242;
    font-weight: 600;
}
.titlepage {
    color: #04438C;
    font-weight: 600;
}
.slidesmcn .owl-dot.active span {
    border: 1px solid #B1E9FF !important;
    background-color: #fff !important;
}
 #back-to-top button{
		background: transparent;
border: 0;
}
@media (min-width: 768px){
    .tagebook{font-size: 0.63vw;}
    .submitebook{font-size: 1.05vw}
    .pagination a{width: 2.53vw;height: 2.53vw;}
    .pagination .next{width: 0.68vw;}
    .pagination .end{width: 1.26vw;}
    .ttct p{
        font-size: 0.95vw;
    }
    .ttct th{
        font-size: 1.05vw;
    }
    .ttct td{
        font-size:0.84vw;}
    .blabel {
        font-size: 1vw;
    }
    .bval {
        font-size: 1.25vw;
    }
    .titlepage {
        font-size: 2.21vw;
    }
    .titlepage.book {
        font-size: 1.47vw;
    }
    .w-md-25 {
        width: 30% !important;
    }
    .breadcumb p{font-size: 1.05vw;}
    .card-header button {
        font-size: 1.26vw;
    }
    .nav-item.dropdown .dropdown-menu li a{font-size: 1.15vw;}
    .nav-item.dropdown .dropdown-menu{
        width: 34.37vw;
    }
    header .menu {
        width: 73vw;
    }
    header .nav-link {
        padding: 0.74vw;
    }
    .thkenum{max-width: 17.89vw;}
    .slideindex .owl-dots {
        padding: 0 0.9vw;
        position: absolute;
        bottom: -0.2vw;
    }
    .slidesmcn.owl-theme .owl-dots .owl-dot span {
        width: 0.63vw !important;
        height: 0.63vw !important;
    }
   
    #back-to-top img{ }
.row.row5 .col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.searchlkw {
    height: 3.37vw;
}
.bg-secondary.p-2 img{height: 16.74vw;}
.bg-secondary.p-2 .listimg{height: 12vw;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 76vw;
}
.footlgt{font-size: 0.95vw;}
.inhead{height: 3.37vw;font-size: 1.05vw;width: 26.95vw !important;}
.buttonh {
    height: 3.37vw;
    font-size: 1.05vw;
    width: 3.37vw;
    border-radius: unset;
}
.iconh{font-size: 1.85vw;}
.btn{font-size: 0.96vw;}
.navbar-nav{margin: 0 -1.45vw;}
.navbar-nav li.nav-item{padding: 0 1.17vw;
    font-size: 1.24vw;}
    .navbar-nav li.nav-item a.nav-link{color: #F2F2F2;}
.headmenu.py-4{padding: 3.26vw 0 0.79vw !important;}
select{font-size: 1.05vw !important;width: 100%;}
#column-right .lienket select {
	background: #B1E9FF !important;
    padding: 10px;
    color: #000 !important;
}
.textsbg {
    padding: 1.47vw 1.26vw 2vw;position: absolute;bottom: 0;
}
ul#myTab {
    border: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #424242;
    background-color: #B1E9FF;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;padding: .5rem 1.4vw;font-size: 1.47vw;
}
.dknthd{font-size: 2.53vw;}
.dkntt{font-size: 1.26vw;}
.textsbg p{margin: 0;font-size:1.47vw;}
header{background-color: #04438C;}
.slidebackground{height: 29.21vw;}
.lpv th{font-size: inherit;padding: 0;
    width: 0.63vw;
    height: 0.41vh;}
.lpv td{font-size: 0.58vw;padding: 5px 0;
    width: 0.63vw;
    height: 3.41vh;}
h1.headerwr{font-size: 2.53vw;}
h1.thongkenum{font-size: 3.37vw;float: left;position: relative;}
p.thongketext{font-size: 1.47vw;width: 200%;margin-bottom: 0;margin-top: 0.84vw;}
.recthongke{
    width: 5.05vw;
    float: left;
    margin-top: 3.11vw;
    margin-left: 1.00vw;}
h4.hdm.hd{font-size: 1.26vw;}
h4.hdm.smcn{font-size: 1.15vw;}
.hdm.icon{width: 0.84vw;margin-right:5px ;}
.ttmhdm{font-size: 0.84vw;}
.smcni{font-size: 0.83vw;}
a.textxtc{font-size: 1.47vw;}
.mx-auto.w-25.border.border-secondary.text-center.p-2{
    padding: 0.42vw !important;
}
.boxdv{box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);}
h4.footerh{
    font-size: 1.47vw;font-weight: 600;
}
.footerm .icon{width: 0.95vw;margin-right: 5px ;}
.footerm li{font-size: 0.95vw;}
.icondv {
    position: absolute;
    bottom: -4vw;
    left: 0;
    width: 100%;
}
.pdv{
    font-size: 0.84vw;
}
.selecth{width: 17.00vw;height: 3.37vw;border-right: 1px solid white !important;}
.icontk{width:2.53vw;}
.inputtk{height: 2.53vw;font-size: 0.84vw;}
.imgpv{width: 1.26vw;}
.imgdv{height: 11.47vw;}
.bgblacktrans{background-size: cover;padding: 2.21vw;}
.innt{height: 3.37vw;font-size: 1.05vw;}
.buttonnt{height: 3.37vw;font-size: 1.05vw;width: 13.47vw;}
.iconfoot{width:2.53vw;}
.selectfoot{width: 19.37vw;}
.copyrightt{padding: 0.93vw 0;font-size: 1.26vw;}
.iconpage{width: 100%;}
.iconnew2{
    width: 1.68vw;height: 1.68vw;
}
.tbp{font-size: 1.26vw;
    font-weight: 600;
    line-height: 1.63vw;}
    .thkenum .time {
        text-align: center;
        font-size: 1.05vw;
        margin: 0.89vw auto;
    }
    .thkenum .num {    
        padding: 0.09vw 0.49vw;font-size: 1.17vw;
    }
    .thkenum .label{font-size: 0.84vw;}
    .thkenum .val{font-size: 1.05vw;}
    .iccount{width: 1.37vw;height: 1.37vw;}
    .listlink li a{font-size: 1.05vw;}
    .filterbtn img{width: 1.26vw;}
    .filterselect{height: 2.53vw;}
    .searchtool select{height: 3.37vw;}
    .searchtool input{height: 3.37vw;}
    .searchtool .buttonh{height: 4.2vw;
        width: 4.2vw;}
/* endminwidth768 */
}
@media (max-width: 768px){
    .searchtool .buttonh{height: 50px;}
    .tagebook{font-size: 12px;}
    .submitebook{font-size: 20px;}
    .pagination a{width: 40px;height: 40px;}
    .pagination .next{width: 13px;}
    .pagination .end{width: 24px;}
    .ttct p{font-size: 12px;}
    .ttct th{
        font-size: 20px;
    }
    .ttct td{
        font-size:16px;}
    .titlepage {
        font-size: 35px;
    }
    .titlepage.book {
        font-size: 25px;
    }
    .filterselect{height: 40px;}
    .filterbtn img{width: 15px;}
    .breadcumb p{font-size: 20px;}
    .card-header button {
        font-size: 20px;
    }
    .nav-item.dropdown .dropdown-menu{
        width: 100%;
    }
    header .menu {
        padding: 15px;
    }
    .iconpage{width: 100%;}
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
    .lpv th{font-size: 12px;width:5px;height: 5px;padding: 0;}
.lpv td{font-size: 8px;width:5px;height: 5px;padding: 5px 0;}
.recthongke{
    width: 100px;
    float: left;
    margin-top: -10px;
    margin-left: 150px;}
    .textsbg {
        padding: 10px;position: absolute;bottom: 0;
    }
    .slidebackground{height: 400px;}
    .copyrightt{padding: 10px 0;font-size: 20px;}
    #back-to-top {
        right: 20px;
bottom: 15px;
    }
    #back-to-top img{width: 50px;}
    .icondv {
        position: absolute;
        bottom: -60px;
        left: 0;
        width: 100%;
    }
    .iconnew2{
        width: 32px;height: 32px;
    }
    .backgrouddv {
        margin-bottom: 45px;
    }
    .thkenum .num {
        padding: 2.8vw;
        font-size: 20px;
    }
    .icontk{width:48px;}
.inputtk{height: 48px;}
.listlink li a{font-size: 15px;}
.blabel {
    font-size: 12px;
}
.bval {
    font-size: 12px;
}
}