.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

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

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 98%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

.col-sm-3,
.col-md-3,
.col-xs-4,
.col-xs-6,
.col-xs-8,
.col-sm-9,
.col-xs-12,
.col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-4,
.col-xs-6,
.col-xs-8,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-4 {
    width: 33.33333333%;
}

@media (min-width: 768px) {

    .col-sm-3,
    .col-sm-9,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-3 {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .col-md-3 {
        float: left;
    }

    .col-md-3 {
        width: 25%;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn:focus,
.btn:active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* .btn:hover,
.btn:focus {
    color: #333;
    text-decoration: none;
} */

.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: auto;
}


.input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    /* background-color: #eee; */
    border: 1px solid #ccc;
    border-radius: 0;
}

.input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

@media (min-width: 768px) {
    .active {
        background-color: #fdec01;
        color: #fff;
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-inner>.active {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-control {
    display: none;
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    width: 3%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.left {
    /*
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
  */
}

.carousel-control.right {
    right: 0;
    left: auto;
    /*
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
  */
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \	;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right {
        margin-right: -15px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.container:before,
.container:after {
    display: table;
    content: " ";
}

.container:after {
    clear: both;
}

@media (max-width: 768px) {
    .d-md-inline-block-2 {
        display: inline-block !important;
    }
}

.mb-2 {
    margin-bottom: .5rem !important
}

/* ===== Relevant rules from my-style.css ===== */

.item {
    background: #fff;
    margin: 0 0 5px 0;
}

.nopadding {
    padding: 0 !important;
}

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

@media (max-width: 768px) {
    .content {
        width: 100%;
    }
}

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

.block {
    width: 100%;
    padding: 5px 0 0 0;
    display: flex;
}

.block-nopadding {
    width: 100%;
    display: flex;
}

.block-content {
    width: 100%;
    display: inline-block;
}

.content .noidung {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

@media (max-width: 1000px) {
    .block {
        padding: 1% 0 1%;
    }

    .content .noidung {
        width: 100% !important;
    }
}

.back-blue {
    background: #0063cd;
    color: #fff;
}

.back-white {
    background: #fff;
}

.back-yellow {
    background: #fcf23d !important;
}

.text-blue {
    color: #185dca;
}

.text-white {
    color: #fff;
}

.text-red {
    color: #f61b17;
}

.text-orange {
    color: #ff7023;
}

.back-orange {
    background: #ff7023;
}

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

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

.padding-right-5 {
    padding-right: 5px;
}

.fa-1-5 {
    font-size: 1.5em !important;
}

.fa-2 {
    font-size: 2em !important;
}

.title-line-right {
    position: relative;
    padding: 0 20px 0 0;
    display: inline-block;
}

.news-title {
    font-size: 15px;
    font-family: RobotoMedium;
    padding: 5px 0 0;
    display: block;
}

.des_news {
    margin: 0 0 10px 0;
    text-align: justify;
    color: #666;
}

#menumobile {
    display: none;
}

.wrap-back-to-top {
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 1;
}

.wrap-back-to-top:hover {
    opacity: 0.5;
}

.cd-top {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top img {
    width: 35px;
}

#ja-cssmenu {
    margin: 0;
    /* all lists */
    padding: 0;
    width: 100%;
}

#ja-cssmenu ul {
    margin: 0;
    /* all lists */
    padding: 0;
}

#ja-cssmenu li {
    margin: 0;
    /* all list items */
    padding: 0;
    /*float: left;
  		display: block;*/
    background: none;
    cursor: pointer;
    overflow: visible;
    text-align: center;
}

#ja-cssmenu li:hover {
    background: #07c2fa;
}

#ja-cssmenu li ul {
    background: none;
    position: absolute;
    /* second-level lists */
    z-index: 99;
    left: -999em;
    /* using left instead of display to hide menus because display: none isn't read by screen readers */
    height: auto;
}

#ja-cssmenu li.menu-child-horizontal ul {
    margin: -2px 0 0 calc(-321px);
    max-width: calc(1000px) !important;
}

#ja-cssmenu li ul ul {
    /* margin: -29px 0 0 20em; third-and-above-level lists */
    margin: -29px 0 0 calc(95%);
    /* width: calc(100%); */
    clear: both;
    display: inline-block;
    white-space: nowrap;
}

#ja-cssmenu li li {
    /*padding: 0 1em 0 0;*/
    padding: 0;
    margin: 0;
    text-align: center;
}

#ja-cssmenu ul a {
    width: 14.8em;
    width: 10.8em;
}

#ja-cssmenu li:hover ul ul,
#ja-cssmenu li:hover ul ul ul {
    left: -999em;
}

#ja-cssmenu li:hover ul,
#ja-cssmenu li li:hover ul,
#ja-cssmenu li li li:hover ul {
    left: auto;
}

.menu-title {
    display: block;
    cursor: pointer;
    font-size: 12px;
}

#ja-cssmenu li ul a {
    border-right: 0;
    border-left: 0;
    margin: 0;
    padding: 7px 15px;
    background: none;
    font-weight: normal;
    line-height: inherit;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:focus,
#ja-cssmenu li a:active {
    background: #1b212a;
    color: #fff
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:focus,
#ja-cssmenu li ul a:active {
    background: none;
    color: #fff;
}

#ja-cssmenu li a {
    color: #fff;
    /*padding: 7px 5px;*/
    padding: 3px 5px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    margin: 0;
    display: block;
    line-height: 2;
    text-decoration: none;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:focus,
#ja-cssmenu li a:active {
    background: transparent;
    color: #fff;
}

#menu-child-horizontal {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #006cb6 !important;
    min-width: calc(615px) !important;
}

#menu-child-horizontal li {
    float: left;
    width: 325px !important;
    height: 33px;
}

#menu-child-horizontal li a {
    padding: 7px 12px 7px 10px !important;
}

ul.table {
    display: table !important;
    table-layout: fixed !important;
}

ul.table li {
    display: table-cell !important;
}

ul.table li li {
    display: block !important;
}

ul.table.autoLayout {
    table-layout: auto !important;
}

ul.table.autoLayout li li a {
    width: auto !important;
    /*padding: 5px !important;*/
}

ul.table.autoLayout.absSubMenus li ul {
    /*width: auto !important;*/
    position: absolute !important;
    /*top: 100% !important;*/
    z-index: 99 !important;
    height: auto !important;
    table-layout: auto !important;
}

#ja-cssmenu li ul {
    background: none repeat scroll 0 0 #006cb6;
    padding: 2px;
    border: 0px;
    min-width: 120px;
}

#ja-cssmenu li ul a {
    padding: 7px 7px 7px 10px;
    width: auto;
    text-transform: none;
    color: #000;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:focus,
#ja-cssmenu li ul a:active {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul li {
    border-top: 1px solid #DEDBDB;
    background: none repeat scroll 0 0 #FFFFFF !important;
    text-align: left;
}

.w-full {
    width: 100%;
}

#btnsearch {
    border: 0px;
    background: none;
}

.input-group-addon {
    background: #0067b2;
    padding: 4px 8px;
    color: #fff;
}

.header-right-content {
    width: 370px;
    float: right;
    margin: 0 8px 0 0;
}

.header-right-content .inputbox {
    border: 0;
    border-radius: 5px 0 0 5px;
    height: 18px !important;
}

.header-right-content .form-control {
    padding: 0px 12px !important;
}

.header-right-content .input-group-addon {
    border-radius: 0 7px 7px 0;
    border: 0px;
    padding: 0px !important;
}

.icon_vn {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll left -133px transparent;
    height: 11px;
    width: 16px;
}

.icon_en {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -22px -133px transparent;
    height: 11px;
    width: 16px;
}

.menu-desktop {
    background: #0063cd;
    border-radius: 7px 7px 0 0;
    /*background: #0063cd;
  	background: -moz-linear-gradient(top, #0063cd 0%, #2989d8 50%, #207cca 51%, #0063cd 100%);
  	background: -webkit-linear-gradient(top, #0063cd 0%,#2989d8 50%,#207cca 51%,#0063cd 100%);
  	background: linear-gradient(to bottom, #0063cd 0%,#2989d8 50%,#207cca 51%,#0063cd 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063cd', endColorstr='#0063cd',GradientType=0 );*/
}


.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    overflow: hidden;
    zoom:1;}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-left,.media-right,.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.header-block {
    display: inline-flex;
    width: 100%;
    background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #f1f3f2));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    /* ie10+ */
    background: linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f3f2", endColorstr="#ffffff", GradientType=1);
    /* ie6-9 */
}

.content-block {
    margin: 0;
    padding: 5px 12px;
    border-radius: 5px;
    background: #fff;
    display: inline-block;
    width: 100%;
}

.block-content {
    margin: 0 0 5px 0;
    padding: 5px;
    border-radius: 5px;
    background: #fff;
}

.title-block {
    font-size: 15px;
    padding: 6px 0 0 10px;
    font-family: RobotoBold;
}
/* 
.icon-media {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -147px -150px transparent;
    height: 33px;
    width: 25px;
    margin: 0 0 0 15px;
}

.icon-media-play {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -745px -143px transparent;
    height: 32px;
    width: 40px;
    position: absolute;
    top: 26%;
    left: 43%;
    opacity: 0.7;
}

.icon-media-play:hover {
    opacity: 0.9;
} 

.icon-hoat-dong-sinh-vien {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -175px -145px transparent;
    height: 32px;
    width: 38px;
}

.icon-tin-tuyen-sinh {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -36px -146px transparent;
    height: 32px;
    width: 38px;
}

.icon-tin-hutech {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -73px -145px transparent;
    height: 32px;
    width: 38px;
}

.icon-lich-su-kien {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -214px -145px transparent;
    height: 32px;
    width: 38px;
}

.icon-he-thong-dao-tao {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll left -146px transparent;
    height: 32px;
    width: 37px;
}

.he-thong-dao-tao .iconchild {
    height: 30px;
    width: 34px;
    margin: 6px 10px 6px 12px;
}

.he-thong-dao-tao span {
    font-family: RobotoMedium;
}

.icon-he-thong-dao-tao-tien-sy {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -428px -144px transparent;
}

.icon-he-thong-dao-tao-thac-sy {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -465px -144px transparent;
}

.icon-he-thong-dao-tao-dai-hoc {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -502px -144px transparent;
}

.icon-he-thong-dao-tao-quoc-te {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -585px -144px transparent;
}

.icon-he-thong-dao-tao-chuan-nhat-ban {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -625px -144px transparent;
}

.icon-he-thong-dao-tao-lien-thong {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -660px -144px transparent;
}

.icon-he-thong-dao-tao-tu-xa {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -696px -144px transparent;
}

.icon-he-thong-dao-tao-chuan-han-quoc {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -654px -80px transparent;
}

.icon-tin-noi-bat {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -110px -146px #fff;
    height: 32px;
    width: 38px;
} */

.news-block-left {
    padding: 0 10px 0 0 !important;
}

.news-block-left img {
    width: 100%;
}

.news-block-right {
    border-left: 1px solid #eee;
    padding: 0 0 0 10px !important;
}

.news-block-right .title {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    display: inline-block;
    text-align: left;
}

.news-block-bottom {
    padding: 14px 0 0 0 !important;
    margin: 0;
    border-top: 1px solid #eee;
}

.news-block-bottom .title {
    padding: 0 10px 0 0;
    font-family: "RobotoMedium";
    text-align: justify;
}

.news-block-bottom .img {
    max-height: 90px;
    overflow: hidden;
    margin: 0 0 8px 0;
}

.thumb-video {
    margin-bottom: 8px;
    height: 204px;
    overflow: hidden;
}

.thumb-video .img {
    max-height: 140px;
    overflow: hidden;
    margin-bottom: 5px;
}

.thumb-video .img .thumb {
    opacity: 1;
}

.thumb-video:hover {
    opacity: 0.8;
}

.end-block {
    padding-right: 0px !important;
}

#MAUXANHDUONG {
    width: 100%;
    margin-bottom: 5px;
}

#MAUXANHDUONG a {
    background: none repeat scroll 0 0 #185dca;
    display: block;
    position: relative;
}

#MAUXANHDUONG a:hover,
#MAUXANHDUONG a:focus {
    background: #2768cd;
}

#MAUXANHDUONG a span {
    color: #FFF;
}

#MAUXANHTROI {
    width: 100%;
    margin-bottom: 5px;
}

#MAUXANHTROI a {
    background: none repeat scroll 0 0 #34a7fc;
    display: block;
    position: relative;
}

#MAUXANHTROI a:hover,
#MAUXANHTROI a:focus {
    background: #5EAFF0;
}

#MAUXANHTROI a span {
    color: #FFF;
}

#MAUHONG {
    width: 100%;
    margin-bottom: 5px;
}

#MAUHONG a {
    background: none repeat scroll 0 0 #ff3962;
    display: block;
    position: relative;
}

#MAUHONG a:hover,
#MAUHONG a:focus {
    background: #fc5174;
}

#MAUHONG a span {
    color: #FFF;
}

#MAUHONGNHAT {
    width: 100%;
    margin-bottom: 5px;
}

#MAUHONGNHAT a {
    background: none repeat scroll 0 0 #ff4399;
    display: block;
    position: relative;
}

#MAUHONGNHAT a:hover,
#MAUHONGNHAT a:focus {
    background: #f861a6;
}

#MAUHONGNHAT a span {
    color: #FFF;
}

#MAUTIM {
    width: 100%;
    margin-bottom: 5px;
}

#MAUTIM a {
    background: none repeat scroll 0 0 #9a36e1;
    display: block;
    position: relative;
}

#MAUTIM a:hover,
#MAUTIM a:focus {
    background: #a54ee2;
}

#MAUTIM a span {
    color: #FFF;
}

#MAUDO {
    width: 100%;
    margin-bottom: 5px;
}

#MAUDO a {
    background: none repeat scroll 0 0 #f71b17;
    display: block;
    position: relative;
}

#MAUDO a:hover,
#MAUDO a:focus {
    background: #f04b48;
}

#MAUDO a span {
    color: #FFF;
}

#MAUXANHDUONGDAM {
    width: 100%;
    margin-bottom: 5px;
}

#MAUXANHDUONGDAM a {
    background: none repeat scroll 0 0 #0e6ab1;
    display: block;
    position: relative;
}

#MAUXANHDUONGDAM a:hover,
#MAUXANHDUONGDAM a:focus {
    background: #2c7ebd;
}

#MAUXANHDUONGDAM a span {
    color: #FFF;
}

#MAUXANHDUONGDAM2 {
    width: 100%;
    margin-bottom: 5px;
}

#MAUXANHDUONGDAM2 a {
    background: none repeat scroll 0 0 #316a95;
    display: block;
    position: relative;
}

#MAUXANHDUONGDAM2 a:hover,
#MAUXANHDUONGDAM2 a:focus {
    background: #2c7ebd;
}

#MAUXANHDUONGDAM2 a span {
    color: #FFF;
}

#MAUXANHLA {
    width: 100%;
    margin-bottom: 5px;
}

#MAUXANHLA a {
    background: none repeat scroll 0 0 #00cf4f;
    display: block;
    position: relative;
}

#MAUXANHLA a:hover,
#MAUXANHLA a:focus {
    background: #41d57a;
}

#MAUXANHLA a span {
    color: #FFF;
}

ul.latestnews {
    margin: 0;
    padding: 0;
}

ul.latestnews li {
    background: url(https://www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -995px -162px transparent;
    border-bottom: 1px solid #eee !important;
    list-style: outside none none;
    margin-bottom: 4px;
    padding: 0 0 12px 12px;
    text-align: justify;
}

.padding {
    padding: 12px 0 !important;
}

.padding-bottom {
    padding-bottom: 12px !important;
}

.event-left {
    border: 1px solid #ccc;
}

.event-left div {
    text-align: center;
    padding: 6px 0;
    font-size: 11px;
}

.event-right {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}

.event-right i {
    width: 15px;
    text-align: center;
}


.footer-left,
.footer-right {
    padding: 10px 0 !important;
}

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

.footer a {
    color: #fff;
}

.footer a img {
    margin: 7px 0px;
}

.menumobile-left {
    font-size: 15px;
}

#menumobile {
    padding: 2px 0;
}

.link-img img:hover {
    opacity: 0.8;
}

#bannerroot {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner_search6.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

.language {
    float: left;
    margin: 1px 30px 0 0;
}

.height-block {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px 12px;
}

.height-block-2 {
    height: 420px;
    overflow: hidden;
}

.border-radius {
    border-radius: 5px;
}

#btnsearch {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -43px -131px transparent;
    display: block;
    float: left;
    font-weight: bold;
    height: 14px;
    text-indent: -999em;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    width: 28px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border: 0px solid #FFF;
    color: #DCE8F2;
    margin: 2px 3px 1px 0;
    border-radius: 0 5px 5px 0;
}

.header-left {
    display: none;
}

.header-right {
    display: inherit;
}

.image-news-home {
    max-height: 285px;
    overflow: hidden;
}

.no-padding-home {
    padding: 5px 0 0;
}

.trainghiemquocte {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 1;
}

.header-emagazine {
    border-left: 3px solid red;
    margin: 10px 0;
}

.footer {
    border-top: 0;
    padding: 0;
    position: inherit;
}

@media screen and (max-width: 767px) {

    .menu-desktop,
    .news-block-right,
    .header-right,
    .news-block-bottom .img,
    .coso,
    .truso {
        display: none;
    }

    .tinnoibat .news-block-right{
        display: inline-block !important;
    }

    .fa-1-5 {
        font-size: 1.3em !important;
    }

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

    #menu-child-horizontal {
        margin: inherit !important;
        width: 100%;
        min-width: auto !important;
    }

    #menu-child-horizontal li {
        float: inherit !important;
        width: auto !important;
        height: initial;
    }

    #menumobile {
        display: inherit !important;
    }

    .headertop {
        background: none !important;
        width: auto !important;
        height: auto !important;
    }

    .image-news-home {
        max-height: auto !important;
        min-height: auto !important;
    }

    .header-left {
        text-align: center;
        padding: 5px 0;
        display: inherit !important;
    }

    .header-left img {
        /*width: 50% !important;*/
        width: 75% !important;
        margin: 10px 0;
        display: inherit;
    }

    .header-right {
        text-align: center;
        padding: 5px 0;
        display: none !important;
    }

    .language {
        padding: 2px 0;
        float: right;
        margin: 0;
    }

    .news-block-bottom .title {
        background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -995px -162px transparent;
        border-bottom: 1px solid #eee !important;
        margin-bottom: 4px;
        padding: 0 0 5px 12px;
        text-align: justify;
        display: inline-block;
        font-weight: normal;
    }

    .footer .noidung {
        text-align: center;
        font-size: calc(95%) !important;
    }

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

    .footer-left {
        padding: 10px 0 0;
    }

    .carousel-control.left,
    .carousel-control.right {
        width: auto !important;
        font-size: 16px;
    }

    .img-responsive {
        display: inline-block !important;
    }

    .thumb-video {
        margin-bottom: 5px;
        height: 245px;
    }

    .thumb-video {
        padding: 10px !important;
    }

    .thumb-video .img {
        max-height: 100% !important;
    }

    .height-block,
    .height-block-2 {
        height: auto !important;
    }
}

@media screen and (min-width: 600px) {
    .header-left img {
        width: auto !important;
    }
}

@media (max-width: 466px) {
    .thumb-video {
        margin-bottom: 5px;
        height: 178px;
    }
}

/* ============================================================
   Bootstrap 3 HTML compatibility when loaded after Bootstrap 5
   Only legacy classes actually used by tui.html are covered.
   ============================================================ */

/* BS3 grid uses float and 15px gutters. */
.col-xs-4,
.col-xs-6,
.col-xs-8,
.col-xs-12,
.col-sm-3,
.col-sm-9,
.col-sm-12,
.col-md-3 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.col-xs-4 {
    float: left;
    width: 33.33333333%;
}

.col-xs-6 {
    float: left;
    width: 50%;
}

.col-xs-8 {
    float: left;
    width: 66.66666667%;
}

.col-xs-12 {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {

    .col-sm-3,
    .col-sm-9,
    .col-sm-12 {
        float: left;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-12 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-3 {
        float: left;
        width: 25%;
    }
}

/* BS3 clearfix behavior for legacy wrappers. */
.row::before,
.row::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.content::before,
.content::after,
.noidung::before,
.noidung::after {
    display: table;
    content: " ";
}

.row::after,
.container::after,
.container-fluid::after,
.content::after,
.noidung::after {
    clear: both;
}

/* BS3 image helper used by this HTML. */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* BS3 accessibility helper. */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* BS3 input-group-addon was removed in Bootstrap 5. */
.input-group-addon {
    display: table-cell;
    width: 1%;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /* background-color: #eee; */
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* BS3 carousel used .item; BS5 uses .carousel-item. */
.carousel-inner>.item {
    position: relative;
    display: none;
}

.carousel-inner>.item.active {
    display: block;
}

/* Preserve legacy custom padding utilities from my-style.css. */
.nopadding {
    padding: 0 !important;
}

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

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

.padding-right-5 {
    padding-right: 5px;
}


/* ============================================================
   FIX V2 - Prevent full-width content blocks from shifting left
   Example:
       <div class="col-sm-12 content nopadding">
   ============================================================ */

@media (min-width: 768px) {

    /* Keep legacy 3/9 columns floated, but full-width columns should not float. */
    .col-sm-3,
    .col-sm-9 {
        float: left;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-12 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .col-sm-12.content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Full-width content with nopadding stays edge-to-edge without horizontal offset. */
.col-sm-12.content.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Prevent Bootstrap 5 flex sizing from changing legacy full-width content blocks. */
.row>.col-sm-12.content {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}


/* ============================================================
   FIX V3 - Exact top-level layout from tui.html

   HTML:
   <div id="sb-site">
     <section class="col-sm-12 content nopadding">
       <div class="container nopadding">
         ...
       </div>
     </section>
   </div>

   The outer col-sm-12 is NOT inside a Bootstrap .row, therefore it should
   behave as a normal full-width section instead of a Bootstrap 5 grid item.
   ============================================================ */

#sb-site {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden;
}

#sb-site>.col-sm-12.content.nopadding {
    display: block !important;
    position: relative !important;
    float: none !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    left: auto !important;
    right: auto !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}

/*
 * Bootstrap 5 puts max-width values on .container at desktop breakpoints.
 * The original Bootstrap 3 customization uses nearly/full viewport width,
 * so remove Bootstrap 5's max-width constraint for this page wrapper.
 */
#sb-site>.content>.container.nopadding {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Inner .content.noidung blocks from my-style.css remain centered at
 * 1000px on desktop. Explicit max-width prevents Bootstrap 5 from
 * introducing a different width while preserving the original design.
 */
.content.noidung {
    width: 1000px;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

@media (max-width: 1000px) {
    .content.noidung {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/*
 * Legacy BS3 columns nested inside .content.noidung still use float grid.
 * Clear them without changing the horizontal centering of .noidung.
 */
.content.noidung::before,
.content.noidung::after {
    display: table;
    content: " ";
}

.content.noidung::after {
    clear: both;
}


/* =====================================================================
   FIX V4 - COMPLETE BOOTSTRAP 3 FLOAT GRID FOR BOOTSTRAP 5
   ---------------------------------------------------------------------
   Hỗ trợ HTML Bootstrap 3 cũ khi các .col-* không nằm trực tiếp trong .row,
   ví dụ:
       <div class="content noidung">
           <div class="col-sm-6">...</div>
           <div class="col-sm-6">...</div>
       </div>

   Bootstrap 3 dùng float:left cho grid; Bootstrap 5 không còn cơ chế này.
   Breakpoint giữ đúng Bootstrap 3:
       xs: 0+
       sm: 768+
       md: 992+
       lg: 1200+
   ===================================================================== */

/* ---------- XS ---------- */
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    float: left !important;
}

.col-xs-1 {
    width: 8.33333333% !important;
    max-width: 8.33333333% !important;
}

.col-xs-2 {
    width: 16.66666667% !important;
    max-width: 16.66666667% !important;
}

.col-xs-3 {
    width: 25% !important;
    max-width: 25% !important;
}

.col-xs-4 {
    width: 33.33333333% !important;
    max-width: 33.33333333% !important;
}

.col-xs-5 {
    width: 41.66666667% !important;
    max-width: 41.66666667% !important;
}

.col-xs-6 {
    width: 50% !important;
    max-width: 50% !important;
}

.col-xs-7 {
    width: 58.33333333% !important;
    max-width: 58.33333333% !important;
}

.col-xs-8 {
    width: 66.66666667% !important;
    max-width: 66.66666667% !important;
}

.col-xs-9 {
    width: 75% !important;
    max-width: 75% !important;
}

.col-xs-10 {
    width: 83.33333333% !important;
    max-width: 83.33333333% !important;
}

.col-xs-11 {
    width: 91.66666667% !important;
    max-width: 91.66666667% !important;
}

.col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
}

/* ---------- SM >= 768px ---------- */
@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        float: left !important;
    }

    .col-sm-1 {
        width: 8.33333333% !important;
        max-width: 8.33333333% !important;
    }

    .col-sm-2 {
        width: 16.66666667% !important;
        max-width: 16.66666667% !important;
    }

    .col-sm-3 {
        width: 25% !important;
        max-width: 25% !important;
    }

    .col-sm-4 {
        width: 33.33333333% !important;
        max-width: 33.33333333% !important;
    }

    .col-sm-5 {
        width: 41.66666667% !important;
        max-width: 41.66666667% !important;
    }

    .col-sm-6 {
        width: 50% !important;
        max-width: 50% !important;
    }

    .col-sm-7 {
        width: 58.33333333% !important;
        max-width: 58.33333333% !important;
    }

    .col-sm-8 {
        width: 66.66666667% !important;
        max-width: 66.66666667% !important;
    }

    .col-sm-9 {
        width: 75% !important;
        max-width: 75% !important;
    }

    .col-sm-10 {
        width: 83.33333333% !important;
        max-width: 83.33333333% !important;
    }

    .col-sm-11 {
        width: 91.66666667% !important;
        max-width: 91.66666667% !important;
    }

    .col-sm-12 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ---------- MD >= 992px ---------- */
@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        float: left !important;
    }

    .col-md-1 {
        width: 8.33333333% !important;
        max-width: 8.33333333% !important;
    }

    .col-md-2 {
        width: 16.66666667% !important;
        max-width: 16.66666667% !important;
    }

    .col-md-3 {
        width: 25% !important;
        max-width: 25% !important;
    }

    .col-md-4 {
        width: 33.33333333% !important;
        max-width: 33.33333333% !important;
    }

    .col-md-5 {
        width: 41.66666667% !important;
        max-width: 41.66666667% !important;
    }

    .col-md-6 {
        width: 50% !important;
        max-width: 50% !important;
    }

    .col-md-7 {
        width: 58.33333333% !important;
        max-width: 58.33333333% !important;
    }

    .col-md-8 {
        width: 66.66666667% !important;
        max-width: 66.66666667% !important;
    }

    .col-md-9 {
        width: 75% !important;
        max-width: 75% !important;
    }

    .col-md-10 {
        width: 83.33333333% !important;
        max-width: 83.33333333% !important;
    }

    .col-md-11 {
        width: 91.66666667% !important;
        max-width: 91.66666667% !important;
    }

    .col-md-12 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ---------- LG >= 1200px ---------- */
@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        float: left !important;
    }

    .col-lg-1 {
        width: 8.33333333% !important;
        max-width: 8.33333333% !important;
    }

    .col-lg-2 {
        width: 16.66666667% !important;
        max-width: 16.66666667% !important;
    }

    .col-lg-3 {
        width: 25% !important;
        max-width: 25% !important;
    }

    .col-lg-4 {
        width: 33.33333333% !important;
        max-width: 33.33333333% !important;
    }

    .col-lg-5 {
        width: 41.66666667% !important;
        max-width: 41.66666667% !important;
    }

    .col-lg-6 {
        width: 50% !important;
        max-width: 50% !important;
    }

    .col-lg-7 {
        width: 58.33333333% !important;
        max-width: 58.33333333% !important;
    }

    .col-lg-8 {
        width: 66.66666667% !important;
        max-width: 66.66666667% !important;
    }

    .col-lg-9 {
        width: 75% !important;
        max-width: 75% !important;
    }

    .col-lg-10 {
        width: 83.33333333% !important;
        max-width: 83.33333333% !important;
    }

    .col-lg-11 {
        width: 91.66666667% !important;
        max-width: 91.66666667% !important;
    }

    .col-lg-12 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Trước breakpoint SM: sm/md/lg phải xuống 1 cột như Bootstrap 3 */
@media (max-width: 767.98px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Giữ các utility padding cũ có độ ưu tiên cao hơn grid */
.nopadding {
    padding: 0 !important;
}

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

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

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

.padding-right-5 {
    padding-right: 5px;
}

.padding-left-5 {
    padding-left: 5px !important;
}

/* Clear float cho các wrapper legacy thường gặp */
.content.noidung::before,
.content.noidung::after,
.content::before,
.content::after,
.noidung::before,
.noidung::after,
.block-content::before,
.block-content::after {
    display: table;
    content: " ";
}

.content.noidung::after,
.content::after,
.noidung::after,
.block-content::after {
    clear: both;
}

/* Trường hợp full-width ở cấp ngoài cùng */
#sb-site>.col-sm-12.content.nopadding {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
}

/* =====================================================================
   MISSING STYLES MERGED FROM my-style(1).css
   ---------------------------------------------------------------------
   Auto-generated diff:
   - Keeps existing bootstrap3-compat-updated.css unchanged.
   - Appends only selectors/declarations present in my-style(1).css
     that were not already present in the compatibility file.
   ===================================================================== */

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

hr {
    border-color: #000;
}

#logo {
    width: auto;
}

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

.navbar {
    margin-bottom: 1px;
}

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

.padding-right-10 {
    padding-right: 10px;
}

.nomargin {
    margin: 0 !important;
}

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

.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 {
    background: #FCFFB1;
    color: #000;
}

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

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

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

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

.container-fluid {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

@media (max-width: 1000px) {
    .container-fluid {
        width: 100% !important;
    }
}

@media (max-width: 1000px) {
    .blockLyDo .noidung {
        width: 100% !important;
    }
}

@media (max-width: 1000px) {
    .blockContent {
        width: 100% !important;
    }
}

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

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

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

.containerHoverimage {
    position: relative;
    width: 100%;
}

.imageHoverimage {
    display: block;
    width: 100%;
    height: auto;
}

.overlayHoverimage {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.containerHoverimage:hover .overlayHoverimage {
    height: 100%;
}

.textHoverimage {
    color: #01aefb;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.textHoverimage-title {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

.textHoverimage-content {
    text-align: justify;
}

nav ul {
    list-style: none;
}

.back-green {
    background: #a9cf46;
    color: #fff;
}

.back-gray {
    background: #f2f2f2;
}

.back-chuong-trinh-tieng-anh {
    background-image: url("../image/components/chuong-trinh-tieng-anh/back.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    color: #fff;
}

.back-video {
    background-image: url("../image/components/video/back.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    color: #fff;
}

.back-hinh-anh {
    background-image: url("../image/components/thu-vien-anh/back.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    color: #fff;
}

.back-doi-tac-1 {
    background-image: url("../image/components/doi-tac/back1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    color: #fff;
}

.back-doi-tac-2 {
    background-image: url("../image/components/doi-tac/back2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    color: #fff;
}

.back-he {
    background-image: url("../image/components/news/danh-muc/back-he.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.text-gray {
    color: #5b5a5a;
}

.text-black {
    color: #000;
}

.text-blue-header {
    color: #01aefb;
}

.text-green {
    color: #a9cf46;
}

.text-gold {
    color: #fcf43d;
}

div.boxTitleTop {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

div.boxTitle {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
}

div.boxTitle-line {
    display: inline-block;
    border-top: 1px solid #fff;
    margin-top: 19px;
}

div.boxTitle-line-blue {
    display: inline-block;
    border-top: 1px solid #01aefb;
    margin-top: 19px;
}

div.boxTitle-line-green {
    display: inline-block;
    border-top: 1px solid #a9cf46;
    margin-top: 19px;
}

.block-gioi-thieu {
    padding: 20px 10px 10px 0;
}

.block-gioi-thieu .content-gioi-thieu {
    height: 400px;
    overflow: hidden;
}

.back-gioi-thieu {
    background: linear-gradient(90deg, #a9cf46 50%, #FFF 40%, #FFF 40%);
}

.btn-default-white {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn-default-green {
    color: #fff;
    background-color: #a9cf46;
    border-color: #a9cf46;
}

.btn-default-green-2 {
    color: #a9cf46;
    background-color: #fff;
    border-color: #a9cf46;
}

.btn-default-blue {
    color: #fff;
    background-color: #01aefb;
    border-color: #01aefb;
}

.btn-default-blue-2 {
    color: #01aefb;
    background-color: transparent;
    border-color: #01aefb;
}

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

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

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

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

.padding-left-5 {
    padding-left: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}

.content_padding-top-bottom {
    padding-top: 35px;
    padding-bottom: 35px;
}

.content_padding-top {
    padding-top: 35px;
}

.fa-3 {
    font-size: 3em !important;
}

.fa-4 {
    font-size: 4em !important;
}

.fa-5 {
    font-size: 5em !important;
}

.block-slide {
    margin: 25px 0;
}

.slide-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.slide-box-tieng-anh {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.slide-box-about {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.slide-box-footer-title {
    text-transform: uppercase;
}

.slide-box-footer-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.slide-box-about-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.slide-box-footer {
    background: #fff;
    padding: 30px 0;
}

.slide-box-footer-rgba {
    background: rgba(255, 255, 255, 0.9);
    padding: 30px 0;
}

.slide-box-about {
    background: rgba(255, 255, 255, 0.9);
    padding: 30px 10px;
}

@media all and (min-width: 992px) {
    .slide-box-tieng-anh {
        height: 380px;
    }
}

@media all and (min-width: 992px) {
    .slide-box-about {
        height: 305px;
        overflow: hidden;
    }
}

@media all and (min-width: 992px) {
    .slide-box-about2 {
        height: 382px !important;
    }
}

@media all and (min-width: 992px) {
    .slide-box-img {
        overflow: hidden;
    }
}

@media all and (min-width: 992px) {
    .slide-box-footer-rgba {
        height: 150px;
        overflow: hidden;
    }
}

@media all and (min-width: 992px) {
    .block-slide {
        margin: 20px 0 0 40px;
    }
}

.title-line-right span::after {
    left: 100%;
}

.title-line-right span::after {
    content: "";
    display: block;
    width: 1500px;
    position: absolute;
    top: 0.73em;
    border-top: 1px solid red;
}

.title-line-no span::after {
    border-top: 0px solid #fff;
}

.title-line-orange span::after {
    border-top: 1px solid #ff6f22;
    top: 1.2em;
}

.title-line-white span::after {
    border-top: 1px solid #fff;
}

.title-line-blue span::after {
    border-top: 1px solid #01aefb;
}

.title-line-green span::after {
    border-top: 1px solid #a9cf46;
}

.title-line-all {
    position: relative;
    padding: 0 20px;
    display: inline-block;
}

.title-line-all span::after {
    left: 100%;
}

.title-line-all span::before {
    content: "";
    display: block;
    width: 1500px;
    position: absolute;
    top: 0.73em;
    border-top: 1px solid #fff;
}

.title-line-all span::after {
    content: "";
    display: block;
    width: 1500px;
    position: absolute;
    top: 0.73em;
    border-top: 1px solid #fff;
}

.title-line-all span::before {
    right: 100%;
}

.w-50 {
    width: 50px;
}

.w-100 {
    width: 100px;
}

.w-200 {
    width: 200px;
}

#green {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

#green a {
    background: none repeat scroll 0 0 #add86c;
    display: block;
    padding: 20px 0;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

#green a:hover {
    background: #bce282;
}

#green a:focus {
    background: #bce282;
}

#green {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

#green a {
    background: none repeat scroll 0 0 #add86c;
    display: block;
    padding: 20px 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

#green a:hover {
    background: #bce282;
}

#green a:focus {
    background: #bce282;
}

#green {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

#green a {
    background: none repeat scroll 0 0 #add86c;
    display: block;
    padding: 20px 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

#green a:hover {
    background: #bce282;
}

#green a:focus {
    background: #bce282;
}

#blue {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

#blue a {
    background: none repeat scroll 0 0 #7adbe8;
    display: block;
    padding: 20px 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

#blue a:hover {
    background: #8adfea;
}

#blue a:focus {
    background: #8adfea;
}

#blueSea {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

#blueSea a {
    background: none repeat scroll 0 0 #00abf7;
    display: block;
    padding: 20px 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

#blueSea a:hover {
    background: #27bafb;
}

#blueSea a:focus {
    background: #27bafb;
}

.list-news .item {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.list-news .header-block {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.news-title-detail {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
}

.header-menu {
    border-bottom: 2px solid #153261;
    display: flex;
}

.hotspot-wrapper {
    position: relative;
    overflow: hidden;
}

.hotspot-text {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 0;
    text-align: center;
    transition: all 0.2s ease;
    background: rgba(86, 94, 96, 0.7) none repeat scroll center bottom;
    color: #fff;
}

.hotspot-wrapper .text {
    font-weight: bold;
    font-size: 18px;
}

.hotspot-text2 {
    background: none;
    opacity: 0;
    bottom: 100%;
}

.hotspot-text2:hover {
    background: rgba(86, 94, 96, 0.7);
    opacity: 1;
    height: 200px;
    top: 0;
    padding: 20% 0 0;
}

.hotspot-wrapper:hover .hotspot-text {
    bottom: 0;
    left: 0;
    right: 0;
}

.hotspot-wrapper img {
    max-width: 100% !important;
    clear: both;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.hotspot-wrapper:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.warp_gradient {
    background: #314248;
    background: -webkit-linear-gradient(-90deg, #314248, #757474);
    background: -o-linear-gradient(-90deg, #314248, #757474);
    background: -moz-linear-gradient(-90deg, #314248, #757474);
    background: linear-gradient(-90deg, #314248, #757474);
}

.warp_gradient_45 {
    background: #314248;
    background: -webkit-linear-gradient(-45deg, #314248, #757474);
    background: -o-linear-gradient(-45deg, #314248, #757474);
    background: -moz-linear-gradient(-45deg, #314248, #757474);
    background: linear-gradient(-45deg, #314248, #757474);
}

.case_studies--item {
    background-size: cover;
    position: relative;
    display: block;
    height: 350px;
    overflow: hidden;
}

.case_studies--item-child {
    height: 170px;
    margin: 0 0 10px 10px;
    overflow: hidden;
}

.case_studies--item_title {
    display: block;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.case_studies--item span {
    display: none;
    color: #fac200;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.case_studies--desc {
    text-align: justify;
    color: #7D7D7D;
    padding: 2% 0 0;
}

.btn[disabled] {
    background: #FDED13;
    color: #000;
}

.btn[enabled] {
    color: #000;
}

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

.cd-top.cd-is-visible {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-fade-out {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    opacity: .8;
}

.social-logo {
    background: #fff;
    text-align: center;
    padding: 10px;
}

.social-logo img {
    width: 40px;
    margin: 3px;
    border-radius: 1px;
}

.wrap-zalo-qr {
    left: 10px;
    bottom: 10px;
    width: 100px;
    position: absolute;
}

.navbar-fixed-top {
    display: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}

#ja-cssmenu li ul li.nganh-dao-tao ul {
    margin: -2px 0 0 calc(-318px);
    min-width: calc(1020px) !important;
}

#ja-cssmenu li.sfhover ul ul {
    left: -999em;
}

#ja-cssmenu li.havechildsfhover ul ul {
    left: -999em;
}

#ja-cssmenu li.havechild-activesfhover ul ul {
    left: -999em;
}

#ja-cssmenu li.activesfhover ul ul {
    left: -999em;
}

#ja-cssmenu li.sfhover ul ul ul {
    left: -999em;
}

#ja-cssmenu li.havechildsfhover ul ul ul {
    left: -999em;
}

#ja-cssmenu li.havechild-activesfhover ul ul ul {
    left: -999em;
}

#ja-cssmenu li.activesfhover ul ul ul {
    left: -999em;
}

#ja-cssmenu li.sfhover ul {
    left: auto;
}

#ja-cssmenu li.havechildsfhover ul {
    left: auto;
}

#ja-cssmenu li.havechild-activesfhover ul {
    left: auto;
}

#ja-cssmenu li.activesfhover ul {
    left: auto;
}

#ja-cssmenu li li.sfhover ul {
    left: auto;
}

#ja-cssmenu li li.havesubchildsfhover ul {
    left: auto;
}

#ja-cssmenu li li.havesubchild-activesfhover ul {
    left: auto;
}

#ja-cssmenu li li.activesfhover ul {
    left: auto;
}

#ja-cssmenu li li li.sfhover ul {
    left: auto;
}

#ja-cssmenu li li li.havesubchildsfhover ul {
    left: auto;
}

#ja-cssmenu li li li.havesubchild-activesfhover ul {
    left: auto;
}

#ja-cssmenu li li li.activesfhover ul {
    left: auto;
}

#ja-cssmenu li.havesubchild {
    background: url(../../images/arrow.png) no-repeat 94% 50% #fff;
}

#ja-cssmenu li.havesubchild-active {
    background: url(../../images/arrow.png) no-repeat 94% 50% #fff;
}

#ja-cssmenu ul li a.active {
    font-weight: bold;
}

#ja-cssmenu ul li a.active:hover {
    font-weight: bold;
}

#ja-cssmenu ul li a.active:active {
    font-weight: bold;
}

#ja-cssmenu ul li a.active:focus {
    font-weight: bold;
}

#lien-he {
    width: 160px;
}

#lien-he li {
    width: 160px;
}

#nganh-dao-tao {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #006cb6 !important;
    min-width: calc(615px) !important;
}

#nganh-dao-tao li {
    float: left;
    width: 200px !important;
}

#nganh-dao-tao li a {
    padding: 7px 12px 7px 10px !important;
}

#vjit-chuong-trinh-dao-tao {
    min-width: calc(605px) !important;
}

#vjit-chuong-trinh-dao-tao li {
    float: left !important;
    width: 200px !important;
}

#ja-cssmenu li ul a.active {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul a.active:hover {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul a.active:focus {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul a.active:active {
    background: none repeat scroll 0 0 #006cb6;
    color: #fff;
}

#ja-cssmenu li ul li {
    background: none repeat scroll 0 0 #FFFFFF;
}

.block-lien-he {
    background: #fff;
}

.block-lien-he i {
    width: 20px;
    text-align: center;
    margin: 5px 0;
}

.lien-he-left {
    padding: 30px 30px;
}

.lien-he-right {
    background: #163261;
    padding: 30px 10px;
}

.lien-he-title {
    font-size: 22px;
    font-weight: bold;
}

.lien-he-right-title {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.no-background {
    background: none;
}

.text-input {
    position: absolute;
    top: 5px;
    left: 28px;
    color: #fff;
    z-index: 10;
    font-size: 14px;
}

.lien-he-right-input {
    padding-left: 80px;
}

.back-footer {
    background: #163261;
}

.padding-left {
    padding-left: 10px;
}

.w-hide {
    overflow: hidden;
}

.header-right-content2 {
    width: 185px !important;
}
/* 
.icon_jp {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -74px -133px transparent;
    height: 11px;
    width: 16px;
}

.icon-kham-pha-hutech {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -796px -145px transparent;
    height: 33px;
    width: 30px;
}

.icon-video-lien-quan {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -890px -145px transparent;
    height: 33px;
    width: 30px;
}

.icon-hutech-tv {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -835px -148px transparent;
    height: 33px;
    width: 22px;
}

.icon-lang-kinh-hutech {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -862px -148px transparent;
    height: 33px;
    width: 22px;
}

.icon-media-play2 {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -745px -143px transparent;
    height: 32px;
    width: 40px;
    position: absolute;
    top: 40%;
    left: 45%;
    opacity: 0.7;
}

.icon-lien-he-zalo {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -743px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-instagram {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -774px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-tiktok {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -804px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-facebook {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -835px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-qrcode {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -924px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-twice {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -866px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-youtube {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -897px -113px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-google {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -312px -151px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-blog {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -368px -151px transparent;
    height: 25px;
    width: 25px;
}

.icon-lien-he-tum {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -397px -151px transparent;
    height: 25px;
    width: 25px;
}

.icon-dang-ky {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -385px -114px transparent;
    height: 32px;
    width: 38px;
}

.icon-lien-ket-dao-tao {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll center bottom transparent;
    height: 42px;
    width: 100%;
}

.icon-quen-mat-khau {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -579px -78px transparent;
}

.icon-he-thong-dao-tao-thac-sy-quoc-te {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -614px -78px transparent;
}

.icon-he-thong-thac-si-quoc-te {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -146px -116px transparent;
}

.icon-he-thong-dao-tao-cu-nhan-thuc-hanh {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -542px -144px transparent;
}

.icon-he-thong-cu-nhan-nhat-ban-toan-cau {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -111px -116px transparent;
}

.icon-he-thong-chuong-trinh-cyu {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -465px -111px transparent;
}

.icon-he-thong-dao-tao-cu-nhan-quoc-te {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -538px -112px transparent;
}

.icon-he-thong-dao-tao-lien-thong-qtkd-quoc-te {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -578px -109px transparent;
}

.icon-he-thong-dao-tao-thac-si-quoc-te {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -620px -116px transparent;
}

.icon-he-thong-dao-tao-lien-thong-dai-hoc {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -656px -112px transparent;
}

.icon-he-thong-dao-tao-dai-hoc-van-bang-2 {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -689px -111px transparent;
}

.icon-sinh-vien-khoi-nghiep {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -920px -142px #fff;
    height: 32px;
    width: 38px;
} */

.sinh-vien-khoi-nghiep {
    margin: 2% 0 0 0;
}

.content-block-left img {
    margin: 0 0 5px 0;
}

.content-block-right img {
    margin: 0 0 5px 0;
}

.content-block-bottom img {
    margin: 0 0 5px 0;
}

.news-block-left {
    padding: 0 10px 0 0;
}

.news-block-right {
    padding: 0 0 0 10px;
}

.news-block-bottom {
    padding: 14px 0 0 0;
}

.news-block-bottom .title2 {
    background: none !important;
    font-weight: bold !important;
    padding: 0 !important;
}

.news-block-bottom .img2 {
    max-height: 90px;
    overflow: hidden;
    margin: 0 0 8px 0;
}

.thumb-video-new .img-new {
    max-height: 100% !important;
    margin-bottom: 5px;
}

.thumb-video-new:hover {
    opacity: 0.8;
}

.thumb-video-new a {
    font-size: 15px;
}

#MAUXANHDUONGNHAT {
    width: 100%;
    margin-bottom: 5px;
}

#MAUXANHDUONGNHAT a {
    background: none repeat scroll 0 0 #3346cf;
    display: block;
    position: relative;
}

#MAUXANHDUONGNHAT a:hover {
    background: #5060d1;
}

#MAUXANHDUONGNHAT a:focus {
    background: #5060d1;
}

#MAUXANHDUONGNHAT a span {
    color: #FFF;
}

#MAUCAM {
    width: 100%;
    margin-bottom: 5px;
}

#MAUCAM a {
    background: none repeat scroll 0 0 #fe9317;
    display: block;
    position: relative;
}

#MAUCAM a:hover {
    background: #fba682;
}

#MAUCAM a:focus {
    background: #fba682;
}

#MAUCAM a span {
    color: #FFF;
}

#tsmaucam {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsmaucam a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #fb9e20;
    color: #FFFFFF;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsmaucam a:hover {
    background: #fdb34d;
}

#tsmaucam a:focus {
    background: #fdb34d;
}

#tsmaucam a span.top {
    color: #FFFFFF;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsmaucam a span.bottom {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

#tsxanhlacay {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsxanhlacay a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #36c44d;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsxanhlacay a:hover {
    background: #50cd63;
}

#tsxanhlacay a:focus {
    background: #50cd63;
}

#tsxanhlacay a span.top {
    color: #FFF;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsxanhlacay a span.bottom {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}

#tsxanhduong {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsxanhduong a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #3197EB;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsxanhduong a:hover {
    background: #5EAFF0;
}

#tsxanhduong a:focus {
    background: #5EAFF0;
}

#tsxanhduong a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsxanhduong a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#tsmaudo {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsmaudo a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #fc5053;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsmaudo a:hover {
    background: #fe7c7f;
}

#tsmaudo a:focus {
    background: #fe7c7f;
}

#tsmaudo a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsmaudo a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#tsmautim {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsmautim a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #906ad1;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsmautim a:hover {
    background: #b699e8;
}

#tsmautim a:focus {
    background: #b699e8;
}

#tsmautim a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsmautim a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#tsxanhdam {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsxanhdam a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #2684a7;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsxanhdam a:hover {
    background: #3c9bbf;
}

#tsxanhdam a:focus {
    background: #3c9bbf;
}

#tsxanhdam a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsxanhdam a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#tsxanhchuoi {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsxanhchuoi a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #36811e;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsxanhchuoi a:hover {
    background: #479130;
}

#tsxanhchuoi a:focus {
    background: #479130;
}

#tsxanhchuoi a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsxanhchuoi a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#tshong {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tshong a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #fa69aa;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tshong a:hover {
    background: #fa69aa;
}

#tshong a:focus {
    background: #fa69aa;
}

#tshong a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tshong a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#tsxanhla {
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    text-align: left;
}

#tsxanhla a {
    background: url("/images/arrow-right.png") no-repeat scroll 93% 8px #10b684;
    display: block;
    height: 32px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#tsxanhla a:hover {
    background: #10b684;
}

#tsxanhla a:focus {
    background: #10b684;
}

#tsxanhla a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-left: 0px;
    padding-top: 7px;
    width: 100%;
    font-weight: bold;
}

#tsxanhla a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUXANHLA2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUXANHLA2 a {
    background: none repeat scroll 0 0 #3ec654;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUXANHLA2 a:hover {
    background: #68d479;
}

#MAUXANHLA2 a:focus {
    background: #68d479;
}

#MAUXANHLA2 a span.top {
    color: #FFF;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUXANHLA2 a span.bottom {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}

#MAUXAM2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUXAM2 a {
    background: none repeat scroll 0 0 #34a7fc;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUXAM2 a:hover {
    background: #5EAFF0;
}

#MAUXAM2 a:focus {
    background: #5EAFF0;
}

#MAUXAM2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUXAM2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUXANHDUONG2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUXANHDUONG2 a {
    background: none repeat scroll 0 0 #fc5053;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUXANHDUONG2 a:hover {
    background: #fe7c7f;
}

#MAUXANHDUONG2 a:focus {
    background: #fe7c7f;
}

#MAUXANHDUONG2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUXANHDUONG2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUDO2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUDO2 a {
    background: none repeat scroll 0 0 #B567FC;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUDO2 a:hover {
    background: #b699e8;
}

#MAUDO2 a:focus {
    background: #b699e8;
}

#MAUDO2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUDO2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUTIM2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUTIM2 a {
    background: none repeat scroll 0 0 #319FB3;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUTIM2 a:hover {
    background: #59a8c8;
}

#MAUTIM2 a:focus {
    background: #59a8c8;
}

#MAUTIM2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUTIM2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUCAM2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUCAM2 a {
    background: none repeat scroll 0 0 #fe9317;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUCAM2 a:hover {
    background: #fba682;
}

#MAUCAM2 a:focus {
    background: #fba682;
}

#MAUCAM2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUCAM2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUXANHLUC2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUXANHLUC2 a {
    background: none repeat scroll 0 0 #a7a70e;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUXANHLUC2 a:hover {
    background: #c3c32a;
}

#MAUXANHLUC2 a:focus {
    background: #c3c32a;
}

#MAUXANHLUC2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUXANHLUC2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#MAUHONG2 {
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    text-align: center;
}

#MAUHONG2 a {
    background: none repeat scroll 0 0 #fa69aa;
    display: block;
    height: 48px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

#MAUHONG2 a:hover {
    background: #ff7cbd;
}

#MAUHONG2 a:focus {
    background: #ff7cbd;
}

#MAUHONG2 a span.top {
    color: #fff;
    font-size: 11.5px;
    padding-top: 6px;
    width: 100%;
    font-weight: bold;
}

#MAUHONG2 a span.bottom {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.padding {
    padding: 12px 0;
}

.padding-top {
    padding-top: 12px;
}

.padding-bottom {
    padding-bottom: 12px;
}

.lien-ket-dao-tao {
    padding: 20px 0;
}

.footer-left {
    padding: 10px 0;
}

.footer-right {
    padding: 10px 0;
}

.menu-hutech-tv {
    cursor: pointer;
    display: block;
    padding: 8px 0 8px 32px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}

.menu-hutech-tv:hover {
    background: #ff8025;
    color: #fff;
}

.menu-hutech-tv-active {
    background: #ff8025;
    color: #fff;
}

.lang-kinh-hutech .new {
    font-size: 15px;
    padding: 10% 0 0 0;
}

.lang-kinh-hutech-more .item {
    margin: 0 0 0 15px;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    display: inline-block;
}

.desc-video {
    background: #fff;
    height: 350px;
}

.desc-video iframe {
    width: 100%;
}

.desc-video .right {
    margin: 10px 0 0;
}

.desc-video .title {
    font-size: 17px;
    font-weight: bold;
    display: block;
    margin: 20px 0 0;
}

.desc-video .time {
    color: #828181;
    display: block;
}

.desc-video .share {
    display: inline-flex;
    margin: 20px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #ccc;
    width: 100%;
}

.detail-news {
    width: 100%;
    overflow: hidden;
}

.detail-news .title-block {
    margin: 0;
    line-height: 1.5;
    font-family: RobotoBold;
    font-size: 20px;
    font-weight: initial;
}

.detail-news .share {
    display: inline-flex;
}

.detail-news img {
    max-width: 100% !important;
    height: auto !important;
}

.detail-news .content-block {
    line-height: 2;
    font-size: 14px;
}

.news-info {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.article-tools {
    clear: both;
    display: block;
    position: relative;
    margin-bottom: 5px;
}

dl.article-info {
    float: left;
    padding: 0;
    margin: 0;
    width: 70%;
    text-transform: none;
    color: #999;
    font-weight: bold;
    text-transform: none;
    font-size: 12px;
}

dl.article-info dd {
    padding: 0 5px 0 0;
    margin: 0;
    display: inline;
}

dl.article-info dt {
    padding: 0 5px 0 0;
    margin: 0;
    display: inline;
}

.idshow {
    display: none;
}

.paging {
    text-align: center;
}

.paging-box {
    border: solid 1px #ccc;
    margin-right: 5px;
    text-align: center;
    padding: 5px 10px;
    transition: background-color 100ms ease-out;
}

.paging-selected-box {
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    padding: 5px 10px;
    border: solid 1px #b61620;
    background-color: #b61620;
}

.paging-selected-box:hover {
    color: #fff;
}

.paging a {
    color: #fff;
}

.paging-box {
    color: #000;
}

.paging-box:hover {
    border: solid 1px #b61620;
    background-color: #b61620;
    color: #fff;
}

.extranews_box {
    margin: 0 0 20px 0;
}

.extranews_box>h2 {
    font-size: 13px;
    margin: 10px 0 7px;
}

.older {
    padding: 0 7px;
}

.extranews_box ul li {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -995px -162px transparent;
    line-height: 160%;
    margin: 12px 0 5px;
    overflow: hidden;
    padding: 0 0 0 14px;
}

.sitename {
    color: #fe0101;
    font-weight: bold;
    text-transform: uppercase;
    padding: 25px 0 0 0;
    text-align: center;
}

.sitename .text-top {
    font-size: 16px;
    display: inline-block;
}

.sitename .text-bottom {
    font-size: 20px;
    display: inline-block;
}

.block-trung-tam {
    padding-bottom: 5px;
}

#contentnews a {
    color: blue;
}

#contentnews ul {
    list-style: none;
    padding: 0;
}

#contentnews li {
    background: transparent url("/images/bullet1.gif") no-repeat scroll 0 8px;
    padding: 0 0 0 14px;
}

#contentnews table {
    max-width: 100% !important;
}

#contentnews table {
    border: 1px solid #eee !important;
    margin: auto;
    padding: 5px;
}

#contentnews tr {
    border: 1px solid #eee !important;
    margin: auto;
    padding: 5px;
}

#contentnews th {
    border: 1px solid #eee !important;
    margin: auto;
    padding: 5px;
}

#contentnews td {
    border: 1px solid #eee !important;
    margin: auto;
    padding: 5px;
}

.attachments {
    display: flex;
    margin-top: 15px;
    width: 95%;
}

.attachments .attachcontent {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.attachments .filename {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

.attachments a {
    font-weight: bold;
    color: blue;
    font-size: 13px;
}

#bannermedia {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner_search5.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannermediaen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_english.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerquantri {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_quantri.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdayhocso {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_dayhocso.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttptth {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_ttptth.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerbanthanhtra {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_banthanhtra.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoanhatbanjp {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoanhatbanjp.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertuyensinh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_tuyensinh8.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacntt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoacntt2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongkt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khaothi.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertthtqt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_tthtqt.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner-trung-tam-truyen-thong.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongptda {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongptda.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaqtkd {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoaqtkd2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacodientu {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_vienkythuat.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkythuat {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_vienkythuat.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoamtcn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoamtcn2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaktmt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoamtcn2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoakt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoakt2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoatctm {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoakt2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacnshtpmt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_vienkhoahocungdung.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkhoahoc {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_vienkhoahocungdung.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaqtnhks {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoaqtnhks.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoakhxhnv {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoakhxhnv.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkhxhnv {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoakhxhnv.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaxd {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoaxaydung2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertienganh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoangoaingu3.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertienganhen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoangoainguEN.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaluat {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoaluat.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtchc {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongtchc2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannersdh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongqlkh2.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongqlkh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongqlkh2.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercongdoan {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_Congdoan.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdoantn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_doanthanhnien.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongctsv {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongctsv2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdoinhom {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongctsv2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerviendtqt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_viendtqt3.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerquocte {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_viendtqt3.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienqttckt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_vienqtkttc2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerviendtn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_viendtn.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttthnnkn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_viendtn.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttthmt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner_tt_thuc_hanh_may_tinh.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoadieuduong {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_KhoaDieuduong-Xetnghiem.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienannt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_VienAmnhacnghethuat.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkythuaten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-ky-thuat.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkhoahocen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-kh-ud.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkhxhnven {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-khxh-nv.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdaotao {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongdaotao2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongktqt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongktqt.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdambaochatluongen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-dam-bao-chat-luong.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervpten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-van-phong-truong.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongctsven {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-p-cong-tac-sv.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongdten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-p-dao-tao-khao-thi.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerquocteen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-dao-tao-qt.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervjiten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-cong-nghe-viet-nhat.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervkiten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-cong-nghe-viet-han.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienannten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-vien-am-nhac-nghe-thuat.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttthnnknen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-tin-hoc-ngoai-ngu-ky-nang.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttthmten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-thuc-hanh-may-tinh.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertthtqten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-hop-tac-quoc-te.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertthtdnen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-hop-tac-doanh-nghiep.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttgdctqpen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-giao-duc-chinh-tri-quoc-phong.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannere-hutechen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-tt-dao-tao-tu-xa.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtvtsen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-p-tu-van-ts.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-p-truyen-thong.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertaichinhen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-p-tai-chinh.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerquantrien {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-p-quan-tri.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoakhxhqhcc {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_KhoaKhoahocxahoi%26quanhecongchung.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoakhxhqhccen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner-khoa-khoa-hoc-xa-hoi-va-quan-he-cong-chung.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhcnhtqten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner-phong-khoa-hoc-cong-nghe-va-hop-tac-quoc-te.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhcnhtqt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phong-khoa-hoc-cong-nghe.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerbanthanhtraen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-ban-thanh-tra.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaxden {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-khoa-xay-dung.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertruyenthongthietkeen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-k-truyen-thong-thiet-ke.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoatctmen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-khoa-tai-chinh-thuong-mai.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaqtkden {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-khoa-qt-kinh-doanh.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaqtnhksen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/en-baner-khoa-qt-du-lich-nha-hang-khach-san.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaluaten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Luat.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaktmten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Khoa-Kien-truc-My-thuat.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoahttten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-K-He-thong-thong-tin-QL.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoadieuduongen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-K-Dieu-duong---Xet-nghiem.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaduocen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Khoa-Duoc.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacntten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Khoa-CNTT.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoanhatbanen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Khoa-Nhat-Ban-hoc.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannersdhen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Vien-DT-Sau-Dai-hoc.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerthuvienen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-Thu-vien.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerqlcntten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/EN-Header-TT-Quan-ly-CNTT.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoahqh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_KhoaHanquochoc.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoatqh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_KhoaTrungQuochoc.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoatqhcn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner_khoatqhcn.png?v=22112022") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoamkt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_KhoaMarketing-Kinhdoanhquocte.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoahqhen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner-khoa-han-quoc-hoc-en.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoatqhen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner-khoa-trung-quoc-hoc-en.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoamkten {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner-khoa-marketting-kinh-doanh-quoc-te-en.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoathuychannuoi {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/Header_KhoaThuychannuoi.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttnn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_ttnn.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttth {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_ttth.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkynangmem {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_kynangmem.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttgdctqp {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_TTGDCTQP.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerenglish {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_english.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerjapanese {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_english.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoahoccongnghe {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/baner_khoahoccongnghe.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtvts {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner-trung-tam-tvts.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercaodangthuchanh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_kysu-cunhan.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerviendtnn {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_kysu-cunhan.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannere-hutech {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_ttdttx.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervjit {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_viencnvn.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaduoc {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoaduoc.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerduhocnuocngoai {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_duhocnuocngoai.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttvhnt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_ttvhnt.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdangbo {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_dangbo.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoanhatban {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoanhatban.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdambaochatluong {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_trungtamdambaochatluong.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertruyenthongthietke {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoatruyenthongthietke.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoahttt {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoahttt.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercirtech {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoacirtech.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercirtechen {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_khoacirtechen.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercunhannhatban {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_cunhannhatban.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercunhannhatbanjp {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_cunhannhatbanjp.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervkit {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_vkit.jpg?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertaichinh {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_phongtaichinh2.gif?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttgdtc {
    top: 0px;
    bottom: 2px;
    background: url("/images/banner/banner_ttgdtc.png?v=12042023") no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#contentnews * {
    line-height: 2 !important;
}

#contentnews span,
#contentnews div {
    font-family: RobotoRegular !important;
    font-size: 0.95rem !important;
}

#contentnews h1,
#contentnews h1 * {
    font-size: 1.125rem !important;
}

#contentnews h2,
#contentnews h2 * {
    font-size: 1rem !important;
}

.more_line {
    width: 100%;
    text-align: right;
    padding-top: 5px;
    display: inline-block;
}

.more_line a {
    color: red !important;
}

.image-cropper {
    width: 155px;
    height: 155px;
    position: inherit;
    overflow: hidden;
    border-radius: 50%;
    margin: 0px auto !important;
}

.image-cropper:hover {
    opacity: 0.7;
}

.image-cropper img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.goc-vinh-danh {
    margin-bottom: 10px;
}

.goc-vinh-danh .block {
    background: #fff;
    width: 88%;
    position: absolute;
    bottom: 0;
    text-align: center;
    border: 1px solid #0081ff;
    border-radius: 5px;
    padding: 4px 0;
    display: initial;
}

.goc-vinh-danh .block a {
    color: #0081ff;
    font-weight: bold;
}

#closemenu {
    display: none;
}

#thoigiandemnguoc {
    display: inline-block;
    width: 100%;
    padding: 0 10px 0 0;
}

.counter {
    float: right;
}

.counter ul.countdown {
    list-style-type: none;
    color: white;
    font-weight: bold;
    text-align: center;
}

.counter ul.countdown li {
    float: left;
    width: 50px;
    padding-top: 0px;
}

.counter ul.countdown li div {
    font-size: 12px;
    color: #006bb3;
}

.counter ul.countdown li div.countdown_num {
    font-size: 13px;
    color: #de4b39;
}

.counter ul.countdown li.no_countdown {
    padding-top: 4px;
    background: transparent;
    height: 110px;
    width: 180px;
}

.navbar-fixed-top {
    top: -60px;
    transition: top 800ms ease 0s;
    position: fixed;
    z-index: 9999;
}

.show {
    top: 0px;
}

.form-title {
    color: #fff;
    font-size: 16px;
    padding-left: 1px;
    font-family: RobotoRegular;
}

.icon-input img {
    position: absolute;
    top: 33px;
    left: 9px;
    z-index: 10;
}

.blockGoogleMap {
    position: relative;
}

.wrap-cover-google {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 400px;
    cursor: pointer;
}

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

.blockSocialLogo {
    position: absolute;
    top: 10px;
    right: 7%;
}

.social-logo {
    background: #fff;
    text-align: center;
    padding: 10px;
}

.social-logo img {
    width: 40px;
    margin: 3px;
    border-radius: 1px;
}

.trainghiemquocte2 {
    bottom: 95px;
}

#contentnews {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding: 0 0 20px 0;
    width: 100%;
}

.sharesocial {
    display: none;
}

.sharesocial a {
    margin-left: 5px;
}

.social_pin {
    width: 65px;
    padding-top: 150px;
    position: fixed;
    position: -webkit-sticky;
    top: 0;
    left: calc(50% - 595px);
    height: 100%;
    padding-bottom: 20px;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}

.social_left {
    list-style-type: none;
}

.social_pin .social_left li:first-child {
    margin-top: 0;
}

.social_pin .social_left li {
    margin-top: 10px;
    width: 32px;
}

.social_pin .social_left li a {
    width: 32px;
    height: 32px;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    justify-content: center;
    position: relative;
    border: 1px solid #e5e5e5;
}

.flexbox {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social_pin .social_left li a .ic {
    fill: #93908a;
    align-self: center;
}

.ic {
    width: 16px;
    height: 16px;
    fill: #757575;
    display: inline-block;
    vertical-align: middle;
}

.social_pin .social_left li a.social_fb:hover {
    background: #3b5999;
    border: 1px solid #3b5999;
}

.social_pin .social_left li a.social_zalo:hover {
    background: #02a8fe;
    border: 1px solid #02a8fe;
}

.social_pin .social_left li a.social_twit:hover {
    background: #55acee;
    border: 1px solid #55acee;
}

.social_pin .social_left li a.social_in:hover {
    background: #0a66c2;
    border: 1px solid #0a66c2;
}

@media screen and (max-width: 1000px) {
    .social_pin {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .sharesocial {
        display: inline-flex;
    }
}

.slick-slider .slick-prev {
    z-index: 100;
    font-size: 2.5em;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    color: #B7B7B7;
    position: absolute;
    top: 50%;
    text-align: center;
    color: #000;
    opacity: .3;
    transition: opacity .25s;
    cursor: pointer;
}

.slick-slider .slick-next {
    z-index: 100;
    font-size: 2.5em;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    color: #B7B7B7;
    position: absolute;
    top: 50%;
    text-align: center;
    color: #000;
    opacity: .3;
    transition: opacity .25s;
    cursor: pointer;
}

.slick-slider .slick-prev:hover {
    opacity: .65;
}

.slick-slider .slick-next:hover {
    opacity: .65;
}

.slick-slider .slick-prev {
    left: 0;
}

.slick-slider .slick-next {
    right: 0;
}

#detail .product-images {
    width: 100%;
    margin: 20px auto;
    border: 1px solid #eee;
}

#detail .product-images li {
    display: initial;
    outline: none;
    border: none;
}

#detail .product-images figure {
    display: initial;
    outline: none;
    border: none;
}

#detail .product-images a {
    display: initial;
    outline: none;
    border: none;
}

#detail .product-images img {
    display: initial;
    outline: none;
    border: none;
}

#detail .product-images .main-img-slider figure {
    margin: 0 auto;
    padding: 0 2em;
}

#detail .product-images .main-img-slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

#detail .product-images .main-img-slider figure a img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

#detail .product-images .thumb-nav {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 600px;
}

#detail .product-images .thumb-nav.slick-slider .slick-prev {
    font-size: 1.2em;
    height: 20px;
    width: 26px;
    margin-top: -10px;
}

#detail .product-images .thumb-nav.slick-slider .slick-next {
    font-size: 1.2em;
    height: 20px;
    width: 26px;
    margin-top: -10px;
}

#detail .product-images .thumb-nav.slick-slider .slick-prev {
    margin-left: -30px;
}

#detail .product-images .thumb-nav.slick-slider .slick-next {
    margin-right: -30px;
}

#detail .product-images .thumb-nav li {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: none;
}

#detail .product-images .thumb-nav li img {
    display: block;
    width: 100%;
    max-width: 75px;
    margin: 0 auto;
    border: 2px solid transparent;
    -webkit-transition: border-color .25s;
    -ms-transition: border-color .25s;
    -moz-transition: border-color .25s;
    transition: border-color .25s;
}

#detail .product-images .thumb-nav li:hover {
    border-color: #999;
}

#detail .product-images .thumb-nav li:focus {
    border-color: #999;
}

#detail .product-images .thumb-nav li.slick-current img {
    border-color: #d12f81;
}

@media screen and (max-width: 767px) {
    #lien-ket-dao-tao {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hoamai {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .news-block-bottom .img2 {
        max-height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .sinh-vien-khoi-nghiep {
        margin: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .no-padding-right {
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .padding-left-5 {
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .padding-top-5 {
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .padding-bottom-5 {
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    #nganh-dao-tao {
        margin: inherit !important;
    }
}

@media screen and (max-width: 767px) {
    #nganh-dao-tao li {
        float: inherit !important;
        width: auto !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews .g-image {
        height: 100% !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews table {
        width: 100% !important;
        margin: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 300px;
    }
}

@media screen and (max-width: 767px) {
    #contentnews tr {
        width: auto !important;
        height: auto !important;
        white-space: normal !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews th {
        width: auto !important;
        height: auto !important;
        white-space: normal !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews td {
        width: auto !important;
        height: auto !important;
        white-space: normal !important;
    }
}

@media screen and (max-width: 767px) {
    #contentnews td div {
        width: auto !important;
        height: auto !important;
        white-space: normal !important;
    }
}

@media screen and (max-width: 767px) {
    .blockLyDo .noidung {
        width: 100% !important;
        padding: 0 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .blockContent {
        width: 100% !important;
        padding: 0 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .footer-right {
        padding: 5px 0 0 10px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .padding-left {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .block-gioi-thieu .content-gioi-thieu {
        height: auto;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .case_studies--item {
        height: auto;
        margin: 0 0 10px 0;
    }
}

@media screen and (max-width: 767px) {
    case_studies--item-child {
        height: auto;
        margin: 0 0 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .thumb-video-new {
        padding: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .lang-kinh-hutech-more .item {
        margin: 15px 0 0 0;
        border-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .desc-video {
        height: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .block-trung-tam {
        height: auto !important;
    }
}

.trimtext2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    line-height: initial !important;
    max-height: initial !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 3px 0 4px 0 !important;
}

.trimtext3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    line-height: 1.65 !important;
    max-height: initial !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 3px 0 3px 0 !important;
}

@media (max-width: 466px) {
    #contentnews tr {
        width: auto !important;
    }
}

@media (max-width: 466px) {
    #contentnews th {
        width: auto !important;
    }
}

@media (max-width: 466px) {
    #contentnews td {
        width: auto !important;
    }
}


.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.table > :not(caption) > * > th, 
.table > :not(caption) > * > td {
    padding: 5px;
    border-bottom-width: 0 !important;
    box-shadow: none !important;
}

.form-group {
    margin-bottom: 15px;
}

.btn-block {
    display: block;
    width: 100%;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 10px;
    border-radius: 4px;
}

.input-group {
    display: table !important;
    border-collapse: separate;
}

.input-group .form-control {
    display: table-cell !important;
    width: 100%;
    float: left;
}

.input-group-btn {
    display: table-cell !important;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-btn .btn {
    white-space: nowrap;
}

.btn-group-justified {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: separate;
}

/* =====================================================================
   FIX MOBILE GRID V5 - ưu tiên col-xs-* khi dùng chung col-sm/md/lg
   ---------------------------------------------------------------------
   Ví dụ:
     <div class="col-xs-6 col-sm-3 col-md-3">...</div>

   < 768px  : col-xs-6 = 50%
   >= 768px : col-sm-3 = 25%
   >= 992px : col-md-3 = 25%

   Scope trong #sb-site để hạn chế ảnh hưởng Bootstrap 5 bên ngoài.
   ===================================================================== */

@media (max-width: 767.98px) {
    #sb-site [class*="col-sm-"]:not([class*="col-xs-"]),
    #sb-site [class*="col-md-"]:not([class*="col-xs-"]),
    #sb-site [class*="col-lg-"]:not([class*="col-xs-"]) {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #sb-site [class*="col-xs-"] {
        float: left !important;
        position: relative;
        min-height: 1px;
        box-sizing: border-box;
    }

    #sb-site .col-xs-1  { width: 8.33333333% !important; max-width: 8.33333333% !important; }
    #sb-site .col-xs-2  { width: 16.66666667% !important; max-width: 16.66666667% !important; }
    #sb-site .col-xs-3  { width: 25% !important; max-width: 25% !important; }
    #sb-site .col-xs-4  { width: 33.33333333% !important; max-width: 33.33333333% !important; }
    #sb-site .col-xs-5  { width: 41.66666667% !important; max-width: 41.66666667% !important; }
    #sb-site .col-xs-6  { width: 50% !important; max-width: 50% !important; }
    #sb-site .col-xs-7  { width: 58.33333333% !important; max-width: 58.33333333% !important; }
    #sb-site .col-xs-8  { width: 66.66666667% !important; max-width: 66.66666667% !important; }
    #sb-site .col-xs-9  { width: 75% !important; max-width: 75% !important; }
    #sb-site .col-xs-10 { width: 83.33333333% !important; max-width: 83.33333333% !important; }
    #sb-site .col-xs-11 { width: 91.66666667% !important; max-width: 91.66666667% !important; }
    #sb-site .col-xs-12 { width: 100% !important; max-width: 100% !important; }
}

@media (max-width: 767.98px) {
    #sb-site .row::before,
    #sb-site .row::after,
    #sb-site .content::before,
    #sb-site .content::after,
    #sb-site .noidung::before,
    #sb-site .noidung::after {
        display: table;
        content: " ";
    }

    #sb-site .row::after,
    #sb-site .content::after,
    #sb-site .noidung::after {
        clear: both;
    }
}