/* @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');
 } */
 body {
     /* font-family: Verdana, Arial, Helvetica, sans-serif !important; */
     color: #231f20 !important;
     letter-spacing: -0.2px;
     line-height: 2 !important;
 }

 #contentnews * {
     font-family: 'Open Sans', sans-serif !important;
 }

 #contentnews span,
 #contentnews div,
 #contentnews p {
     font-size: 15px !important;
 }

 .label {
     color: #fff;
 }

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

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

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

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

 .border {
     border: 1px solid #ccc;
 }

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

 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-size: 100% auto;
     margin: 0;
     font-family: 'Open Sans', sans-serif !important;
     font-size: 15px !important;
 }


 .content a:hover,
 a:focus {
     text-decoration: underline;
     color: #0063af;
     cursor: pointer;
 }

 @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-table;*/
 }

 /* ------------------ */

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

 @media (max-width: 1100px) {
     .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: #0064ac;
     color: #fff;
 }

 .back-red {
     background: #ba2629;
     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: #083f88;
 }

 .text-white {
     color: #fff;
 }

 .text-red {
     color: #ba2629;
 }

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

 .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: 13px;
 }

 #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: #0064ac;
     margin: 10px 0 10px 0;
     z-index: 99;
 }

 .slideshow {}

 .header-block {
     display: inline-flex;
     width: 100%;
     padding: 0;
     /* padding: 15px 15px 0 15px;
    background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #f1f3f2));
    background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    background: -o-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    background: -ms-linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    background: linear-gradient(45deg, #ffffff 0%, #ffffff 44%, #f1f3f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f2', endColorstr='#ffffff', GradientType=1); */
 }

 .header-block img {
     display: none;
 }

 .content-background {
    background: #f7f5f3 !important;
 }

 .content-block {
    margin: 0;
    padding: 10px 0 10px 0;
    border-radius: 0;
    background: #fff;
    display: inline-block;
    text-align: justify;
    width: 100%;
 }

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

 .title-block {
     /*font-size: 15px;*/
     padding: 6px 10px 6px 10px;
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     background: #0064ac;
     width: 100%;
     line-height: 1.5;
 }

 .title-block-2 {
     font-size: 15px;
     padding: 5px 0 5px 10px;
     font-weight: bold;
     text-transform: uppercase;
     color: #0064ac;
 }

 a.latestnews {
     color: #0064ac;
 }

 .list-news .title-block-2 {
     text-transform: uppercase;
 }

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

 .news-block-left img {
     max-width: 50%;
     float: left;
     padding: 0 15px 15px 0;
 }

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

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

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

 .event-right a {
     color: #185dca;
 }

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

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

 .footer {
     background: #0064ac;
     padding: 5px 10px;
     color: #dbd5d5;
 }

 .footer-left,
 .footer-right {
     padding: 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-2 {
     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;
     text-transform: uppercase;
 }

 .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%;
     margin: 0 0 5px 0;
     overflow: hidden;
 }

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

 #contentnews img {
     max-width: 100%;
     height: auto !important;
 }

 #contentnews ul {
     padding: 0;
 }

 #contentnews li {
     list-style: disc outside none;
     display: list-item;
     margin-left: 1em;
 }

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

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

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

 .height-block-2 {
     height: 410px;
     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;
 }

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

 .headertop {
     padding: 20px 0 10px 0;
 }

 @media screen and (max-width: 767px) {
     body.has-modal .wrap-page-mask> :first-child {
         width: 100% !important;
         margin: auto !important;
         height: auto !important;
         padding: 10px 0;
     }

     .menu-desktop,
     .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 {
         display: none;
     }

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

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

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

 /* .no-padding-home {
    padding: 0 !important;
} */
 /* slide tuyển dụng */
 /* top tin */

 .job-item {
     padding: 5px 0;
     margin: auto 0px;
     border-bottom: 1px solid #eee;
 }

 @media (min-width: 992px) {
     #box-feature-jobs .job-item {
         display: flex;
         align-items: center;
     }
 }

 .job-item .col-job-title .title {
     margin-bottom: 3px;
 }

 .text_ellipsis {
     white-space: nowrap !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
 }

 .text-dark-gray {
     line-height: 3.2em;
 }

 .icon-tuyen-dung {
     font-size: 1.2em;
 }

 .col-company-logo {
     width: 12.666667%;
 }

 /* top tin */
 /* end slide tuyển dụng */
 /* Doanh nghiệp đối tác */
 /* Phú update */

 .block-slide {
     display: inline-block;
     width: 100%;
     margin: 15px 0;
 }

 .carousel-control {
     display: initial;
     width: 5%;
 }

 #myCarousel3 .item div {
     max-height: 70px;
     min-height: 70px;
 }

 #myCarousel3 .item img {
     display: inline-block;
     max-height: 70px;
     padding-bottom: 7px;
 }

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

     .cloneditem-1,
     .cloneditem-2,
     .cloneditem-3,
     .cloneditem-4,
     .cloneditem-5 {
         display: none;
     }

     #contentnews table {
         width: 100% !important;
         margin: 0px !important;
     }

     #contentnews tr,
     #contentnews th,
     #contentnews td,
     #contentnews td div {
         width: auto !important;
         height: auto !important;
         white-space: normal !important;
     }

     .detail-news .content-block,
     .block-content {
         padding: 0 !important;
     }

     #contentnews img {
         width: auto !important;
         height: auto !important;
         max-width: 100% !important;
     }
 }

 .single_image {
     max-height: 150px;
     min-height: 150px;
     border: 1px solid #e2e1e1;
     align-items: center;
     justify-content: center;
     display: flex;
 }

 .single_image img {
     max-height: 140px;
     display: initial;
     vertical-align: middle;
 }

 /* end slide tuyển dụng */
 /* doanh nghiệp đối tác layout */

 .block-slide {
     display: inline-block;
     width: 100%;
     margin: 15px 0;
 }

 .carousel-control {
     display: initial;
     width: 5%;
 }

 #myCarousel3 .item div,
 #myCarousel4 .item div {
     max-height: 70px;
     min-height: 70px;
 }

 #myCarousel3 .item img,
 #myCarousel4 .item img {
     display: inline-block;
     max-height: 70px;
     padding-bottom: 7px;
 }

 #myCarousel3 .item img:hover,
 #myCarousel4 .item img:hover {
     opacity: 0.6;
 }

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

     .cloneditem-1,
     .cloneditem-2,
     .cloneditem-3,
     .cloneditem-4,
     .cloneditem-5 {
         display: none;
     }
 }

 /* doanh nghiệp đối tác layout */
 /* begin - doanh nghiệp đối tác */

 .single_image {
     max-height: 150px;
     min-height: 150px;
     border: 1px solid #e2e1e1;
     align-items: center;
     justify-content: center;
     display: flex;
 }

 .single_image img {
     max-height: 140px;
     display: initial;
     vertical-align: middle;
 }

 /* end - doanh nghiệp đối tác */

 .slide-img-p {
     padding-bottom: 2px;
     display: block;
     width: 7rem;
     height: 4.5rem;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     margin: auto;
 }

 .viec-lam-img-p {
     padding-bottom: 2px;
     display: block;
     width: 36rem;
     height: 6.5rem;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     margin: auto;
 }

 .viec-lam-title-pl-0-p {
     padding-left: 0 !important;
 }

 .viec-lam-title-pl-1-p {
     padding-left: 8px !important;
 }

 /* enable absolute positioning */

 .inner-addon-p {
     position: relative;
 }

 .inner-addon-p .glyphicon {
     position: absolute;
     padding: 10px;
     pointer-events: none;
 }

 .left-addon-p .glyphicon {
     left: 0px;
 }

 .right-addon-p .glyphicon {
     right: 0px;
 }

 .left-addon-p input {
     padding-left: 30px;
 }

 .right-addon-p input {
     padding-right: 30px;
 }

 .padding-input-left-p {
     padding-left: 10px !important;
 }

 .padding-input-right-p {
     padding-right: 10px !important;
     padding-left: 0 !important;
 }

 .padding-input-center-p {
     padding-left: 10px !important;
     padding-right: 10px !important;
 }

 .main-input-p {
     background-color: #1A3A46 !important;
     padding: 10px;
 }

 .row-main-input-p {
     width: 100%;
     margin-left: 0 !important;
 }

 .btn-full-width-p {
     width: 100%;
 }

 .block-content-p {
     display: block !important;
 }

 .has-feedback .form-control-p {
     padding-left: 34.5px;
 }

 .form-control-feedback-p {
     left: 0 !important;
 }

 .btn-search-mobile {
     text-align: right;
 }

 .has-feedback-p {
     margin-bottom: 15px !important;
 }

 .icon-form-p {
     opacity: 0.5;
 }

 @media (min-width: 992px) {
     .padding-mobile-p {
         padding-right: 0;
     }

     .btn-search-mobile {
         text-align: left;
     }

     .has-feedback-p {
         margin-bottom: 0px !important;
     }

     .main-input-pl-p {
         padding-left: 10px !important;
     }
 }

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


 /*Recent Articles and Most Viewed Articles*/
 .viewMoreArticles {
     padding-top: 5px;
     font-style: italic;
 }

 #recentArticles,
 #mostPopularArticleBlock {
     line-height: 1.7;
     /*padding-left: 40px;*/
 }

 #recentArticles div,
 #mostPopularArticleBlock div {
     float: left;
     display: block;
     width: 100%;
     /*clear:both;*/
 }

 #recentArticles .recentArticleTitle,
 #mostPopularArticleBlock .recentArticleTitle {
     width: auto;
     display: block;
     clear: none;
     color: #083f88;
     font-weight: bold;

 }

 #recentArticles .recentArticleTitle a,
 #mostPopularArticleBlock .recentArticleTitle a {
     text-decoration: none;

 }

 a.recentArticleAbstractLink {
     color: #083F88;
 }

 #recentArticles .recentAuthor a,
 #mostPopularArticleBlock .recentAuthor a {
     text-decoration: none;
 }

 div.aPublishedArticle {
     padding: 5px 0 10px 0;
 }

 .recentArticleDownload a {
     display: block;
     float: left;
     clear: none;
     margin-right: 5px;
     text-decoration: none;
     cursor: pointer;
 }

 #recentArticles .recentArticleAbstract,
 #mostPopularArticleBlock .recentArticleAbstract {
     /*margin-left: 30px;*/
     /*margin-right: 30px;*/
     border: dashed 1px;
     padding: 10px;
     width: auto;
     clear: left;
     text-align: justify;
 }

 .recentArticleIssue {
     font-style: italic;
 }

 #customblock-AimAndScope {
     display: block;
 }

 #customblock-AboutTDT {
     display: block;
 }

 .articlePublishedDate,
 .viewedSinceDate {
     font-weight: bold;
 }

 .anAuthor {
     display: block;
     float: left;
 }

 span.researchDecorationBar {
     font-weight: 800;
 }

 span.openAccessDecorationBar {
     background-color: #5cadce;
     color: #FFFFFF;
     padding: 0 5px;
     font-weight: 300;
 }

 /*End Recent Articles and Most Viewed Articles*/


 .cus-text-underline {
     text-decoration: underline;
     color: #083F88;
 }

 .fa-1x {
     font-size: 90%;
     color: #cdcdcd;
 }

.item{
    margin: 0px;
 }
 .item > .label{
    color: black !important;
    padding: unset !important;
    font-size: unset !important;
    font-weight: unset !important;
    line-height: unset !important;

 }

 .em-like {
  font-style: italic;
}


.item > .label.h2-label{
    font-size: 1.2em !important;
}