@font-face {
    font-family: SFUFutura;
    src: url('../fonts/sfu-futura2/SFUFuturaHeavy.TTF');
}

@font-face {
    font-family: SFUFutura2;
    src: url('../fonts/sfu-futura2/SFUFuturaBold.TTF');
}

@font-face {
    font-family: SFUFutura3;
    src: url('../fonts/sfu-futura2/SFUFuturaBook.TTF');
}

@font-face {
    font-family: SFUFutura4;
    src: url('../fonts/sfu-futura2/SFUFuturaExtraBold.TTF');
}

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

hr {
    border-color: #000;
}

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

#logo {
    width: auto;
}

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

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

.navbar {
    margin-bottom: 1px;
}

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

.nopadding {
    padding: 0 !important;
}

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

.nomargin {
    margin: 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%;
    }
}

@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,
.btn-yellow:focus {
    background: #FCFFB1;
    color: #000;
}

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

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

.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,
    .blockLyDo .noidung,
    .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-blue {
    background: #0063cd;
    color: #fff;
}

.back-gray {
    background: #f2f2f2;
}

.back-white {
    background: #fff;
}

.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 {
    color: #185dca;
}

.text-white {
    color: #fff;
}

.text-red {
    color: #f61b17;
}

.text-orange {
    color: #ff7023;
}

.back-orange {
    background: #ff7023;
}

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

.text-green {
    color: #a9cf46;
}

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-right-2 {
    padding-right: 0;
}

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

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

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

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

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

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

.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-1-5 {
    font-size: 1.5em !important;
}

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

.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,
.slide-box-tieng-anh,
.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,
.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;
    }
    .slide-box-about {
        height: 305px;
        overflow: hidden;
    }
    .slide-box-about2 {
        height: 382px !important;
    }
    .slide-box-img {
        overflow: hidden;
    }
    .slide-box-footer-rgba {
        height: 150px;
        overflow: hidden;
    }
    .block-slide {
        margin: 20px 0 0 40px;
    }
}

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

.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,
.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;
    /*border-radius: 4px 4px 4px 4px;*/
}

#green a:hover,
#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;
    /*border-radius: 4px 4px 4px 4px;*/
}

#green a:hover,
#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;
    /*border-radius: 4px 4px 4px 4px;*/
}

#green a:hover,
#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;
    /*border-radius: 4px 4px 4px 4px;*/
}

#blue a:hover,
#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;
    /*border-radius: 4px 4px 4px 4px;*/
}

#blueSea a:hover,
#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;
}

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

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

.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;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #314248, #757474);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #314248, #757474);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #314248, #757474);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #314248, #757474);
    /* Standard syntax (must be last) */
}

.warp_gradient_45 {
    background: #314248;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-45deg, #314248, #757474);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-45deg, #314248, #757474);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-45deg, #314248, #757474);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg, #314248, #757474);
    /* Standard syntax (must be last) */
}

.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;
}

#menumobile {
    display: none;
}

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

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

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

.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;
}

.cd-top.cd-is-visible,
.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;
}

/* ----------MENU------------- */

#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 ul ul {
    /* margin: -29px 0 0 20em; third-and-above-level lists */
    margin: -29px 0 0 calc(95%);
    width: calc(100%);
}

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

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

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

/* This "unhides" the sub-menus (left: -999em is what hides them) */

#ja-cssmenu li:hover ul,
#ja-cssmenu li li:hover ul,
#ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul,
#ja-cssmenu li.havechildsfhover ul,
#ja-cssmenu li.havechild-activesfhover ul,
#ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul,
#ja-cssmenu li li.havesubchildsfhover ul,
#ja-cssmenu li li.havesubchild-activesfhover ul,
#ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul,
#ja-cssmenu li li li.havesubchildsfhover ul,
#ja-cssmenu li li li.havesubchild-activesfhover ul,
#ja-cssmenu li li li.activesfhover 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: normal;
}

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

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

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

/* 2nd level and above */

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

/* 1st level */

#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;
}

/* 2nd level and above */

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

#lien-he {
    /*right:0;*/
}

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

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

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

#vjit-chuong-trinh-dao-tao {
    width: 400px !important;
}

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

/*specific styles*/

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 a.active,
#ja-cssmenu li ul a.active:hover,
#ja-cssmenu li ul a.active:focus,
#ja-cssmenu li ul a.active: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;
    text-align: left;
}

/* ----------END MENU------------- */

.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;
    /* display: inline-block;*/
}

.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-full {
    width: 100%;
}

.w-hide {
    overflow: hidden;
}

#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;
}

.header-right-content2 {
    width: 185px !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;
}

.icon_jp {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -74px -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 );*/
}

.slideshow {}

.header-block {
    display: inline-flex;
    width: 100%;
    overflow: hidden;
    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;
    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: 16px;
    padding: 3px 0 0 10px;
    font-weight: bold;
}

.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 {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -147px -149px transparent;
    height: 33px;
    width: 25px;
    margin: 0 0 0 0;
}

.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-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-media-play:hover {
    opacity: 0.9;
}

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

.icon-lien-he-youtube {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -282px -151px 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-twice {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -340px -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-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-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-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: 10px 10px 10px 12px;
}

.he-thong-dao-tao span {
    font-weight: bold;
}

.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-cu-nhan-thuc-hanh {
    background: url(//www.hutech.edu.vn/images/icon-hutech.png) no-repeat scroll -542px -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 -697px -144px 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;
}

.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: 8% 0 0 0;
}

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

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

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

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

.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: 10px 0 0 0;
    margin: 0;
    border-top: 1px solid #eee;
}

.news-block-bottom .title {
    padding: 0 10px 0 0;
    font-weight: bold;
}

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

.news-block-bottom .img,
.news-block-bottom .img2 {
    max-height: 90px;
    overflow: hidden;
}

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

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

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

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

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

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

.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;
    ont-weight: bold;
}

#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;
    ont-weight: bold;
}

#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;
    ont-weight: bold;
}

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

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

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

#MAUCAM a span {
    color: #FFF;
    ont-weight: bold;
}

#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;
    ont-weight: bold;
}

#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;
    ont-weight: bold;
}

#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;
    ont-weight: bold;
}

#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;
    ont-weight: bold;
}

/* Link */

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

#tsmaucam a {
    background: url("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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("//www.hutech.edu.vn/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,
#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,
#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,
#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,
#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,
#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,
#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,
#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,
#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,
#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;
}

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

ul.latestnews li {
    background: url(//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;
}

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

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

.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;
}

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

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

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

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

.footer a {
    color: #fff;
}

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

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

#menumobile {
    padding: 2px 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,
.menu-hutech-tv-active {
    background: #ff8025;
    color: #fff;
}

.lang-kinh-hutech {
    /*padding: 15px 10px*/
}

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

.lang-kinh-hutech-more {}

.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 .title-block {
    margin: 0 0 10px 0;
}

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

.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,
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 {
    height: 290px;
    overflow: hidden;
}

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

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

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

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

#contentnews table,
#contentnews tr,
#contentnews th,
#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;
}

#bannerhtdn {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_hoptacdoanhnghiep2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

/*#bannerroot{top:0px;bottom:2px;background:url('http://www.hutech.edu.vn/images/banner_search22nam.gif') no-repeat scroll right top transparent;overflow:hidden;width:999px;text-align:right;height:133px;}*/

#bannerroot {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner_search6.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannermedia {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner_search5.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

/*#bannerroot{top:0px;bottom:2px;background:url('http://www.hutech.edu.vn/images/tet/banner_tet2017_2.jpg') no-repeat scroll right top transparent;overflow:hidden;width:100%;text-align:right;height:133px;}*/

/*#bannerroot{top:0px;bottom:2px;background:url('//www.hutech.edu.vn/images/banner_noel2.jpg') no-repeat scroll right top transparent;overflow:hidden;width:999px;text-align:right;height:133px;}
/*#bannerroot{top:0px;bottom:2px;background:url('//www.hutech.edu.vn/images/banner_searchnewyear.gif') no-repeat scroll right top transparent;overflow:hidden;width:999px;text-align:right;height:133px;}*/

#bannerkhoanhatbanjp {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoanhatbanjp.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertuyensinh {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_tuyensinh6.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacntt {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoacntt2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaqtkd {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoaqtkd2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacodientu {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_vienkythuat.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkythuat {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_vienkythuat.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoamtcn {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoamtcn2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoakt {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoakt2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoacnshtpmt {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_vienkhoahocungdung.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienkhoahoc {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_vienkhoahocungdung.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaqtnhks {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoaqtnhks.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoakhxhnv {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoakhxhnv.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaxd {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoaxaydung2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertienganh {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoangoaingu3.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertienganhen {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoangoainguEN.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaluat {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoaluat.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtchc {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_phongtchc2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannersdh {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_phongqlkh2.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongqlkh {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_phongqlkh2.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercongdoan {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_congdoan.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdoantn {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_doanthanhnien.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongctsv {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_phongctsv2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdoinhom {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_phongctsv2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerviendtqt {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_viendtqt3.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerquocte {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_viendtqt3.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervienqttckt {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_vienqtkttc2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerviendtn {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_viendtn.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttnn {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_ttnn.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttth {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_ttth.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkynangmem {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_kynangmem.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttgdctqp {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_TTGDCTQP.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerenglish {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_english.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerjapanese {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_english.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

/*bannerenglish{top:0px;bottom:2px;background:url('//www.hutech.edu.vn/images/banner_searchnewyear.gif') no-repeat scroll right top transparent;overflow:hidden;width:999px;text-align:right;height:133px;}*/

#bannerkhoahoccongnghe {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoahoccongnghe.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerphongtvts {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_phongtvts2.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannercaodangthuchanh {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_kysu-cunhan.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannere-hutech {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_ttdttx.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannervjit {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_viencnvn.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoaduoc {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoaduoc.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerduhocnuocngoai {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_duhocnuocngoai.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerttvhnt {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_ttvhnt.jpg') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdangbo {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_dangbo.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoanhatban {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoanhatban.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerdambaochatluong {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_trungtamdambaochatluong.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannertruyenthongthietke {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoatruyenthongthietke.gif') no-repeat scroll right top transparent;
    overflow: hidden;
    width: 999px;
    text-align: right;
    height: 133px;
}

#bannerkhoinghiep {
    top: 0px;
    bottom: 2px;
    background: url('//www.hutech.edu.vn/images/banner/banner_khoinghiep.gif') 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 {
    height: 660px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
}

.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;
}

#contentnews span {
    font-family: SFUFutura3 !important;
}

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

.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;
    /*background: url(images/digit.png) no-repeat;
    height:110px;*/
    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;
}

@media screen and (max-width: 767px) {
    .menu-desktop,
    .news-block-right,
    .header-right,
    .news-block-bottom .img,
    .coso,
    .truso,
    #lien-ket-dao-tao {
        display: none !important;
    }
    .news-block-bottom .img2 {
        max-height: 100%;
    }
    .sinh-vien-khoi-nghiep {
        margin: 0 !important;
    }
    .news-block-left,
    .no-padding-left,
    .no-padding-right,
    .padding-right-5,
    .padding-left-5,
    .padding-top-5,
    .padding-bottom-5 {
        padding: 0 !important;
    }
    #menumobile {
        display: inherit !important;
    }
    .headertop {
        background: none !important;
        width: auto !important;
        height: auto !important;
    }
    .image-news-home {
        max-height: auto !important;
    }
    .header-left {
        text-align: center;
        padding: 5px 0;
        display: inherit !important;
    }
    .header-left img {
        width: 50% !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,
    .blockLyDo .noidung,
    .blockContent {
        width: 100% !important;
        padding: 0 10px !important;
    }
    .footer-left {
        padding: 10px 0 0;
    }
    .footer-right {
        padding: 5px 0 0 10px;
        text-align: center;
    }
    .padding-left {
        padding-left: 0;
    }
    .carousel-control.left,
    .carousel-control.right {
        width: auto !important;
        font-size: 16px;
        padding-top: 25% !important;
    }
    .img-responsive {
        display: inline-block;
        width: 100%;
    }
    .block-gioi-thieu .content-gioi-thieu {
        height: auto;
        overflow: hidden;
    }
    .case_studies--item,
    case_studies--item-child {
        height: auto;
        margin: 0 0 10px 0;
    }
    .thumb-video {
        margin-bottom: 5px;
        height: 245px;
    }
    .thumb-video,
    .thumb-video-new {
        padding: 10px !important;
    }
    .thumb-video .img {
        /*max-height: 100% !important;*/
    }
    .news-title {
        font-size: 13px;
    }
    .lang-kinh-hutech-more .item {
        margin: 15px 0 0 0;
        border-left: 0;
    }
    .desc-video,
    .block-trung-tam,
    .height-block,
    .height-block-2 {
        height: auto !important;
    }
}

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

@media (max-width: 992px) {}

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