header {
    background: #fff;
    /* border-bottom: 2px solid #0063af;*/
    padding: 12px 0 !important;
}

hr {
    border-color: #000;
}

#navbar-content {
    /*padding: 10px 0;*/
    s
}

#logo {
    /*width: 170px;*/
}

.navbar-nav {
    background: #fff;
    padding: 5px 0 0 0;
}

.navbar {
    margin-bottom: 1px;
}

.is--fixed {
    padding-top: 0.2%;
}

.ButtonDangky {}

.ButtonDangky a {
    background-color: #e20000;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.ButtonDangky a:hover {
    background-color: #ac0000;
    color: #fff;
}

.footer {
    background-color: #0063cd;
    color: #fff;
    padding: 2% 0 !important;
    font-size: 14px;
    margin: 0% 0 0;
}

.footer a {
    color: #fff;
}

.menuHeader {
    padding: 10px 0 0 0;
}

.nopadding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.content {
    background: #fff url("../image/components/banner-logo/banner.jpg") no-repeat scroll center 0;
    padding: 33% 0 0;
    background-size: 100% auto;
    /*border-top: 2px solid #0063af;*/
    margin: 0;
}

.imgBackWhite {
    background-color: #fff;
}

.clockDangKy {
    background: #fff none no-repeat scroll center 0;
    background-size: 100% auto;
}

.clockDangKy .noidung {
    margin: 2% auto !important;
}

.clockDangKy .noidung .left {
    padding: 0 0.7% 0 0;
}


.clockDangKy .noidung .left .title {
    background: #0063cd none no-repeat scroll center 0;
    padding: 0.5% 0;
    text-align: center;
    margin: 0 0 3%;
}

.clockDangKy h4 {
    color: #ecf30f;
    font-weight: bold;
}

.clockDangKy .noidung .left .detail {
    text-align: left;
}

.clockDangKy .noidung .left .detail .xettuyen {
    width: 100%;
    color: #f67f39;
    text-align: center;
    font-weight: bold;
}

.clockDangKy .noidung .left .detail ul.bullet-red {
    padding: 0 0 0 3.5% !important;
}

.clockDangKy .noidung .right {
    background: #0063cd none no-repeat scroll center 0;
    text-align: center;
    color: #fff;
    padding: 0 3%;
}

.clockDangKy .noidung .right .title {
    background: #0063cd none no-repeat scroll center 0;
    padding: 0.5% 0;
    text-align: center;
}

.clockDangKy .noidung .right form {
    margin: 2% 0;
}

.clockVideo {
    background: #fff url("../image/components/bao-chi-noi-ve-hutech.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    height: auto;
    padding: 57% 0 0 !important;
}

.textinput {
    margin: 0 0 9px 0;
}

.btn-dangky {
    font-size: 20px;
    color: #000;
    margin: 0 0;
    padding: 5px 40px;
}

.btn-yellow {
    background: #FDED13;
    border: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #000;
    margin-top: 1%;
}

.btn-red {
    background: #e10000;
    border: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-red a {
    color: #fff !important;
}

.btn-yellow:hover,
.btn-yellow:focus {
    background: #FCFFB1;
    color: #000;
}

.btn-red:hover,
.btn-red:focus {
    background: #ac0000 !important;
}

.navbar-nav > li {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    float: left;
}

.clockVideo iframe {
    margin: 0 0 4%;
    width: 25%;
    height: 200px;
}

.text-bold {
    font-weight: bold;
}

.dangkybanner {
    background-color: #e10000;
    width: 281px;
    height: 57px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 3%;
    line-height: 42px;
}

.dangkybanner:hover {
    background-color: #b70000;
    color: #fff;
}

.clockButtonDangky {
    background: #1e5ce0 url("../image/components/moi-truong/banner-dang-ky.jpg") no-repeat scroll center 0;
    background-size: 100%;
    padding: 0;
}

.clockButtonDangky a {
    background-color: #e20000;
    width: 281px;
    height: 57px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 42px;
}

.clockButtonDangky a:hover {
    background-color: #ac0000;
    color: #fff;
}

.blockTaiSaoChon {
    background: #fff url("../image/components/back-hethongthinghiem.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    height: auto;
    text-align: center;
    width: 100%;
    display: inline-flex;
}

.blockTaiSaoChon .noidung {}

.clockTaiSaoChon .text {
    color: #fff;
    padding: 0 10px;
    text-align: center;
}

a.circle-service {
    margin: 0 12px 5px 0;
    padding: 0;
    border: 0;
}

a.circle-service img {
    cursor: default;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.circle-service:hover {
    background: black;
}

a.circle-service:hover img {
    opacity: 0.7;
}

.block {
    width: 100%;
    /*padding: 3% 0 0%;*/
    display: table;
}

.blockContent {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

.titleblock {
    font-size: 50px;
    color: #ff7644;
    padding: 10px 0;
    width: 100%;
    text-align: center;
}

.titlecontent {
    font-size: 155%;
    text-transform: uppercase;
    color: #e10000;
    width: 100%;
    text-align: center;
}

.blockLienHe {}

.blockLienHe a {
    color: #000;
}

.blockLienHe h3 {
    font-size: 24px;
}

.blockhinhanh {}

.blockhinhanh div {
    padding: 0;
    text-align: center;
    margin: 0 0 6px 0;
}

.blockhinhanh a {
    margin: 0;
}

.blockhinhanh a.circle-service {
    border-radius: 0;
}

/*
.blockDoiTuong {
    padding: 2% 7%;
    text-align: justify;
    background: #fff;
}

.blockDoiTuong table {
    width: 100%;
    border: 1px solid #ccc;
}

.blockDoiTuong tbody tr.group {
    background: #ffffe3;
}

.blockDoiTuong tbody,
tr,
td,
th {
    padding: 5px;
    border: 1px solid #ccc;
}

.blockDoiTuong table th {
    background: #268bff;
    text-align: center;
    color: #fff;
}

.blockDoiTuong .box-header {
    padding: 0 0 2%;
}

.blockDoiTuong .box-header a {
    background: #f40000 none repeat scroll 0 0;
    padding: 2% 10% 1% 3%;
    color: #fff;
    text-decoration: none;
    cursor: default;
}

.blockDoiTuong .box-content {
    background: #e4fcfc none repeat scroll 0 0;
    padding: 2%;
    text-align: justify;
}

.blockSuHaiLong {
    padding: 2% 8.5%;
    text-align: justify;
}

.blockSuHaiLong .img1 {
    margin: 0 2% 0 0;
}

.blockSuHaiLong .img2 {
    margin: 0 0 0 2%;
}

.blockSuHaiLong .block1 {
    background: #fffee2 none repeat scroll 0 0;
}

.blockSuHaiLong .block2 {
    background: #e4fcfc none repeat scroll 0 0;
}

.blockSuHaiLong .text {
    padding: 2%;
}

.blockDoiTac {
    padding: 2% 7%;
}
*/

/* ------------------ */
.content .noidung {
    width: 1000px;
    margin: 0 auto;
}

@media (max-width: 1000px) {
    body {
        font-size: 14px;
    }

    .block {
        padding: 10px 0 10px;
    }

    .blockLyDo .noidung,
    .blockContent {
        width: 100% !important;
    }

    .titleblock,
    .titlecontent,
    .clockButtonDangky a {
        font-size: 120% !important;
    }

    .blockDangkyTop {
        font-size: 100% !important;
        padding: 0;
    }

    .clockButtonDangky a {
        width: 20%;
        height: auto;
        padding: 0;
    }

    .clockVideo iframe {
        margin: 0 0 1%;
        height: auto;
    }



}

.blockCoHoi {
    background: #fff none no-repeat scroll center 0;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
}

.blockCoHoi .noidung {
    margin: 2% auto;
}

.blockLyDo {
    background: #fff url("../image/components/backlydo.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
}

.blockLyDo .noidung {
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    width: 58%;
}

.list-group-item {
    border: 0;
}

.label-green {
    background-color: #04a684;
    font-size: 100%;
    margin: 0 1% 0 0;
}

a.circle-service-cohoi {
    margin: 0 1px 6px;
    padding: 0;
    border: 0;
}

a.circle-service-cohoi img {
    cursor: default;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.circle-service-cohoi:hover {
    background: black;
}

a.circle-service-cohoi:hover img {
    opacity: 0.7;
}

.nganhmon {
    margin: 2% 0 0 0;
    text-align: left;
}

.nganhmon .title2 {
    padding: 2% 0;
    text-align: center;
    background-color: #04a684;
    color: #fff;
    font-weight: bold;
}

.bullet-red {
    color: red;
    display: inline-block;
    height: 5px;
    padding: 5% 0 0 8%;
}

.bullet-red span {
    color: #000;
}

.blockDangkyTop {
    font-size: 155%;
    margin: 0 0 11% 25%;
    width: 20%;
    height: auto;
}

.bt-dangky a {
    background: #000;
}

.bt-dangky a:hover {
    background: #000;
}

.bt-dangky a:hover img {
    opacity: 0.7;
}

.mobile {
    display: none;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.w-50-1 {
    width: 50%;
}

.footer-right {
    text-align: right;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (max-width: 768px) {
    .footer-right {
        text-align: center;
    }

    .align-items-center {
        display: block;
    }

    .w-50-1 {
        width: auto !important;
    }

    .tongdiem {
        padding-right: 17px;
    }

    /*  body {
        font-size: 18px !important;
    }*/
    .wrap-zalo-qr {
        display: none;
    }

    .footer {
        font-size: 11px;
        /* margin-bottom: 190px;*/
    }

    .container {
        overflow: hidden !important;
    }

    .no-padding-left,
    .no-padding-right {
        padding: 0 !important;
    }



    .mobile {
        display: inherit !important;
    }

    .desktop {
        display: none !important;
    }

    .mobile-center {
        text-align: center !important;
    }

    .nganhnghe img {
        max-height: initial !important;
    }

    .nganhnghe .text {
        height: auto !important;
    }

    .nganhnghe .col-sm-6,
    .nganhnghe .col-sm-12 {
        padding: 8px;
    }

    .nganhnghe a {
        font-size: initial !important;
    }

    .mobile-content {
        background: #fff url(../image/components/banner-logo/banner.jpg) no-repeat scroll center 0;
        /*padding: 60px 0 0;*/
        background-size: 768px;
        margin: 0;
    }

    .mobile .sitename {
        font-size: 12px;
    }

    .mobile {
        height: 60px;
    }


    .content .noidung {
        width: 100% !important;
        padding: 10px 0px;
        font-size: 12px;
    }

    .noidung-block-note {
        text-align: justify !important;
        color: #0e5eba;
        font-size: 13px;
        text-align: center;
        margin: auto;
        float: none;
    }

    .BlockTable .br-table {
        border-right: 2px solid #fff;
    }

    .BlockTable .bb-table {
        border-bottom: 2px solid #fff;
        height: 50px;
    }

    .BlockTable .thead-c1 {
        width: 48%;
    }


    .BlockTable .container-radio {
        display: block;
        position: relative;
        /* padding-left: 35px; */
        margin-bottom: 25px;
        cursor: pointer;
    }



    /* The container */
    .BlockTable .container-radio {
        display: table-cell;
        position: relative;
        padding-left: 0px;
        margin-bottom: 25px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }



    /* Create a custom radio button */
    .BlockTable .checkmark {
        position: absolute;
        top: -5px;
        left: 0px;
        height: 10px;
        width: 10px;
        background-color: white;
        border-radius: 50%;
    }



    /* Style the indicator (dot/circle) */
    .BlockTable .container-radio .checkmark:after {
        top: 2px;
        left: 2px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: white;
    }

    /* Hide the browser's default radio button */
    .BlockTable .container-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* On mouse-over, add a grey background color */
    .BlockTable .container-radio:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .BlockTable .container-radio input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .BlockTable .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .BlockTable .container-radio input:checked ~ .checkmark:after {
        display: block;
    }

    .BlockTable .f-select {
        text-align: center;
    }

    .btn-xemketqua {
        padding: 20PX;
        font-size: 24px;
        background: #2196F3;
        border: 1px solid #2196F3;
        border-radius: 5px;
        color: #fff;
        padding: 10PX;
        padding-right: 20px;
        padding-left: 20px;
        font-family: GilroyBold;
    }

    .BlockNhom .block-title {
        width: 100%;
        height: 190px;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        background-size: 624px !important;
    }

    .BlockNhom .block-noidung-body {
        margin-top: 150px
    }

    .BlockNhom .block-noidung-r1 {
        margin-bottom: 40px;
        color: #fff;
        font-size: 12px;
        padding-top: 10px;
        text-align: justify;
    }

    .BlockNhom .block-title {
        width: 100%;
        height: 450px;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
    }

    .BlockNhom .block-noidung-body {
        width: 100%;
        height: 100%;
        display: table;
        padding-bottom: 55px;
    }

    .BlockNhom .block-noidung-r3 {
        padding-bottom: 40px;
        margin: auto;
        float: none;
    }

    .BlockNhom .block-noidung-r2 {
        font-family: GilroyBold;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 12px;
        color: white;
        position: relative;
        margin: auto;
        float: none;
        display: table;
    }

    .BlockNhom .block-noidung-r2-header {
        top: -25px;
        font-size: 13px;
        border-radius: 5px;
        position: absolute;
        text-align: center;
        padding-left: 14px;
        padding-right: 14px;
        left: 27%;
        padding-top: 7px;
        padding-bottom: 7px;
    }


    .BlockNhom .blockrowitem {
        padding-bottom: 35px;
    }

    .BlockNhom .nhom-r-body1 {
        /*padding-left: 55px;
        padding-right: 55px;*/
        margin: auto;
        float: none;
        margin-bottom: 40px;
        margin-top: 25px;
    }

    .BlockNhom .nhom-a-body1 {
        /* padding-left: 40px;
        padding-right: 40px;*/

        margin: auto;
        float: none;
        margin-top: 37px;
        margin-bottom: 40px;
    }

    .BlockNhom .nhom-r-body2 {
        border: 2px solid #ffd800;
    }

    .BlockNhom .r3-chon-nganh img {
        height: 50px;
    }

    .BlockNhom .r3-chon-nganh div {
        margin-bottom: 20px;
    }

    .blockMoiTruong .titleblock {
        text-align: center;
        font-size: 23px !important;
    }

    .blockMoiTruong .body-lienhe-2 {
        width: 75%;
        margin: auto;
    }

    #map {
        height: 200px;
        width: 100%;
    }
}

/*@media (max-width: 900px) {
    .nav > li > a {
        padding: 10px 8px;
    }

}*/

.BlockNhom {
    width: 100%;
    display: table;
    position: relative;
}

.BlockTable {
    padding-bottom: 40px;
}

.BlockTable thead,
tfoot {
    background: #e7e0c9;
}

.BlockTable tbody,
tr,
td,
th {
    padding: 5px;
    border: none;
}

.btn-change {
    background: #2196F3;
    border: 1px solid #2196F3;
    border-radius: 5px;
    color: #fff;
    padding: 10PX;
    padding-right: 35px;
}

.btn-change span {
    font-family: GilroyBold;
}

.btn-change:hover,
.btn-change:focus {
    color: #0063af;
    cursor: pointer;
    text-decoration: none;
}

.btn-xemketqua:hover,
.btn-xemketqua:focus {
    color: #0063af;
    cursor: pointer;
    text-decoration: none;
}

.tdiem {
    text-align: center;
    /* padding-right: 27px;*/
    font-family: GilroyBold;
}

.tcenter {
    text-align: center;
}

.title-text {
    font-family: GilroyBold;
    text-align: center;
    color: #2196F3;
}

.footer-text {
    font-family: GilroyBold;
    color: #000;
}

@media (min-width: 800px) {

    #map {
        height: 400px;
        width: 100%;
    }

    .BlockNhom .r3-chon-nganh div {
        margin-bottom: 30px;
    }

    .BlockNhom .r3-chon-nganh img {
        height: 55px;
    }

    .BlockNhom .nhom-r-body2 {
        border: 2px solid #ffd800;
    }

    .BlockNhom .nhom-r-body1 {
        /*padding-left: 90px;
        padding-right: 90px;*/
        margin: auto;
        float: none;
        margin-bottom: 40px;
        margin-top: 25px;
    }

    .BlockNhom .nhom-a-body1 {
        /*padding-left: 70px;
        padding-right: 70px;*/
        margin: auto;
        float: none;
        margin-top: 70px;
    }


    .BlockNhom .block-title {
        width: 100%;
        height: 450px;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
    }

    .BlockNhom .block-noidung-body {
        width: 100%;
        height: 100%;
        display: table;
        padding-bottom: 55px;
    }

    .BlockNhom .block-noidung-r3 {
        padding-bottom: 40px;
        margin: auto;
        float: none;
    }

    .BlockNhom .block-noidung-r2 {
        font-family: GilroyBold;
        padding-top: 40px;
        padding-bottom: 40px;
        border-radius: 12px;
        color: white;
        position: relative;
        margin: auto;
        float: none;
        display: table;
    }

    .BlockNhom .block-noidung-r2-header {
        top: -38px;
        font-size: 26px;
        border-radius: 12px;
        position: absolute;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
        left: 32%;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .BlockNhom .block-noidung-r1 {
        margin-bottom: 50px;
        color: #fff;
        font-size: 23px;
        padding-top: 30px;
        text-align: justify;
    }


    .BlockNhom .blockrowitem {
        padding-bottom: 35px;
    }

    /* The container */
    .BlockTable .container-radio {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 25px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


    /* Create a custom radio button */
    .BlockTable .checkmark {
        position: absolute;
        top: 0;
        left: 24px;
        height: 25px;
        width: 25px;
        background-color: white;
        border-radius: 50%;
    }

    /* Hide the browser's default radio button */
    .BlockTable .container-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* On mouse-over, add a grey background color */
    .BlockTable .container-radio:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .BlockTable .container-radio input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .BlockTable .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .BlockTable .container-radio input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .BlockTable .container-radio .checkmark:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

    .noidung-block-note {
        text-align: justify !important;
        color: #0e5eba;
        font-size: 22px;
        text-align: center;
        margin: auto;
        float: none;
    }

    .BlockTable .br-table {
        border-right: 7px solid #fff
    }

    .BlockTable .bb-table {
        border-bottom: 7px solid #fff;
        height: 80px;
    }

    .BlockTable .thead-c1 {
        width: 43%;
    }

    .btn-xemketqua {
        padding: 20PX;
        font-size: 35px;
        background: #2196F3;
        border: 1px solid #2196F3;
        border-radius: 5px;
        color: #fff;
        padding: 10PX;
        padding-right: 25px;
        padding-left: 25px;
        font-family: GilroyBold;
    }

    .BlockNhom .block-noidung-body {
        margin-top: 384px;
    }

    .tongdiem {
        padding-right: 36px;
    }
}

/*@media (max-width: 1000px) {


    .BlockNhom .block-noidung-body {
        margin-top: 56px;
    }
}

@media (min-width: 1200px) {


    .BlockNhom .block-noidung-body {
        margin-top: 259px;
    }
}*/