*,
::after,
::before { box-sizing: border-box }
body { margin: 0; font-family: Roboto, sans-serif }
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section { display: block }
p { font-size: 14px; margin: 0 0 10px 0; line-height: 1.5 }
h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0 }
h1 { font-size: 24px; margin-bottom: 20px }
h2 { font-size: 20px; margin-bottom: 15px; margin-top: 20px }
h3 { font-size: 16px; margin-bottom: 10px }
ul { margin-bottom: 15px; padding-left: 30px; margin-top: 0; line-height: 25px }
a { transition: .2s linear; text-decoration: none; color: #333 }
    a:hover { color: #035192 }
button,
input,
optgroup,
select,
textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
    button:focus,
    input:focus,
    select:focus,
    textarea:focus { outline: 0 }
    button,
    input[type=checkbox],
    input[type=radio] { cursor: pointer }
button,
input { overflow: visible }
button,
select { text-transform: none }
img { vertical-align: middle; border-style: none }
.img a { display: block }
.flex-center { display: flex; align-items: center; justify-content: center }
/*.lSSlideOuter .lSPager.lSpg > li a { z-index: 1 }
.lSSlideWrapper .lSFade > * { z-index: 1 }*/
h3 { line-height: 1.5 }
.slider .img img { width: 100% }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:576px) {
    .container { max-width: 540px }
}

@media (min-width:768px) {
    .container { max-width: 720px }
}

@media (min-width:992px) {
    .container { max-width: 960px }
}

@media (min-width:1200px) {
    .container { max-width: 1150px }

    header .container { max-width: 1305px }
}

@-webkit-keyframes fadeInDownMenu {
    from { transform: translate3d(0, -100%, 0) }
    to { transform: translate3d(0, 0, 0) }
}

.head-top { background-color: #035192 }
header { top: 0; left: 0; right: 0; z-index: 9999; background-color: #fff }
.head-top .left,
.head-top .right { display: flex; font-size: 13px }
    .head-top .left a:hover { text-decoration: none }
.head-top .mail { margin-left: 30px }
.head-top .htop-ct { display: flex; justify-content: space-between; align-items: center; padding: 3px 0 }
.head-top .left .call { background-image: url(../images/ic-call-w.png); background-repeat: no-repeat; padding: 5px 0 5px 25px; background-position-y: 4px }
.head-top .left .mail { background-image: url(../images/ic-mail-w.png); background-repeat: no-repeat; padding: 5px 0 5px 25px; background-position-y: 5px }
.head-top .right .login { margin-right: 20px; display: flex }
    .head-top .right .login > div { font-size: 13px; margin-right: 12px; cursor: pointer }
.head-top .right a:last-child { margin-right: 0 }
.head-top .right .register { padding-right: 13px }
    .head-top .right .register:after { height: 13px; width: 1px; content: ''; position: absolute; right: 0; top: 1px; background-color: #fff }
.language div { width: 16px; margin-right: 8px !important; cursor: pointer; }
    .language div img { max-width: 100% }
.head-top .right a:hover { text-decoration: none }
header .hb-top { padding: 6px 0; z-index: 999 }
header .head-bot { z-index: 2 }
header .hb-bottom { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; box-shadow: 0 4px 6px #99999973 }
header .hb-top-ct { display: flex; justify-content: space-between }
.f-right { display: flex; align-items: center }
.logo { width: 560px }
    .logo img { max-width: 100%; height: initial; }
.hbt-dowload { font-size: 14px; color: #333; padding: 9px 0 9px 45px; background-image: url(../images/ic-dowload.png); background-repeat: no-repeat; margin-right: 22px }
.f-right form input { width: 275px; height: 36px; border: 1px solid #d0d0d0; font-size: 14px; padding-left: 15px; border-radius: 30px }
.f-right form button { background: 0 0; border: 0; position: absolute; width: 40px; height: 36px; right: 0; top: 0 }
ul.menu-top { margin-bottom: 0; list-style-type: none; justify-content: space-between; padding-left: 0; display: table; width: 100% }
    ul.menu-top li a { color: #035192; font-size: 12px; text-transform: uppercase }
        ul.menu-top li a img { max-width: 100% }
    ul.menu-top > li > a { display: flex; align-items: center; padding: 5px; white-space: nowrap; justify-content: center }
        ul.menu-top > li > a:hover { color: #333 }
    ul.menu-top > li { display: table-cell; width: auto; padding: 8px 0 }
        ul.menu-top > li:first-child { width: 30px; height: 25px }
            ul.menu-top > li:first-child a { padding-left: 0; position: absolute; top: 8px }
        ul.menu-top > li:last-child .sub-menu,
        ul.menu-top > li:last-of-type .sub-menu { right: 0 }
        ul.menu-top > li:last-child a { padding-right: 0 }
        ul.menu-top > li:before { background: #d0d0d0; content: ''; width: 1px; height: 23px; background-size: 100% 100%; position: absolute; right: 0; top: 9px }
.banner .slider img { width: 100%; object-fit: initial; height: initial; }
/*.lSSlideWrapper .lSFade > .active { z-index: 1 }*/
.banner .slider .text { position: absolute; bottom: 0; left: 0; right: 0; background-color: #000000ad; min-height: 65px; display: flex; align-items: center; z-index: 1 }
    .banner .slider .text p { font-size: 16px; margin-bottom: 0; padding-right: 100px }
.next-banner,
.prev-banner { font-size: 32px; position: absolute; right: 0; bottom: 10px; cursor: pointer; }
.prev-banner { right: 20px }
.mg-bot { margin-bottom: 45px }
.banner.mg-bot { margin-bottom: 60px }
.banner .cl-action { position: absolute; left: 0; right: 0; bottom: 0; height: 65px; z-index: 1 }
.btn-click { width: 100%; height: 65px }
.tit-h2-ic h2 { margin-bottom: 0 }
    .tit-h2-ic h2,
    .tit-h2-ic h2 a { font-weight: 700; color: #035192; text-transform: uppercase; margin-top: 4px; }
.tit-h2-ic { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; padding-left: 30px; padding-top: 3px }
.top-news .tit-h2-ic { background-image: url(../images/ic-tt1.png); background-repeat: no-repeat }
.news-id { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.top-news .list-news .item { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 }
    .top-news .list-news .item .img { width: 142px; display: block; height: 80px; overflow: hidden }
        .top-news .list-news .item .img a { display: block }
        .top-news .list-news .item .img img { width: 100%; min-height: 100%; object-fit: cover }
    .top-news .list-news .item .text { padding-left: 10px; width: calc(100% - 80px); }
    .top-news .list-news .item h3 { font-size: 14px; margin-bottom: 5px; font-weight: 400; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }
        .top-news .list-news .item h3 a { color: #333; line-height: 1.5 }
    .top-news .list-news .item span.time { margin-bottom: 0; }
span.time { font-size: 14px; color: #999; padding-left: 16px; background-image: url(../images/ic-time.png); background-repeat: no-repeat; background-position-y: 2px; margin-bottom: 10px; display: block }
.top-news .list-news .item:first-child { display: block }
    .top-news .list-news .item:first-child .img { width: 100%; margin-bottom: 8px; height: 204px; overflow: hidden; display: block }
    .top-news .list-news .item:first-child .text { padding-left: 0; width: 100% }
.top-news .list-news .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
.top-news .list-news .item:first-child h3 { font-weight: 700; font-size: 16px }
.news-member .tit-h2-ic { background-image: url(../images/ic-tt2.png); background-repeat: no-repeat; padding-left: 38px }
.news-member .list-news .item { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 }
    .news-member .list-news .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
    .news-member .list-news .item .img { width: 142px; height: 80px; overflow: hidden }
        .news-member .list-news .item .img img { width: 100%; min-height: 100%; object-fit: cover }
    .news-member .list-news .item .text { padding-left: 10px; width: calc(100% - 80px); }
        .news-member .list-news .item .text span.time { margin-bottom: 0; }
    .news-member .list-news .item h3 { font-size: 14px; margin-bottom: 5px; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }
        .news-member .list-news .item h3 a { line-height: 1.5; color: #333; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news-tn .tit-h2-ic { background-image: url(../images/ic-tt3.png); background-repeat: no-repeat; background-position-y: 3px }
.slide-news-tn .item h3 { margin-bottom: 0; font-size: 14px; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 400; color: #fff; }
.slide-news-tn .img img { max-width: 100%; height: initial; }
.slide-news-tn .item .text { background-color: #035192; padding: 19px 15px }
.slide-news-tn { margin-bottom: 15px }
    .slide-news-tn .img { height: 204px; overflow: hidden }
    .slide-news-tn .lSSlideOuter .lSPager.lSpg > li.active a,
    .slide-news-tn .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #e84242 }
    .slide-news-tn .lSSlideOuter .lSPager.lSpg > li a { background-color: #c2c2c2 }
.list-news .item h3 a:hover { color: #035192 }
.lhqc img { width: 100%; height: 100%; object-fit: cover }
.lhqc { background: url(../images/lien-he-quang-cao.png) no-repeat; background-size: 100% 100%; display: block; }
    .lhqc p { display: none !important; margin-bottom: 0; font-size: 16px; color: #333; text-align: center; padding-left: 30px; background-image: url(../images/ic-bg-call.png); background-repeat: no-repeat; padding: 4px 0; background-size: auto 100%; display: table; padding-left: 80px; margin: 0 auto }
        .lhqc p a { font-size: 27px; color: #e41515; display: block }
            .lhqc p a:hover { color: #035192 }
.kthi-ct .tit-h2-ic { background-image: url(../images/ic-tt4.png); background-repeat: no-repeat; padding-left: 36px; background-position-y: 2px }
.list-kthi .item .img { margin-bottom: 10px; height: 151px; overflow: hidden }
    .list-kthi .item .img img { max-width: 100%; width: 100%; height: initial; }
.list-kthi .item h3 { margin-bottom: 6px; line-height: 24px; overflow: hidden; max-height: 48px }
    .list-kthi .item h3 a { color: #333 }
.next-kthi,
.prev-kthi { font-size: 32px; color: #888; top: 30%; position: absolute; left: -25px; transform: translateY(-30%); cursor: pointer; }
.next-kthi { left: initial; right: -25px }
.list-qc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
    .list-qc a { overflow: hidden; display: flex; align-items: center; justify-content: center }
        .list-qc a img { width: 100%; height: initial; }
.tchd,
.tdkn { margin: 0 7.5px; }
    .tdkn .tit-h2-ic { background-image: url(../images/ic-tt5.png); background-repeat: no-repeat; background-position-y: 1px; padding-left: 40px }
    .tchd .tit-h2-ic { background-image: url(../images/ic-tt6.png); background-repeat: no-repeat; background-position-y: 1px; padding-left: 36px }
.tchd-ct { display: grid; grid-template-columns: 68% 32%; margin: 0 -7.5px; }
.tdkn .list-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .tdkn .list-news .item:first-child { grid-column: 1/3 }
        .tdkn .list-news .item:first-child .img { height: 208px; overflow: hidden }
    .tdkn .list-news .item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px }
        .tdkn .list-news .item .note { line-height: 24px; max-height: 72px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }
        .tdkn .list-news .item .img img { max-width: 100%; height: 100px; overflow: hidden }
        .tdkn .list-news .item:first-child .text h3 { font-size: 16px }
        .tdkn .list-news .item .text h3 { font-size: 14px; margin-bottom: 10px; line-height: 1.3 }
            .tdkn .list-news .item .text h3 a { color: #333 }
        .tdkn .list-news .item:first-child .time { display: block; margin-bottom: 10px }
        .tdkn .list-news .item:first-child p { margin-bottom: 0; line-height: 1.6 }
.tchd .list-news { background-color: #f0f0f0; padding: 15px; }
    .tchd .list-news .item { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 }
        .tchd .list-news .item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
        .tchd .list-news .item .img { width: 100px; height: 140px; overflow: hidden }
            .tchd .list-news .item .img img { width: 100%; object-fit: cover; height: initial; }
        .tchd .list-news .item .text { width: calc(100% - 100px); padding-left: 12px }
        .tchd .list-news .item h3 { font-size: 16px }
            .tchd .list-news .item h3 a { color: #333 }
        .tchd .list-news .item .times { font-size: 14px; display: block; margin-bottom: 8px }
.btn-tcph { display: table; padding: 5px 37px 5px 18px; font-size: 14px; color: #035192; border: 1px solid #035192; border-radius: 8px; background-color: #fff; background-image: url(../images/ic-download.png); background-repeat: no-repeat; background-position-y: center; background-position-x: 85% }
    .btn-tcph:hover { border: 1px solid #fff; background-color: #035192; background-image: url(../images/ic-dow-w.png); background-position-x: 85%; background-position-y: center }
.qc img { width: 100% }
.video-clip .tit-h2-ic { background-image: url(../images/ic-tt7.png); background-repeat: no-repeat; background-position-y: 1px; padding-left: 37px; background-position-y: 5px }
.document .tit-h2-ic { background-image: url(../images/ic-tt8.png); background-repeat: no-repeat; background-position-y: 1px }
.lib-img .tit-h2-ic { background-image: url(../images/ic-tt9.png); background-repeat: no-repeat; background-position-y: 1px; padding-left: 36px; background-position-y: 5px }
.video-img-ct { display: block; overflow: hidden }
.video-clip .list-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px }
.video-clip .item { cursor: pointer; }
    .video-clip .item:first-child { grid-column: 1/3 }
    .video-clip .item .img { margin-bottom: 10px; height: 97px; overflow: hidden }
    .video-clip .item:first-child .img { height: 204px; }
    .video-clip .item .img:before { width: 27px; height: 27px; background-image: url(../images/ic-play.png); content: ''; position: absolute; background-size: 100% 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    .video-clip .item:first-child .img:before { width: 47px; height: 47px }
    .video-clip .item h3 { margin-bottom: 0; font-weight: 400; font-size: 14px }
        .video-clip .item h3 a { color: #333 }
    .video-clip .item .img img { width: 100%; height: initial; object-fit: cover }
.document .list-news .item { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0 }
    .document .list-news .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
.document .item h3 { margin-bottom: 0; font-weight: 400; font-size: 14px; line-height: 1.6; padding-left: 16px; background-image: url(../images/ic-red.png); background-repeat: no-repeat; background-position-y: 5px }
    .document .item h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.document,
.lib-img,
.video-clip { width: calc((100% - 30px)/ 3); float: left; margin-right: 15px; }
.lib-img { margin-right: 0 }
.slide-images .img img { max-width: 100%; width: 100% }
.slide-images .img { height: 205px; overflow: hidden }
.slide-images h3 { font-size: 14px; text-align: center; height: 60px; margin-bottom: 0; border: 1px solid #d0d0d0; border-top: 0; display: flex; align-items: center; justify-content: center; padding: 5px }
    .slide-images h3 a { color: #333; max-height: 38px; overflow: hidden }
        .slide-images h3 a:hover { color: #035192 }
.next-libimg,
.prev-libimg { font-size: 24px; background-color: #035192c2; padding: 6px; border-radius: 0 6px 6px 0; position: absolute; top: calc((210px - 42px)/ 2); z-index: 1; cursor: pointer; }
.next-libimg { border-radius: 6px 0 0 6px }
.slide-images { margin-bottom: 20px }
.next-libimg { left: initial; right: 0 }
.knph { background-image: url(../images/bg-knph.jpg); height: 110px; background-size: 100% 100% }
    .knph a { margin-bottom: 0; font-size: 20px; font-weight: 700; padding: 18px 0 18px 70px; background-image: url(../images/ic-bgw-chat.png); background-repeat: no-repeat; display: block }
        .knph a span { font-size: 20px; font-weight: 700 }
        .knph a:hover span { color: #035192 }
.educate-ct .tit-h2-ic { background-image: url(../images/ic-tt10.png); background-repeat: no-repeat; background-position-y: 1px; padding-left: 40px; background-position-y: 2px }
.educate-ct .list-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .educate-ct .list-news .item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px }
.educate-ct .item .img img { max-width: 100%; height: initial; }
.educate-ct .item .img { height: 150px; overflow: hidden }
.educate-ct .item h3 { margin-bottom: 8px }
.educate-ct .item .time { margin-bottom: 8px; display: block }
.educate-ct .item p.note { margin-bottom: 0; line-height: 1.4; max-height: 76px; overflow: hidden }
.exhibiton-ct .tit-h2-ic { background-image: url(../images/ic-tt11.png); background-repeat: no-repeat; background-position-y: 1px; padding-left: 38px }
.exhibiton-ct .list-news { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px }
.exhibiton-ct .img { height: 155px; overflow: hidden; margin-bottom: 10px }
    .exhibiton-ct .img img { max-width: 100% }
.exhibiton-ct .item h3 { font-size: 14px }
.tit-h2-row h2 { font-size: 20px; color: #035192; font-weight: 700; text-transform: uppercase; text-align: center; background-color: #fff; padding: 0 15px; z-index: 1; display: table; margin: 0 auto 30px }
    .tit-h2-row h2 a { color: #035192 }
        .tit-h2-row h2 a:hover { color: #000 }
.tit-h2-row:before { left: 0; right: 0; top: 50%; transform: translateY(-50%); content: ''; background-color: #d0d0d0; position: absolute; height: 1px }
.slide-mem .item { height: 96px; overflow: hidden; border: 1px solid #d0d0d0; text-align: center; padding: 10px; display: flex; align-items: center; justify-content: center; background: #fff }
.slide-mem img { width: 100%; height: 100%; object-fit: contain }
.next-mem,
.prev-mem { font-size: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; cursor: pointer; }
.next-mem { left: initial; right: -20px }
.menu-footer { background-color: #035192; padding: 10px 0 }
    .menu-footer a { font-size: 12px; text-transform: uppercase; display: table-cell; text-align: center; padding: 5px }
.mnft-ct { display: table; width: 100% }
.menu-footer a:before { content: ''; background: #d0d0d0; position: absolute; width: 1px; height: 20px; right: 0; top: 3px }
.menu-footer a:hover { text-decoration: none; }
.footer { background-color: #eee; padding: 30px 0; border-bottom: 1px solid #d0d0d0 }
    .footer .item p.name { font-weight: 700; font-size: 14px; margin-bottom: 15px; padding-left: 0 }
    .footer .item p { font-size: 14px; margin-bottom: 10px; padding-left: 23px }
        .footer .item p.address { background-image: url(../images/ic-ft1.png); background-repeat: no-repeat }
        .footer .item p.phone { background-image: url(../images/ic-ft2.png); background-repeat: no-repeat; background-position-y: 1px }
        .footer .item p.fax { background-image: url(../images/ic-ft3.png); background-repeat: no-repeat }
        .footer .item p.email { background-image: url(../images/ic-ft4.png); background-repeat: no-repeat; background-position-y: 3px }
.ft-ct { display: grid; grid-template-columns: 35% 35% 30% }
    .ft-ct .item:first-child,
    .ft-ct .item:nth-of-type(2) { padding-right: 40px }
.copyright { background-color: #eee; padding: 15px 0 }
.footer .item p:last-child { margin-bottom: 0 }
.cpr-ct { display: flex; justify-content: space-between; align-items: center }
    .cpr-ct p { margin-bottom: 0 }
.social { display: flex; align-items: center }
    .social a { width: 36px; height: 36px; border: 1px solid #afafaf; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 7px; color: #737373; font-size: 18px }
        .social a:last-child { margin-right: 0 }
        .social a:hover { background-color: #035192; border: 1px solid #035192 }
.menu-link { padding: 20px 0; background-color: #eff2f5; margin-bottom: 30px }
.menu-link-ct { display: flex; align-items: center; padding: 0; margin: 0; list-style-type: none; font-size: 14px }
    .menu-link-ct a { font-size: 14px; margin-right: 10px }
        .menu-link-ct a:last-child { margin-right: 0 }
    .menu-link-ct i { margin-right: 10px }
    .menu-link-ct a.active,
    .menu-link-ct a:hover { color: #035192 }
.tit-h1 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0 }
    .tit-h1 h1 { font-size: 20px; text-transform: uppercase; margin-bottom: 0 }
.text-mid-ct { display: flex; justify-content: space-between }
.text-left { width: 75%; padding-right: 30px }
.text-right { width: 25% }
.list-hv { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px }
    .list-hv .img { width: 100px; display: flex; align-items: center; justify-content: center }
        .list-hv .img img { max-width: 100% }
    .list-hv .text { width: calc(100% - 100px); padding-left: 15px }
    .list-hv .item { display: flex; border: 1px solid #d0d0d0; padding: 15px }
    .list-hv .text h3 { font-size: 16px }
        .list-hv .text h3 a { color: #035192 }
            .list-hv .text h3 a:hover { color: #333 }
    .list-hv .text .note { font-size: 14px }
        .list-hv .text .note a { color: #035192; word-break: break-all }
.ppage { display: flex }
    .ppage.center { justify-content: center }
    .ppage a,
    .ppage span { width: 34px; height: 34px; display: inline-block; margin-right: 10px; border: 1px solid #d0d0d0; text-align: center; line-height: 32px; font-size: 14px }
        .ppage a:last-child { margin-right: 0 }
        .ppage a.active-page,
        .ppage a:hover,
        .ppage span.active,
        .ppage span.active-page { border: 1px solid #035192; color: #035192 }
.div-top p.name { margin-bottom: 20px; padding-bottom: 9px; border-bottom: 2px solid #035192; font-size: 20px; font-weight: 700; text-transform: uppercase }
.menu-right-l a { font-size: 14px; color: #333; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d0d0d0 }
.menu-right-l i { margin-right: 6px }
.menu-right-l a.active,
.menu-right-l a:hover { outline: 0; color: #37a3fb; }
.menu-right-l a:last-child { margin-bottom: 0 }
.text-right .div-top { margin-bottom: 20px }
.text-right .lhqc { height: 90px; margin-bottom: 20px }
.text-right .knph { height: 90px; margin-bottom: 20px }
.images-r p.name-ic a,
.video-r p.name-ic a { font-weight: 700; color: #333; text-transform: uppercase }
.images-r p.name-ic,
.video-r p.name-ic { margin-bottom: 15px; padding-left: 36px; padding-top: 3px; font-size: 20px; background-image: url(../images/ic-tt7.png); background-repeat: no-repeat; background-position-y: 6px }
.video-r .img img { max-width: 100% }
.video-r .img { height: 162px; overflow: hidden }
.video-r h3 { background-color: #f4f4f4; padding: 12px 17px; font-size: 14px; font-weight: 400 }
.video-r .img:before { width: 46px; height: 46px; background-image: url(../images/ic-play.png); content: ''; position: absolute; background-size: 100% 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.video-r { margin-bottom: 25px }
.images-r p.name-ic { background-image: url(../images/ic-tt9.png) }
.text-right .slide-images .img { height: 167px }
.text-right .images-r > .item { margin-bottom: 10px }
    .text-right .images-r > .item img { max-width: 100% }
.list-kthi-mn .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0; display: flex }
    .list-kthi-mn .item:first-child { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px }
.list-kthi-mn .img img { max-width: 100% }
.list-kthi-mn .item:first-child .img { width: initial; height: 250px }
.list-kthi-mn .item:first-child .text { width: initial; padding-left: 0 }
.list-kthi-mn .item .img { width: 400px; height: 225px; overflow: hidden }
.list-kthi-mn .text { width: calc(100% - 262px); padding-left: 15px }
    .list-kthi-mn .text h3 { font-size: 16px; margin-bottom: 10px }
    .list-kthi-mn .text span.time { display: block; margin-bottom: 10px }
    .list-kthi-mn .text p.note { font-size: 14px; line-height: 1.5; margin-bottom: 0 }
.form-serch-doc form { display: flex; justify-content: space-between; margin-bottom: 20px }
    .form-serch-doc form input { width: calc(100% - 110px); height: 34px; border: 1px solid #b3b3b3; border-radius: 4px; font-size: 14px; padding: 0 8px }
    .form-serch-doc form button { font-size: 14px; border: 1px solid #035192; background-color: #035192; height: 34px; width: 100px; border-radius: 4px }
        .form-serch-doc form button:hover { background-color: #fff; color: #035192 }
.form-tl .head-form { display: flex; justify-content: space-between; padding: 12px 25px 12px 15px; background-color: #f8f8f8; border: 1px solid #d0d0d0 }
    .form-tl .head-form p { margin-bottom: 0; font-size: 14px; font-weight: 500 }
        .form-tl .head-form p:nth-of-type(1) { width: 94% }
        .form-tl .head-form p:nth-of-type(2) { width: 6%; text-align: center }
.body-form { padding: 12px 25px 12px 15px; border: 1px solid #d0d0d0; border-top: 0; display: flex }
    .body-form .item { display: flex; width: 95%; padding-right: 20px }
    .body-form .img { width: 40px }
    .body-form .text { width: calc(100% - 40px); padding-left: 5px }
        .body-form .text a { font-size: 14px }
    .body-form > a { display: block; width: 5%; text-align: center }
    .body-form img { max-width: 100% }
    .body-form > a img { filter: grayscale(100%) }
        .body-form > a img:hover { filter: initial }
.form-tl { margin-bottom: 30px }
.div-news-m { margin-bottom: 30px }
    .div-news-m:last-child { margin-bottom: 0 }
.list-div-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
    .list-div-news .item:first-child { grid-column: 1/4; display: flex }
        .list-div-news .item:first-child h3 { font-size: 16px }
        .list-div-news .item:first-child span.time { display: block; margin-bottom: 10px }
        .list-div-news .item:first-child .note { font-size: 14px; line-height: 1.5; margin-bottom: 0 }
        .list-div-news .item:first-child .img { margin-bottom: 0 }
        .list-div-news .item:first-child .img { width: 360px; height: 210px; overflow: hidden }
        .list-div-news .item:first-child .text { width: calc(100% - 360px); padding-left: 15px }
    .list-div-news img { max-width: 100% }
    .list-div-news .item:first-child .text p { display: block }
    .list-div-news .item h3 { font-size: 14px; margin-bottom: 10px; line-height: 1.3 }
        .list-div-news .item h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .list-div-news .item .img { margin-bottom: 10px }
.tit-h2-see { display: flex; padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; justify-content: space-between; align-items: flex-end }
    .tit-h2-see h2 { margin-bottom: 0; text-transform: uppercase }
    .tit-h2-see > a { font-size: 14px; padding-right: 12px; color: #035192 }
        .tit-h2-see > a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 0; top: 2px; color: #035192 }
.text-mid.mg-bot { margin-bottom: 55px }
.mg-bot a { color: #035192 }
.tit-h1-dt h1 { font-size: 22px; text-transform: uppercase; margin-bottom: 10px }
.tit-h1-dt span.time { margin-bottom: 15px; display: block }
.detail-news p { margin-bottom: 10px; font-size: 16px; line-height: 1.6 }
    .detail-news p:last-child { margin-bottom: 0 }
.detail-news { margin-bottom: 25px }
    .detail-news img { max-width: 100%; height: auto !important }
.share-news { margin-bottom: 20px }
.news-ot p.name { font-size: 19px; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; font-weight: 700 }
.list-news-ot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
    .list-news-ot .item img { min-height: 100%; text-align: center; width: 100% }
    .list-news-ot .item h3 { font-size: 14px; line-height: 1.5; margin-bottom: 10px }
    .list-news-ot .img { margin-bottom: 10px; overflow: hidden; height: 145px }
.detail-tn h1 { margin-bottom: 25px; font-size: 22px }
.detail-tn p { font-size: 16px }
    .detail-tn p.h-ic { padding-left: 27px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d0d0d0; display: flex; background-image: url(../images/ic-br.png); background-repeat: no-repeat }
    .detail-tn p span { display: block; width: 150px; font-weight: 700 }
    .detail-tn p.time-dk { background-position-y: -34px }
    .detail-tn p.lvc { background-position-y: -71px }
    .detail-tn p.lct { background-position-y: -108px }
    .detail-tn p.price { background-position-y: -143px }
.detail-tn { margin-bottom: 30px }
.form-dk-ht h1,
.form-regis-sh p.name,
.regis-gh p.name { font-size: 20px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; padding: 3px 0 3px 35px; background-image: url(../images/ic-rg.png); background-repeat: no-repeat }
.form-regis-sh label { font-size: 14px; font-weight: 400; color: #333; width: 150px; display: block }
.form-regis-sh input.error { border: 1px solid #e93636 }
.form-regis-sh input { width: calc(100% - 150px); height: 38px; border: 1px solid #cdcdcd; border-radius: 0; padding: 0 12px; font-size: 14px }
    .form-regis-sh input[readonly] { background-color: #f8f8f8 }
.form-regis-sh form { background-color: #f8f8f8; padding: 20px 26px 26px 25px; display: block; overflow: hidden; border: 1px solid #e0e0e0; border-radius: 4px }
.form-regis-ht button,
.form-regis-sh button,
a.btn-regis { padding: 9px 40px; margin-left: 150px; font-size: 14px; background-color: #e93636; border: 1px solid #e93636; border-radius: 4px }
    .form-regis-ht button:hover,
    .form-regis-sh button:hover,
    a.btn-regis:hover { color: #e93636; background-color: #fff }
.form-regis-sh .form-group { display: flex; align-items: center; margin-bottom: 10px; float: left; width: 100% }
    .form-regis-sh .form-group.lmgb { margin-bottom: 25px }
    .form-regis-sh .form-group.w-50 { width: 49% }
    .form-regis-sh .form-group.mg-l { margin-left: 2% }
        .form-regis-sh .form-group.mg-l label { width: 80px }
        .form-regis-sh .form-group.mg-l input { width: calc(100% - 80px) }
        .form-regis-sh .form-group.mg-l.lmgb input { width: calc(100% - 190px) }
.form-regis-sh .qr-code { width: 75px; margin-left: 15px; border: 1px solid #e0e0e0; height: 38px; display: flex; align-items: center; justify-content: center }
.list-tlsk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px }
    .list-tlsk .item .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center }
    .list-tlsk .item .img img { width: 100%; min-height: 100%; object-fit: cover }
    .list-tlsk .item .img { height: 182px; overflow: hidden }
    .list-tlsk .icon { text-align: center; margin-bottom: 14px }
    .list-tlsk p.name a { color: #fff }
    .list-tlsk p.name { text-align: center; font-size: 18px; text-transform: uppercase; margin-bottom: 0; font-weight: 700 }
.text-mid-ct.no-flex { display: block }
.note-rg-gh { display: flex; margin-bottom: 25px }
    .note-rg-gh p { margin-bottom: 0; margin-right: 30px; padding-left: 35px }
        .note-rg-gh p:before { content: ''; background-color: #e93636; width: 28px; height: 17px; position: absolute; left: 0; top: 0 }
        .note-rg-gh p:nth-of-type(2):before { background-color: #00acee }
.table-rg .item span:first-child { border-left: 1px solid #fff; background-color: #ccc; color: #000 }
.table-rg .item span { background-color: #00acee; display: flex; border: 1px solid #fff; border-top: 0; border-left: 0; width: calc(100%/11); font-size: 14px; min-height: 40px; align-items: center; justify-content: center; cursor: pointer }
    .table-rg .item span.active,
    .table-rg .item span:hover { background-color: #e93636 }
.table-rg .item { display: flex }
.btn-tght { display: flex; justify-content: space-between; margin-bottom: 25px }
    .btn-tght a { display: block; width: 49%; text-align: center; background-color: #ececec; font-size: 17px; padding: 10px 0; font-weight: 700; text-transform: uppercase; border-radius: 2px }
        .btn-tght a:before { border-top: 12px solid #e93636; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; top: 100%; content: ''; left: 50%; transform: translateX(-50%) }
        .btn-tght a.business { margin-left: 2% }
        .btn-tght a.active,
        .btn-tght a:hover { background-color: #e93636 }
            .btn-tght a.active:before,
            .btn-tght a:hover:before { opacity: 1; visibility: visible }
.form-dk-ht .note { font-size: 14px; font-style: italic; display: block; margin-bottom: 30px }
.form-regis-ht .form-group { margin-bottom: 15px; width: 49%; float: left }
    .form-regis-ht .form-group.mgl { margin-left: 2% }
    .form-regis-ht .form-group.mgb { margin-bottom: 25px }
    .form-regis-ht .form-group.w-100 { width: 100% }
.form-regis-ht label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 5px }
    .form-regis-ht label.error { color: red; font-size: 12px; font-weight: 400; position: absolute; top: 0; right: 0 }
    .form-regis-ht label span { color: red; margin-left: 3px }
.form-regis-ht input { border: 1px solid #e0e0e0; height: 38px; padding: 0 8px; width: 100% }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 }
.form-regis-ht > div { display: block; overflow: hidden }
.form-regis-ht button { margin-left: 0 }
.list-dvtg { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px }
    .list-dvtg .item { border: 1px solid #d0d0d0; height: 96px; display: flex; align-items: center; justify-content: center }
        .list-dvtg .item a { display: block; display: flex; align-items: center; justify-content: center }
        .list-dvtg .item img { max-width: 100% }
        .list-dvtg .item:hover { border: 1px solid #e93636 }
.dvtg h1,
.tva h1 { font-size: 22px; text-transform: uppercase }
.list-tva { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 30px }
    .list-tva .item { background-color: #ededed }
        .list-tva .item img { max-width: 100% }
    .list-tva .text { background-color: #ededed; padding: 20px 5px }
    .list-tva h3 { margin-bottom: 0; font-weight: 400; text-align: center; font-size: 14px }
    .list-tva .item .img { height: 202px; overflow: hidden }
        .list-tva .item .img img { width: 100%; min-height: 100%; object-fit: cover }
    .list-tva .video .img:before { width: 45px; height: 45px; background-image: url(../images/ic-play.png); content: ''; position: absolute; background-size: 100% 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.form-search-dt form { display: flex }
.form-search-dt input { height: 36px; border: 1px solid #d0d0d0; width: calc(100% - 415px); padding-left: 8px; font-size: 14px }
.form-search-dt select { height: 36px; border: 1px solid #d0d0d0; font-size: 14px; width: 150px; margin-left: 5px; padding-left: 8px }
.form-search-dt button { font-size: 14px; background-color: #035192; border: 1px solid #035192; height: 36px; width: 100px; margin-left: 5px }
    .form-search-dt button:hover { background-color: #fff; color: #035192 }
.form-search-dt { margin-bottom: 20px }
.table-dt table { width: 100%; border-collapse: collapse }
.table-dt tr td,
.table-dt tr th { font-size: 14px; border: 1px solid #d0d0d0; padding: 14px 9px; text-align: left }
    .table-dt tr td:nth-of-type(1),
    .table-dt tr td:nth-of-type(3),
    .table-dt tr td:nth-of-type(4),
    .table-dt tr td:nth-of-type(6),
    .table-dt tr td:nth-of-type(7),
    .table-dt tr th:nth-of-type(1),
    .table-dt tr th:nth-of-type(3),
    .table-dt tr th:nth-of-type(4),
    .table-dt tr th:nth-of-type(6),
    .table-dt tr th:nth-of-type(7) { text-align: center }
.table-dt tr th { background-color: #f8f8f8; white-space: nowrap }
.table-dt tr td { padding: 14px 10px }
a.btn-regis { display: table; margin: 0 auto }
.table-dt { margin-bottom: 25px }
.detail-gth p { font-size: 14px; margin-bottom: 20px; line-height: 1.5 }
.detail-gth h3 { font-size: 20px; line-height: 1.6; margin-bottom: 20px }
.detail-gth h4 { font-size: 16px; margin-bottom: 20px }
.detail-gth p:last-child { margin-bottom: 0 }
.detail-gth img { max-width: 100% }
.list-mn-bch p.name { margin-bottom: 12px; font-size: 16px; text-transform: uppercase; color: #035192 }
.list-dsbch { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px }
    .list-dsbch .item { display: flex }
.list-mn-bch { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0 }
.list-dsbch .item .img { width: 130px }
    .list-dsbch .item .img img { max-width: 100% }
.list-dsbch .item .text { width: calc(100% - 130px); padding-left: 12px }
    .list-dsbch .item .text p { margin-bottom: 6px; font-size: 13px }
.list-mn-bch:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
.alit-gth { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px }
    .alit-gth img { max-width: 100% }
    .alit-gth .item { border: 1px solid #d0d0d0; padding: 10px 10px 17px 10px }
        .alit-gth .item .img { margin-bottom: 13px; overflow: hidden }
        .alit-gth .item h3 { margin-bottom: 13px; font-size: 18px }
        .alit-gth .item p { margin-bottom: 0; line-height: 1.6; font-size: 14px; max-height: 43px; overflow: hidden }
        .alit-gth .item .text { height: 120px }
    .alit-gth .see-more { font-size: 14px; position: absolute; bottom: 0; left: 0; padding-right: 18px; color: #035192; background-image: url(../images/ic-right-blue.png); background-position-y: center; background-position-x: 100%; background-repeat: no-repeat }
        .alit-gth .see-more:hover { color: #e93636 }
.tntt1 tr td:nth-of-type(4),
.tntt1 tr td:nth-of-type(6),
.tntt1 tr th:nth-of-type(4),
.tntt1 tr th:nth-of-type(6) { text-align: center }
.table-dt tr th.center { text-align: center }
.detail-tn.dt p.h-ic { background-image: url(../images/ic-br-2.png) }
.detail-tn.dt .price { background-position-y: -107px }
.detail-tn.dt .days { background-position-y: -34px }
.detail-tn.dt .teach { background-position-y: -72px }
.list-hv .text .note p:last-child { margin-bottom: 0 }
.form-serch-doc input::placeholder { color: #6f6f6f; font-size: 14px }
.popup-vd .bgblack { z-index: 102; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .8) }
.popup-vd { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; display: flex }
    .popup-vd.active { opacity: 1; visibility: visible; pointer-events: all }
    .popup-vd .ifr-tv { z-index: 103; position: relative; width: 900px; height: initial; margin: auto; top: 0; max-width: calc(100% - 30px); z-index: 103; position: relative }
        .popup-vd .ifr-tv video { width: 100%; height: 100% }
        .popup-vd .ifr-tv iframe { width: 100%; height: 506px; border: none }
    .popup-vd .close-pu { right: 20px; top: 20px; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; -webkit-transition: all .2s ease-in-out; position: absolute; z-index: 1000 }
        .popup-vd .close-pu:after,
        .popup-vd .close-pu:before { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out }
        .popup-vd .close-pu:before { transform: rotate(45deg) }
        .popup-vd .close-pu:after { transform: rotate(-45deg) }
.list-div-news img,
.list-kthi-mn .img img,
.slide-images .img img { width: 100%; min-height: 100%; object-fit: cover; max-width: initial }
.list-div-news .item .img { height: 145px; overflow: hidden }
.img a { height: 100% }
.share-news { display: flex }
ul.menu-top > li:hover > .sub-menu { transform: translate(0); opacity: 1; visibility: visible }
.sub-menu { position: absolute; display: block; width: 250px; background-color: #fff; list-style-type: none; padding: 0; margin: 0; top: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); transform: translateY(-10px); }
    .sub-menu li { position: relative }
.sub-menu_2 { position: absolute; top: 0; left: 100%; box-shadow: 3px 3px 6px rgba(0, 0, 0, .2); transform: translateY(5px) }
.sub-menu li:hover .sub-menu_2 { opacity: 1; visibility: visible; transform: translate(0) }
.sub-menu li a { line-height: 24px; padding: 5px 15px; display: block }
    .sub-menu li a:hover { background-color: #4267b2 }
.list-dvtg .item { height: 100px; overflow: hidden }
.alit-gth .item .p { margin-bottom: 0; line-height: 1.6; font-size: 14px; max-height: 43px; overflow: hidden }
.sm-lst-iv { background: #e2e2e2; display: flex; justify-content: center; padding: 8px 0 }
    .sm-lst-iv a { font-size: 14.65px; font-weight: 600; text-transform: uppercase; background: #fff; margin-right: 6px; color: #333; padding: 6px 18px; border-radius: 5px }
    .sm-lst-iv .tth1-ct { display: flex }
        .sm-lst-iv .tth1-ct h1 { font-size: 18px; margin: 0 10px 0 0 }
            .sm-lst-iv .tth1-ct h1 span { color: #4267b2 }
        .sm-lst-iv .tth1-ct > span { font-size: 14px }
.left-list { padding: 30px 0 }
    .left-list .next { margin-bottom: 15px }
    .left-list .item-new { margin-bottom: 10px }
        .left-list .item-new h3,
        .left-list .item-new h3 a { font-size: 16px; color: #4267b2 }
        .left-list .item-new ._desc p { font-size: 13px }
        .left-list .item-new .time-bd { font-size: 14px }
.lg-backdrop.in { opacity: .85 }
.fixed-size.lg-outer .lg-inner { box-shadow: 0 0 10px #02813a; border-radius: 10px; overflow: hidden; z-index: 999 }
.fixed-size.lg-outer .lg-sub-html { position: absolute; text-align: left }
.fixed-size.lg-outer .lg-toolbar { background-color: transparent; height: 0 }
    .fixed-size.lg-outer .lg-toolbar .lg-icon { color: #fff }
.fixed-size.lg-outer .lg-img-wrap { padding: 12px }
.lg-toolbar .lg-close:after { content: "\f00d" !important; font: normal normal normal 14px/1 FontAwesome; font-size: 20px }
.lg-actions .lg-next,
.lg-actions .lg-prev { color: #fff !important; border: 1px solid #4267b2 !important; background: #4267b2 }
    .lg-actions .lg-next:before { content: "\f101" !important; font: normal normal normal 14px/1 FontAwesome; font-size: 20px }
    .lg-actions .lg-prev:after { content: "\f100" !important; font: normal normal normal 14px/1 FontAwesome; font-size: 20px }
.lg-backdrop { background: #000000d9; z-index: 9999 }
.lg-outer { z-index: 99999 }
.radio-custom input { opacity: 0; position: absolute; z-index: 99; margin: 4px 0 0 2px }
.radio-custom input,
.radio-custom label { display: inline-block; vertical-align: middle; cursor: pointer }
.radio-custom label { position: relative }
.radio-custom input + label:before { content: ''; background: #fff; border: 1.5px solid #000; display: inline-block; vertical-align: middle; width: 15px; height: 15px; text-align: center }
.radio-custom input + label:before { border-radius: 0 }
.radio-custom input:checked + label:before { background: #4267b2; box-shadow: inset 0 0 0 4px #fff; border: 1px solid #4267b2 }
.radio-custom input:focus + label:before { border: 1px solid #4267b2 }
.lds-ellipsis { display: inline-block; position: absolute; width: 80px; height: -webkit-fill-available; left: 125px }
    .lds-ellipsis div { position: absolute; top: 15px; width: 10px; height: 10px; border-radius: 50%; background: #e93636; animation-timing-function: cubic-bezier(0, 1, 1, 0) }
        .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 .6s infinite }
        .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 .6s infinite }
        .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 .6s infinite }
        .lds-ellipsis div:nth-child(4) { left: 52px; animation: lds-ellipsis3 .6s infinite }

@keyframes lds-ellipsis1 {
    0% { transform: scale(0) }
    100% { transform: scale(1) }
}

@keyframes lds-ellipsis3 {
    0% { transform: scale(1) }
    100% { transform: scale(0) }
}

@keyframes lds-ellipsis2 {
    0% { transform: translate(0, 0) }
    100% { transform: translate(24px, 0) }
}

.alrt-contact { background: #10ca04; color: #fff !important; display: block; font-size: 14px; padding: 5px 15px; margin: 10px; border-radius: 3px }
.text-mid-ct .desc > b { display: block; font-size: 14px; margin-bottom: 10px }
.text-mid-ct .desc { font-size: 14px; margin-bottom: 20px; line-height: 24px }
.popup-login { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000c4; z-index: 9999 }
.wrapper-login { width: 558px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f1f1f1; max-width: calc(100% - 20px) }
    .wrapper-login .tab-content { padding: 30px; overflow: hidden }
        .wrapper-login .tab-content > div.active { display: block }
    .wrapper-login .nav-tab { overflow: hidden }
        .wrapper-login .nav-tab a { background: #fff; line-height: 58px; font-size: 18px; text-align: center; display: block; width: 50%; float: left }
        .wrapper-login .nav-tab.nav-tab-full a { width: 100% }
        .wrapper-login .nav-tab a.active { color: #4267b2; border-bottom: 2px solid #4267b2; border-right: 1px solid #dadada }
        .wrapper-login .nav-tab a:nth-child(2).active { border-right: 0; border-left: 1px solid #dadada }
.header-right .icon span { position: absolute; top: -17px; right: -10px; width: 22px; height: 22px; line-height: 22px; background: #e52023; text-align: center; border-radius: 50% }
.from-login .form-group { display: flex; align-items: center; position: relative; margin-bottom: 15px }
    .from-login .form-group a { position: absolute; top: 0; right: 0; line-height: 38px; background: #05b1f1; padding: 0 10px; border-radius: 0 3px 3px 0 }
    .from-login .form-group label:not(.error) { width: 20%; float: left; margin: 0; font-size: 14px }
.from-login.frm-edit .form-group label:not(.error) { width: 16% }
.from-login .form-group label:not(.error) > span.text { color: silver; font-size: 11px }
.from-login .form-group label.error { font-size: 14px; color: red; margin-bottom: 0 }
.note-register { margin-left: 10px; font-size: 14px }
.contact { margin-bottom: 20px }
.form-radio .grid-contact .radio-inline { display: flex; align-items: center; margin-right: 22px }
.from-login .form-group > ._input { width: calc(80% - 10px); float: left; font-size: 14px; margin-left: 10px }
.from-login.frm-edit .form-group > ._input { width: 49% }
.from-login .form-group > ._input._select { display: flex }
    .from-login .form-group > ._input._select select { width: calc(100%/3 - 6px); margin-right: 9px; font-size: 14px; height: 40px; border: 1px solid #ccc; padding: 0 6px; border-radius: 5px }
.purg-lft .from-login .form-group > ._input._select select { background: url(../images/bg-select.jpg) no-repeat; width: 150px; background-position: center right; appearance: inherit }
.purg-lft .form-group label span { color: #da2032; padding-left: 2px }
.from-login .form-group > ._input._select select:last-child { margin-right: 0 }
.from-login .form-group input { width: 100%; height: 40px; font-size: 14px; border: 1px solid #ccc; padding: 0 10px }
    .from-login .form-group input::placeholder { font-size: 14px }
.from-login .form-group.form-radio input { width: 15px; height: 15px; margin-right: 5px; opacity: 1; top: 0; left: 0 }
    .from-login .form-group.form-radio input + span { display: block; margin-left: 7px }
.from-login > span { width: 80%; float: right; display: block; margin-bottom: 15px; font-size: 12px }
    .from-login > span a { color: #006abf }
.from-login button { background: #4267b2; height: 41px; border-radius: 3px; border: initial; width: 80%; float: right; margin-bottom: 10px }
.login-taget { width: 80%; float: right }
.from-login .form-group.form-date input { background: #fff url(../images/bg-select.jpg) no-repeat; background-position: center right; width: calc(80%/3 - 7px) }
    .from-login .form-group.form-date input:nth-child(3) { margin: 0 10px }
.wrapper-login .checkbox label { width: 80%; float: right; display: flex; margin-bottom: 20px }
.wrapper-login .checkbox input { border: 1px solid #a7a7a7; width: 22px; height: 22px; border-radius: 1px; margin-right: 10px }
.close-login:before { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; cursor: pointer; position: absolute; width: 28px; height: 28px; border-radius: 50%; top: -17px; right: -15px; background-position: -70px -52px; box-shadow: 0 0 7px #000; background: #fff; line-height: 28px; text-align: center; font-size: 18px; color: #4267b2 }
.radio-inline { display: block; position: relative; padding-left: 24px; margin-right: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; text-transform: uppercase; font-size: 14px }
    .radio-inline input { position: absolute; opacity: 0; cursor: pointer }
.alrt-change,
.alrt-cmt,
.alrt-contact,
.alrt-login,
.alrt-rate,
.alrt-regis { clear: both; text-align: center; color: red; margin-bottom: 10px; display: inline-block }
.text-success { color: #3c763d }
.slide-check { display: flex; margin-right: 15px; cursor: pointer }
    .slide-check .icon { margin-right: 15px }
.pop_sub-login { position: absolute; top: calc(100% + 17px); background: #fff; z-index: 99; padding: 11px; width: 253px; right: 50%; transform: translateX(50%); box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius: 5px; display: none }
.sub-logined a { display: block; padding: 7px 0 7px 5px; border-bottom: 1px solid #cdcdcdcd; position: relative }
    .sub-logined a:hover { text-decoration: initial !important; background-color: #006abf; color: #fff }
.pop_sub-login:before { content: ''; display: block; position: absolute; top: -20px; border: 10px solid transparent; border-bottom-color: #fff; left: calc(50% - 10px) }
.from-login .form-group label.checkbox_acc { margin-left: 20%; width: 80% }
.from-login.frm-edit .form-group label.checkbox_acc { margin-left: 17%; width: 49% }
.purg-lft .form-group input { height: 37px; border: 1px solid #dbdbdb; padding-left: 8px; font-size: 14px; color: #333 }
.radio-inline input:checked ~ .checkmark { border: 1px solid #ccc }
.checkbox_acc.radio-inline .checkmark { border-radius: 0 !important; background: #fff; position: absolute; top: 0; left: 0; border: 1px solid #ccc; width: 18px; height: 18px }
.radio-inline input:checked ~ .checkmark { border: 1.1px solid #ed1b24 }
    .radio-inline input:checked ~ .checkmark:after { display: block }
.purg-lft .form-group.account-1 label { width: auto; font-weight: 400; text-transform: none }
.account-1 .radio-inline .checkmark:after { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; width: 0; height: 0; top: 1px; left: 1px; font-size: 14px }
.infaccc-ct { overflow: hidden; display: grid; grid-template-columns: repeat(4, 1fr); padding: 30px 0 50px; gap: 30px }
.infac-rght { grid-column: 2/5; grid-row: 1/1 }
.purg-lft button { background: #e93636; border: initial; font-weight: 700; font-size: 14px; margin-left: 0; padding: 7.5px 0; margin-bottom: 15px; text-transform: uppercase; width: 150px; float: left }
.iteminacc_user { display: flex; align-items: flex-end; margin-bottom: 20px }
    .iteminacc_user .img-itemacc { margin-right: 10px }
    .iteminacc_user p { margin-bottom: 0 }
.user-info .iteminacc { line-height: 24px; padding: 5px 8px; border-bottom: 1px dashed #ccc }
    .user-info .iteminacc.active { background-color: #d0d0d0 }
.tab-content_notification { text-align: center; padding: 20px 0 }
.iIUmpa .message { margin: 20px 0; color: rgba(0, 0, 0, .65) }
.iIUmpa .back { width: 190px; border-radius: 4px; color: #4a4a4a; font-size: 14px; background-color: #fdd835; display: block; padding: 10px 30px; margin: auto }
.title-h2 h2 { font-size: 18px; font-weight: 400; margin-bottom: 15px }
section.notfound.success.confirm-desc { background: #eee; padding: 100px 0; color: #039211 }
    section.notfound.success.confirm-desc p { font-size: 17px; text-transform: uppercase; font-weight: 700; color: #039211 }
a.backtoindex { background: #035192; padding: 7px 20px; margin: 10px 0 0; display: inline-block; font-size: 14px }
.map iframe { width: 100%; height: 530px }
.id-contact-ct { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 40px; padding-bottom: 40px }
.cont-right .form-cont { margin-bottom: 10px }
    .cont-right .form-cont label.error { color: #ff5050; font-size: 13px }
.id-contact-ct .btn-xct { padding: 10px 20px; background: #1e5da3; border: 1px solid #1e5da3; font-weight: 600; position: relative; border-radius: 3px; z-index: 0 }
    .id-contact-ct .btn-xct i { font-size: 18px; padding-left: 8px }
    .id-contact-ct .btn-xct:hover { color: #1e5da3 }
.btn::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background: #1e5da3; width: 0; z-index: -1; border-radius: 3px }
.btn:hover::before { width: 100%; background: #fff }
.map { margin-bottom: -4px }
.tit-cont { color: #1e5da3; font-size: 16px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px }
.alrt-contact { text-align: center; display: table; background: #fff !important; padding: 80px 100px 40px; margin: 10px auto; grid-column: 1/3; color: #039211 !important; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 20px rgba(0, 0, 0, .3); border-radius: 3px; font-size: 16px; text-transform: uppercase; font-weight: 700 }
    .alrt-contact:before { content: "\f058"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 10px; font-size: 50px; color: #28a745; left: 50%; transform: translateX(-50%) }
.cont-la p { font-size: 14px; font-weight: 300; position: relative; margin-bottom: 22px }
    .cont-la p:last-child { margin-bottom: 0 }
.sm-cont .cont-la p:nth-of-type(1)::before { background: url(../imgs/address-r.png) no-repeat; width: 21px; height: 29px; top: -4px }
.sm-cont .cont-la p:nth-of-type(2)::before { background: url(../imgs/ic-phone-r.png) no-repeat; width: 23px; height: 23px }
.sm-cont .cont-la p:nth-of-type(3)::before { background: url(../imgs/fax-r.png) no-repeat; width: 20px; height: 20px }
.sm-cont .cont-la p:nth-of-type(4)::before { background: url(../imgs/ic-mail-r.png) no-repeat; width: 22px; height: 16px }
.sm-cont .cont-la p:nth-of-type(5)::before { background: url(../imgs/web-r.png) no-repeat; width: 23px; height: 27px; top: -4px }
.sm-cont .cont-la p { font-weight: 500; color: #000 }
.sm-cont .cont-right .form-cont .form-control { background: #fff }
.form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out }
.cont-right .form-group { margin-bottom: 10px; position: relative }
.cont-right textarea { height: 120px }
.cont-right .form-group label.error { display: block; position: absolute; top: 2px; right: 5px; font-size: 12px; color: red }
#aniimated-thumbnials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px }
    #aniimated-thumbnials a { height: 100%; max-height: 200px }
        #aniimated-thumbnials a img { width: 100%; min-height: 100%; object-fit: cover }
.error-cap { color: #e93636; font-size: 14px; float: right }
#change_capcha { position: absolute; top: 11px; right: -20px }
.en-look img { margin-left: 10px }
.backToTop { position: fixed; bottom: 30px; right: 30px; z-index: 1000 }
    .backToTop.active { opacity: 1; visibility: visible }
    .backToTop a { overflow: hidden; text-decoration: none; font-size: 35px; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #035192; border-radius: 50%; color: #fff; line-height: 1 }
    .backToTop:hover i { animation: fadeInUp 1s infinite }
body.over { overflow: hidden }
.account-1 .radio-inline .checkmark:after,
.bg-black,
.form-regis-ht .regis-business,
.head-top .right .login > div i,
.ic-search-mobile,
.list-div-news .item .text p,
.menu-footer a:last-child:before,
.pop_sub-login,
.popup-login,
.tog-show-sub,
.touch-menu,
.wrapper-login .tab-content > div,
ul.menu-top > li:last-child:before { display: none }
.form-regis-sh label.error,
.hidden { display: none !important }
.backToTop,
.btn-tght a:before,
.popup-vd,
.sub-menu,
.sub-menu_2 { opacity: 0; visibility: hidden }
    .banner .slider .text p,
    .btn-tcph:hover,
    .btn-tght a.active,
    .btn-tght a:hover,
    .form-regis-ht button,
    .form-regis-sh button,
    .form-search-dt button,
    .form-serch-doc form button,
    .from-login .form-group a,
    .from-login button,
    .head-top .left,
    .head-top .left a,
    .head-top .right,
    .head-top .right .login > div,
    .header-right .icon span,
    .id-contact-ct .btn-xct,
    .knph a,
    .knph a span,
    .list-tlsk p.name,
    .menu-footer a,
    .next-libimg,
    .popup-vd .close-pu,
    .prev-libimg,
    .purg-lft button,
    .slide-news-tn .item h3 a,
    .social a:hover,
    .sub-menu li a:hover,
    .table-rg .item span,
    a.backtoindex,
    a.btn-regis { color: #fff }
.backToTop,
.body-form > a img,
.btn-tcph,
.btn-tght a:before,
.btn::before,
.form-regis-ht button,
.form-regis-sh button,
.form-search-dt button,
.form-serch-doc form button,
.list-div-news img,
.list-dvtg .item,
.list-kthi-mn .img img,
.popup-vd,
.slide-images .img img,
.social a,
.sub-menu,
.sub-menu_2,
.table-rg .item span,
a.btn-regis { transition: .25s linear }
    .alit-gth .item .text,
    .banner,
    .banner .slider .item,
    .btn-click,
    .btn-tght a,
    .f-right form,
    .form-regis-ht .form-group,
    .form-regis-ht button,
    .form-regis-sh .form-group,
    .form-regis-sh button,
    .head-top .right .a,
    .head-top .right .register,
    .list-kthi,
    .list-tlsk .item,
    .list-tva .item .img,
    .menu-footer a,
    .note-rg-gh p,
    .popup-vd .ifr-tv,
    .slide-images,
    .slide-mem,
    .tit-h2-row,
    .tit-h2-row h2,
    .tit-h2-see > a,
    .video-clip .item .img,
    .video-r .img,
    a.btn-regis,
    header,
    header .hb-top,
    header .head-bot,
    ul.menu-top > li { position: relative }
.qc-ct img { width: 100%; height: initial; }
.slide-images .cl-action { position: absolute; top: 0; right: 0; left: 0; z-index: 100 }
#toc_container{background: #edf6ff;border: 1px solid #aaa;padding: 20px 20px;margin-bottom: 1em;width: fit-content;}p.toc_title,ul.toc_list {margin: 5px;padding-left: 0;}.toc_list li {list-style: none;margin-top: 0px; margin: 0!important;}
#toc_container a {text-decoration: none;text-shadow: none;color: #035192;font-weight: 555;}
#toc_container a:hover {color: #37a3fb;text-decoration: underline;}span.accordion{cursor: pointer;}div.panel {padding: 0 20px;max-height: 0;overflow: hidden;opacity: 0;}div.panel.show {opacity: 1;max-height:fit-content;}