body {
    font-size: 13px;
    line-height: 24px;
    font-family: Arial;
}

a:hover {
    text-decoration: none;
    color: #238bc4;
}

.object_fit_cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
}

h1, h2, h3, h4 {
    /* font-family: 'RobotoCondensed-Bold'; */
    word-spacing: 2px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

ul {
    margin: 0px;
}

.gh_3dong {
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.gh_2dong {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.clear {
    clear: both;
}

.container {
    position: relative;
}

.header {
    background: #207da2;
    padding: 14px 0;
}

.ngonngu {
    position: absolute;
    top: -5px;
    right: 0px;
    color: #fff;
    font-size: 13px;
}

    .ngonngu a {
        color: #fff;
        text-transform: uppercase;
    }

    .ngonngu span {
        padding: 0 5px;
    }

.radio {
    color: #fff;
    margin-bottom: 5px;
}

.radio_tk {
    position: absolute;
    right: 0px;
    top: 16px;
}

.timkiem {
    position: relative;
}

.txt_tk {
    width: 238px;
    height: 26px;
    padding-left: 10px;
    border: none;
    outline: none;
}

.btn_tk {
    background: #d9d9d9 url(../../Thu_vien/images/icon-timkiem.png) no-repeat center;
    width: 30px;
    height: 26px;
    position: absolute;
    right: 0px;
    background-size: 19px;
    border: none;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin-left: 0px;
}

.slideshow img {
    max-width: 100%;
}

.timkiem_cth {
    border: 1px solid #49bacd;
    /* text-align: center; */
    padding: 15px;
    margin-top: 15px;
    background: #FFf;
    margin-bottom: 25px;
}

.tb_tkcth {
    width: 19%;
    margin: 0 4px;
    background: #e6e6e6;
    border: none;
    height: 32px;
    padding: 0 10px;
}

.btn_tkcth {
    background: #207da2;
    color: #fff;
}

.timkiem_cth_2 {
    text-align: center;
}

.tt_httt {
    margin-top: 30px;
}

.tt_cth {
    padding-left: 4px;
    margin-bottom: 10px;
    font-weight: bold;
}

.title_home1 {
    /* background: url(../../Thu_vien/images/icon-ttnb.png) no-repeat left center; */
    /* padding-left: 20px; */
    border-bottom: 2px solid #c6c6c6;
    padding-bottom: 4px;
    margin-bottom: 14px;
}

    .title_home1 span {
        background: url(../../Thu_vien/images/icon-ttnb.png) no-repeat 0 -2px;
        padding-left: 20px;
        border-bottom: 2px solid #207da2;
        padding-bottom: 8px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 15px;
        color: #207da2;
    }

.box_tnb1 {
}

    .box_tnb1 .img {
        height: 180px;
    }

.box_tnb h4 {
    font-weight: bold;
    color: #333;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}

.box_tnb2 {
    margin-top: 20px;
}

    .box_tnb2 .img {
        height: 62px;
        width: 108px;
        float: left;
        margin-right: 11px;
    }

    .box_tnb2 h4 {
        color: #606060;
    }

.box_tnb1 .summary {
    line-height: 1.5em;
    display: block;
    margin-top: 4px;
    color: #666;
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.box_ttlr {
    border: 1px solid #e2e2e2;
}

    .box_ttlr .title {
        background: url(../../Thu_vien/images/bg_httt.jpg) no-repeat;
        /* height: 54px; */
        /* display: table-cell; */
        vertical-align: middle;
        background-size: 100%;
    }

        .box_ttlr .title span {
            color: #fff;
            display: table-cell;
            vertical-align: middle;
            padding-left: 70px;
            height: 54px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 15px;
        }

.ct_bhtt {
    padding: 10px;
    background: url(../../Thu_vien/images/bg_httt2.png) no-repeat right -17px bottom -12px;
}

.tt_ctbhtt {
    text-align: center;
    line-height: 22px;
}

.dkn {
    width: 80px;
    height: 3px;
    background: #f2b90c;
    margin: 8px auto 12px;
}

.em_httt {
    background: url(../../Thu_vien/images/icon_hotline.png) no-repeat left;
    padding-left: 27px;
}

    .em_httt a, .em_httt span {
        color: #207da2;
        font-weight: bold;
    }

.email_httt {
    background: url(../../Thu_vien/images/icon-email.png) no-repeat;
}

.text_htd {
    margin: 5px 0;
    line-height: 21px;
}

.tpm {
    background: url(../../Thu_vien/images/bg_tx.png) no-repeat;
    height: 65px;
    margin-top: 22px;
    padding-left: 71px;
    padding-top: 8px;
    color: #333;
}

.tt_tpm {
    text-transform: uppercase;
    color: #000;
}

.tt_tpm2 {
    color: #207da2;
    line-height: 20px;
}

.footer {
    background: #207da2;
    padding: 15px 0;
    margin-top: 32px;
}

.ct_footer {
    background: url(../../Thu_vien/images/logo_footer.png) no-repeat;
    padding-left: 185px;
    height: 162px;
    color: #ffffffcf;
    display: table-cell;
    vertical-align: middle;
}

    .ct_footer a {
        color: #ffffffcf;
    }

    .ct_footer h3 {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 11px;
    }

.copyright {
    background: #3e445e;
    color: #797a7d;
    position: relative;
    padding: 10px 0;
}

.ltc {
    background: url(../../Thu_vien/images/icon-ltc.png) no-repeat left;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-left: 26px;
}

    .ltc span {
        color: #207da2;
        font-weight: bold;
    }

/* Form dang nhap*/
.bg_dn {
    position: fixed;
    top: 0px;
    left: 0px;
    background: #ffffffc7;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10000;
}

.box_dangnhap {
    width: 440px;
    border: 1px solid #49bac8;
    margin: 130px auto 0;
    background: #fff;
}

    .box_dangnhap .close_dn {
        text-align: right;
        padding-right: 10px;
        background: #dee1e6;
        height: 30px;
        font-size: 17px;
        cursor: pointer;
    }

.ct_dn {
    padding: 24px 20px;
}

.box_dangnhap .title {
    color: #339ac3;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
    font-size: 15px;
}

.box_dangnhap .tb_dn {
    width: 100%;
    margin-bottom: 15px;
    height: 37px;
    padding-left: 10px;
    border: 1px solid #339ac3;
}

.box_dangnhap .btn_dn {
    margin-bottom: 7px;
    background: #339ac3;
    color: #fff;
}

.box_dangnhap .qmk {
    color: #339ac3;
    float: right;
    display: block;
}

.box_dangnhap .htkt {
    margin-top: 10px;
}

.box_dangnhap .close {
    background: #dee1e6;
}

.box_dangnhap .htkt .tt {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.box_dangnhap .htkt span {
    font-weight: bold;
}

.banner_trangtrong {
    height: 250px;
}
/* tinylink */
.tinylink {
    font-size: 13px;
    margin: 10px 0 20px;
}

    .tinylink a {
        color: #207da2;
    }

    .tinylink .tragchu_tinylink {
        background: url(../../Thu_vien/images/icon_home.png) no-repeat left;
        background-size: 16px;
        padding-left: 19px;
        font-size: 13px;
    }

    .tinylink .separator {
        background: url(../../Thu_vien/images/icon-separator.png) no-repeat center 6px;
        width: 22px;
        height: 15px;
        display: inline-block;
    }

    .tinylink .active {
        color: #6e6e6e;
        font-weight: bold;
    }

.title_h1 {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.ttle {
    margin: 20px 0 25px;
}

    .ttle h3 {
        font-size: 15px;
        color: #339ac4;
        margin-bottom: 9px;
    }

.form_lh {
    border-bottom: 5px solid #59bae3;
    padding-bottom: 9px;
}

    .form_lh .form-control {
        margin-bottom: 16px;
        border: 1px solid #5caecf;
        height: 38px;
    }

.mc_gm_1 {
    display: table;
    height: 52px;
}

.mc_gm_2 {
    display: table-cell;
    vertical-align: middle;
}

    .mc_gm_2 .form-control {
        margin-bottom: 0px;
    }

    .mc_gm_2 img {
        width: auto;
        max-height: 52px;
    }

.btn_lienhe {
    color: #fff;
    background: #5caecf;
}

    .btn_lienhe .fa {
        padding-left: 3px;
    }

.ban_do iframe {
    width: 97%;
    height: 326px;
    float: right;
}

.multi {
    height: 136px !important;
}

.tb_dstc {
    width: 100%;
}

    .tb_dstc td {
        padding: 7px;
        border: 1px solid #ddd;
        vertical-align: text-bottom;
    }

    .tb_dstc .tr1 {
        text-align: center;
        font-weight: bold;
    }

    .tb_dstc .tr2 {
        background: #207da2 !important;
        height: 44px;
        color: #fff;
        text-transform: uppercase;
    }

    .tb_dstc tr:nth-of-type(odd) {
        background-color: #eaf9ff;
    }

    .tb_dstc .a_tclv {
        margin: 0 5px 0 0;
        /* background: #2ebdb9; */
        /* padding: 3px 10px; */
        display: inline-block;
        text-align: center;
        color: #207da2;
        /* width: 40px; */
        border-radius: 3px;
    }

    .tb_dstc .a_ctlv {
        /* background: #f28f58; */
        margin-top: 5px;
    }

        .tb_dstc .a_tclv:hover, .tb_dstc .a_ctlv:hover {
            text-shadow: 1px 0px 1px #adadad;
            text-decoration: underline;
        }

    .tb_dstc td .a_title {
        color: inherit;
    }

        .tb_dstc td .a_title:hover {
            text-decoration: underline;
        }

.td_stt {
    text-align: center;
}

.tb_dstc table {
    width: 100%;
    text-align: center;
}

    .tb_dstc table tr:nth-of-type(odd) {
        background: none;
    }

.box_tt {
    margin-bottom: 20px;
}

    .box_tt .img {
        height: 178px;
    }

    .box_tt .title_tt {
        line-height: 20px;
        margin: 10px 0 7px;
    }

        .box_tt .title_tt a {
            font-weight: bold;
            color: #000;
        }

            .box_tt .title_tt a:hover {
                color: #339ac4;
            }

.ct_lr {
    padding: 10px;
    padding-bottom: 0px;
}

.box_bvnn {
    margin-bottom: 15px;
}

    .box_bvnn .title {
        background: url(../../Thu_vien/images/bg_ttmn.jpg) no-repeat left;
    }

.box_txn {
    padding-top: 7px;
    margin-bottom: 7px;
    border-top: 1px solid #ddd;
    padding-bottom: 0px;
}

.box_bvnn .box_txn:first-child {
    border-top: none;
    padding-top: 0px;
}

.box_txn .img {
    width: 83px;
    float: left;
    margin-right: 10px;
    height: 55px;
}

.title_txn {
    font-weight: bold;
    color: #000;
    line-height: 19px;
}

.title_ttct {
    color: #3c98c9;
    font-size: 18px;
    margin-top: 10px;
}

.time_cs {
    border-bottom: 1px solid #ddd;
    margin: 25px 0;
    padding-bottom: 14px;
}

    .time_cs .chung {
        display: inline-block;
    }

    .time_cs .time {
    }

    .time_cs .csmxh {
        margin-left: 28px;
    }

.ttlq {
}

.title_bvk {
    color: #329cd6;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 2px solid #329cd6;
    display: inline-block;
    margin: 25px 0px 15px;
}

.box_tlq {
    background: url(../../Thu_vien/images/icon_ttlq.jpg) no-repeat left;
    display: block;
    padding-left: 14px;
    color: #000;
}

.tk_dscn {
    background: #207da2;
    padding: 10px;
    position: relative;
    margin-bottom: 15px;
}

.tk_dscn_l {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

    .tk_dscn_l .fa {
        padding-right: 4px;
    }

.box_tkdscn {
    display: block;
    position: absolute;
    right: 10px;
    top: 7px;
}

    .box_tkdscn select {
        height: 28px;
        border: none;
        width: 172px;
    }

    .box_tkdscn .imgcaptcha {
        height: 28px;
        margin-right: 7px;
    }

.txt_tkdscn {
    border: none;
    margin-right: 2px;
    padding: 2px 8px;
}

.btn_tkdscn {
    background: #f2f2f2;
    /* background: #339ac4; */
    border: none;
    /* width: 28px; */
    height: 28px;
    color: #207da2;
    /* margin-left: 5px; */
    line-height: 28px;
}

.popup_dscntc {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #000000a1;
    z-index: 201;
    height: 100%;
}

.ct_popup_dscntc {
    margin: 65px auto 0;
    background: #fff;
    padding: 20px;
    width: 800px;
    position: relative;
    border: 1px solid #49bac8;
}

.popup_dscntc .close_ttcn {
    background: url(../../Thu_vien/images/icon_close2.jpg) no-repeat left;
    width: 39px;
    height: 39px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.ndct_dscn {
}

@media only screen and (max-width: 767px) and (max-height: 768px) {
    .ndct_dscn {
        height: 400px;
        overflow: auto;
    }
}

.tb_ttcn {
}

    .tb_ttcn img {
        height: 242px;
        width: auto;
        margin-right: 32px;
    }

    .tb_ttcn .hoten {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 8px;
    }

.div_ttcn {
    background: url(../../Thu_vien/images/icon_tron2.jpg) no-repeat left;
    padding-left: 13px;
}

    .div_ttcn span {
        font-weight: bold;
        width: 101px;
    }

.scccn {
    color: #d40a0a;
    font-size: 16px;
    margin: 10px 0;
}

    .scccn span {
        font-weight: bold;
    }

.tb_lkcc {
    width: 100%;
    background: #f7f7f7;
    text-align: center;
}

    .tb_lkcc td {
        border: 1px solid #ddd;
        padding: 5px;
    }

    .tb_lkcc .tr1 {
        background: #2c93bc;
        color: #fff;
        font-weight: bold;
    }

    .tb_lkcc .text_left {
        text-align: left;
    }

.ct_popup_dstc {
    width: 70%;
}

    .ct_popup_dstc .ttxct {
        color: #2c93bc;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 19px;
    }

.title_cttc {
    text-transform: uppercase;
    font-weight: bold;
}

.color_xanh {
    color: #207da2;
}

.ttct_cttc {
    background: #f7f7f7;
    padding: 20px;
    margin-top: 15px;
}

.box_chuyenmon {
}

    .box_chuyenmon .chung {
        width: 48%;
        float: left;
    }

.box_chuyenmon_r {
    float: right !important;
    border-left: 1px solid #ddd;
    padding-left: 20px;
}

.tt_cttc2 {
    text-transform: uppercase;
    margin: 15px 0;
}

.vkn {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 20px 0;
}

.quaylai {
    text-align: right;
    margin-top: 15px;
}

    .quaylai a {
        background: #2c93bc;
        color: #fff;
        padding: 7px 15px;
    }

.tb_lkcc_cttc {
    background: #f2fbff;
}

/*w_*/
.w_60 {
    width: 60px;
}

.w_100 {
    width: 100px;
}

.w_150 {
    width: 150px;
}

.w_200 {
    width: 200px;
}
/*btn-refresh-img*/
.btn-refresh-img {
    font-size: 20px;
    display: inline-block;
    margin-left: 5px;
}

.header .icons {
    display: none;
}

#MenuMobile {
    display: none;
}

.warning-mobile {
    display: none;
}

.fixed {
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 200;
    box-shadow: 0 0 5px #7f7f7f;
}

.menu_ngang {
    background: #fff;
    box-shadow: 1px 0 3px #ccc;
}

#toTop {
    text-align: center;
    position: fixed;
    bottom: 40px;
    right: 10px;
    cursor: pointer;
    text-indent: -100000px;
    display: none;
    color: #999999;
    background: #fff url(/template/thu_vien/images/icon_gototop.png) no-repeat 50% 0px;
    width: 36px;
    height: 36px;
    z-index: 9999;
}

.btn-refresh-captcha {
    font-size: larger;
    position: relative;
    margin-left: -28px;
    background: #fff;
    padding: 2px;
    box-shadow: 1px 1px 3px #ccc;
    border-radius: 4px;
    top: 6px;
    margin-right: 3px;
    display: inline-block;
    text-align: center;
    line-height: 15px;
}
/*Mobile styles*/
@media only screen and (max-width: 767px) {
    /*header*/
    .header {
        padding: 5px 0;
        box-shadow: 0 0 3px #3f3f3f;
        z-index: 15;
        position: relative;
    }

        .header .logo {
            display: block;
        }

            .header .logo img {
                max-height: 40px;
            }

        .header .ngonngu {
            display: none;
        }

        .header .radio_tk {
            position: absolute;
            top: 46px;
            right: 10px;
            background: #fff;
            box-shadow: 1px 1px 3px #999;
            padding: 5px;
            z-index: 10;
            display: none;
        }

            .header .radio_tk .radio {
                color: #666;
                margin: 0;
            }

            .header .radio_tk .timkiem {
            }

                .header .radio_tk .timkiem .txt_tk {
                    background: #2da5d5;
                    color: #fff;
                }

        .header .icons {
            display: block;
            position: absolute;
            top: 0;
            right: 15px;
            line-height: 40px;
            font-size: 20px;
        }

            .header .icons a {
                color: #fff;
                display: inline-block;
                padding-left: 5px;
            }

                .header .icons a:hover {
                }

    .menu_ngang {
        display: none
    }

    #MenuMobile {
        position: absolute;
        background: #ecececf5;
        width: 100%;
        box-shadow: 1px 1px 3px #999;
        z-index: 10;
    }

        #MenuMobile a {
            display: block;
            color: #000;
            padding: 3px 15px 3px;
            /* margin-bottom: 3px; */
            border-bottom: 1px solid #ccc;
        }

            #MenuMobile a:hover {
                background: #2ba5d4b3 !important;
                color: #fff;
            }

            #MenuMobile a.menudangnhap {
                background: inherit;
                /* padding: 0 !important; */
                padding: 5px 15px !important;
            }
    /***********************/
    .timkiem_cth {
        /* display: none */
        margin: 10px 0 15px;
        padding: 5px;
        text-align: center;
    }

    .timkiem_cth_2 {
    }

    .tb_tkcth {
        width: 46%;
        float: left;
        margin: 5px 2% 0;
    }


        .tb_tkcth:nth-child(2n+1) {
            clear: both
        }

    .btn_tkdscn {
        width: auto;
        padding: 0 19px;
    }

        .btn_tkdscn i {
            font-size: larger;
        }
    /*footer*/
    .footer {
    }

    .ct_footer {
        background: url(../../Thu_vien/images/logo_footer.png) no-repeat;
        padding-left: 0px;
        /* height: 162px; */
        color: #ffffffcf;
        display: table-cell;
        vertical-align: middle;
        background-size: 92px;
    }

        .ct_footer h3 {
            display: block;
            padding-left: 100px;
            min-height: 60px;
            margin-top: 8px;
            margin-bottom: 15px;
            line-height: 22px;
        }

    .ltc {
        position: relative;
        text-align: right;
        background: inherit;
    }
    /*.box_tkdscn*/
    .box_tkdscn {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 5px;
    }

    .txt_tkdscn {
        border: 1px solid #088cc0;
        width: 100%;
        margin-bottom: 5px;
        background: #ffffffcc;
        /* color: #fff; */
    }
    /*tb_dstc*/
    .tb_dstc .tr2 {
        display: none
    }

    .tb_dstc td.td_stt {
        display: none
    }

    .tb_dstc td.td_info {
        display: block
    }

    .tb_dstc td.td_linhvucs {
        display: block
    }

        .tb_dstc td.td_linhvucs .tr1 td {
            width: auto
        }
    /*.ct_popup_dscntc*/
    .ct_popup_dscntc {
        width: 95%;
    }

    .warning-mobile {
        display: block;
        font-style: italic;
        color: #999;
        text-align: center;
    }
}
.linhvuc-expires {
    color: #b80000;
}