@charset "utf-8";
@import "jquery.mmenu.all.css";
@import "vanban.css";

/*------------------------------------------------------------------------*/
.ui-sortable-placeholder {border: 1px dotted black; visibility: visible !important; height: 150px; background-color: #cccccc !important;}
.ui-sortable-placeholder * {visibility: hidden;}
.portlet {background-color: transparent;}

.webtable {box-shadow: none !important;}
/*------------------------------------------------------------------------*/

/* CSS Document */
body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
    background: #fff;
}
ol, ul, ul li {
    padding:0;
    margin:0;
    list-style:none;
}
p {
    margin-bottom: 5px;
}

img {
    border: 0;
}
/*
a:focus {
    outline: thin dotted;
}*/
a {
    color: #333;
    text-decoration: none;
}
a:hover, a:active {
    outline: 0;
    text-decoration: none;
    color: red;
}
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 18px;
    margin: 0;
}

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

.block_mobile {display: none;}

/*.c-header-inner {background: #2B2E40;}*/
.clMenu {
    display: flex;
    position: relative;
    background: #cf480d;
}
.clMenu > ul > li {
    float: left;
    padding: 10px;
    /*border-right: 1px solid #2B2E40;*/
    /*margin-top: 3px;*/
}
.clMenu > ul > li:first-child {padding-left: 20px;}
.clMenu > ul > li:last-child {border-right: 0;}
.clMenu > ul > li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}
.clMenu > ul > li a:hover {color: #fdd200;text-decoration: underline;}
/*.clMenu > ul > li:hover {background: url(images/1.png) 100% 0 repeat-x;}*/

.uk-navbar-nav > li:hover .sub_menu_main{
    display: block; 
}
.sub_menu_main {
    position: absolute;
    top: 100%;
    min-width: 220px;
    border-top: none;
    display: none;
    background: #d65a01;
    margin-left: -20px;
    /*border: 1px solid #cacaca;*/
    z-index: 9;
}
.sub_menu_main ul li {
    display: block;
    padding: 5px 10px;
    position: relative;
    border-bottom: 1px solid #fff;
    float: none;
}
.sub_menu_main ul li {border-right: 0;}
.sub_menu_main ul li:last-child {
    border-bottom: none;
}
.sub_menu_main ul li::before {border-right: 0;}
.sub_menu_main ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding-left: 10px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    position: relative;
}
.sub_menu_main ul li:hover > a {
    color: #fdd200;
    /*font-weight: 700;
}
*/
.sub_menu_main ul > li > a::before {
    content: "\f105";
    position: absolute;
    top: -4px;
    left: 0px;
    font-family: FontAwesome;
    font-size: 15px;
}
/*

.uppercase {text-transform: uppercase;}
.blog-news {color: #000;}
.blog-news .home-title {
    border-bottom: 2px solid #185daa;
    padding-bottom: 5px;
}
.blog-news .home-title a {
    font-size: 16px;
    font-weight: bold;
}
.blog-news .blog-news-content {
/*    margin: 20px 0;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
    color: #808080;*/
}

.content .portlet {margin-bottom: 15px;}

.blog-news2 .top-blog {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
}
.blog-news2 .top-blog a {
    font-size: 20px;
    color: #00ccff;
    text-transform: uppercase;
}
.blog-news2 img {
    /*width: 100%;*/
    height: 185px;
}
.blog-news2 .thumb-product {
    border: 1px solid #e25f3f;
    border-radius: 10px;
    overflow: hidden;
}
.blog-news2 .wrap-info {
    background: #251b1b;
    text-align: center;
    padding: 10px 5px;
}
.blog-news2 .wrap-info h3 {font-size: 14px;}
.blog-news2 .wrap-info h3 a {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}
.blog-news2 {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
}

.clfootter {
    /*background: url(images/bottom.png) center no-repeat;*/
    background: #d66832;
    padding: 25px 0;
    color: #fff;
    text-align: center;
    line-height: 24px;
}
.clfootter2 {
    text-align: center;
    background: #2B2E40;
    padding: 10px 20px;
    display: flex;
}

/*.clsArticle .home-group-content {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-bottom: 2px;
}
.clsArticle .home-group-content h1 {
    font-size: 24px;
    color: #185daa;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
}*/
.content-detail {
    line-height: 20px;
    font-family: arial, helvetica, sans-serif !important;
    text-align: justify;
}
.content-detail h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #333;
}
.content-detail img {max-width: 100%;}

.social_share {margin: 20px 0;}
.box_tinlienquan .txt_main_category {
    font-family: Roboto;
    font-size: 16px;
    color: #DF7100;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: bold;
}
.box_tinlienquan .content_box_category a {
    background: url(images/tintuckhac.png) no-repeat 0 8px;
    display: block;
    padding: 3px 10px 4px 20px;
    color: #185daa;
    border-bottom: 1px dotted #c8c8c8;
    line-height: 18px;
}
.box_tinlienquan .content_box_category a:hover {
    color: #015db2;
    font-weight: bold;
}

/*.home-group-title {
    height: 42px;
    background: url(images/border.png) repeat-x bottom;
    margin-bottom: 30px;
}*/
.home-group-title a, .home-group-title h1 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.article {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.newsview h2 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    position: relative;
    /*margin-left: 5px;*/
    display: flex;
    line-height: 20px;
}
.newsview h2 a {
    color: #d65a01; 
    border-bottom: 1px solid #fff;
}
.newsview h2 a:hover {color: red;}

/*.newsview h2 a:hover {color: red;}
.newsview h2::before{
    position: absolute;
    content: "";
    border-left: 2px solid #b7530f;
    width: 0px;
    height: 100%;
    left: -7px;
    top: 0px;
}
.newsview h2::after {
    position: absolute;
    content: "";
    border-left: 2px solid #106fc4;
    width: 0px;
    height: 100%;
    left: -3px;
    top: 0px;
}*/
.newsview .clsSum {
    color: #333;
    font-weight: 500;
    position: relative;
    font-family: arial, helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: justify;
}
.article a.view-more {
    color: red;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    float: right;
}
.page {
    font: normal 12px Arial;
    color: #757575;
    padding-top: 15px;
    background: url(images/line.png.ashx) repeat-x top left;
}

.page span {
    font: normal 14px Arial;
    text-align: center;
    padding: 0;
    width: 27px;
    display: inline-block;
    line-height: 26px;
    margin: 2px;
    color: #fff;
    background: #015db2;
}
.page a {
    font: normal 14px Arial;
    text-align: center;
    padding: 0;
    width: 27px;
    display: inline-block;
    line-height: 26px;
    margin: 2px;
    color: #015db2;
    background: url(images/trangkhac.gif) no-repeat center;   
}

.thong_bao .home-group-title {
    background: #cf480d;
    padding: 6px 15px;
}

.content-left .home-group-title {
    /*height: 31px;*/
    background: url(images/border.png) repeat-x bottom;
    font: 14px/33px 'Roboto';
}
.content-left .home-group-title a, .content-left .home-group-title h1 {
    font: 15px/20px 'Roboto';
    color: #333;
    /*height: 30px;*/
    display: inline-block;
    /*float: left;*/
    text-transform: uppercase;
    border-bottom: 2px solid #015db2;
    font-weight: bold;
    padding-bottom: 4px;
}
.content-left .home-group-content h1 {
    font-size: 14px;
    font-family: Roboto;
    font-weight: bold;
    margin: 0;
    display: inline-block;
    color: #d65a01;
    margin-top: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-style: normal;
    line-height: 18px;
}

/*.home-group-title a, .home-group-title h1 {
    font-size: 24px;
    color: #1270cf;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #1270cf;
}*/
.clsArtgroup .home-group-content {
    margin: 30px 0;
}

.article img {
    margin-right: 20px;
    margin-bottom: 20px;
}

.clsImage .home-group-content, .clVideo .home-group-content, 
.clVanban .home-group-content, .clsLienhe .home-group-content, .clsThutuc .home-group-content {margin-top: 30px;}
.photo-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.tlt {
    color: #d65a01;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px 0;
}
.tag_detail {
    margin: 15px 0;
}
.photo-viewer {
    float: left;
    width: 200px;
    height: 200px;
    margin: 18px 15px 0;
}
.photo-viewer img {
    border: 1px solid #ddd;
    padding: 1px;
}
.thumb-tlt {
    color: #333;
    display: block;
    font-weight: 500;
    margin: 10px 0;
    height: 40px;
    overflow: hidden;
}
.divAlbumItem {
    height: 100%;
    margin-top: 10px;
    width: 30%;
    display: inline-table;
    margin-right: 20px;
}
.thumbImg {
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
.clsImage .home-group-content img {
    border: 1px solid #CCCCCC;
    margin: 3px 7px 0 0;
    width: 100%;
}
.titleAlbum {
    height: 40px;
    overflow: hidden;
    margin-bottom: 2px;
    margin-top: 5px;
    color: #d65a01;
    font-weight: 500;
}
.tag_content img, .img-thume img {width: 100%;}

#cssmenu a {
    line-height: 1.3;
}
#cssmenu > ul > li {
    position: relative;
    background: #e1f0f7;
    border-bottom: 1px solid #fff;
}
#cssmenu > ul > li:hover {
    /*background: #1f67b9;*/
    color: red;
}
#cssmenu > ul > li > a {
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}
#cssmenu > ul > li > a > span {
    display: block;
    padding: 10px 10px 7px 20px;
    border-left: 3px solid #cf480d;
}
#cssmenu > ul > li > a:hover {
    text-decoration: none;
}
#cssmenu > ul > li.active {
    border-bottom: none;
}

.content {
/*    margin-top: 15px;
    margin-bottom: 15px;*/
}
.content-left {
    width: calc(100% - 320px);
    float: right;
}
.content-center {
    width: 640px;
    float: left;
}

.content-right {
    width: 300px;
    float: left;
}
.content-right .box-title {
    background: #cf480d;
    padding: 6px 15px;
}
.content-right .box-title a {
    color: #FFF;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.content-right .box-content {margin-top: 1px;}

.thong_bao .home-group-content {
    background: #fff7a8;
    padding: 0 15px;
    height: 345px;
    overflow: hidden;
}
.ThongBao_item {
    padding-bottom: 10px;
    border-top: 1px dashed #ddd;
    padding-top: 10px;
    text-align: justify;
}

.logo {
    text-align: right;
    margin-top: 15px;
}

.item-first img {width: 100%;}
.blog-news .blog-news-content {margin-top: 15px;}
.item-first h2 {line-height: 0;}
.item-first h2 a {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
}
.item-first h2 a:hover {color: red;}
.blog-news .home-title, .box-dvtt .box-dvtt-title {
    border-bottom: 1px solid #e8d3c3;
    padding-bottom: 7px;
    margin-bottom: 20px;
}
.blog-news .home-title a, .box-dvtt .box-dvtt-title span {
    color: #d65a01;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}
.sapo {
    margin-top: 10px;
    text-align: justify;
}
/*.list-news-style2 {
    padding-top: 5px;
    margin-bottom: 5px;
    border-top: 1px dashed #ddd;
    margin-top: 5px;
}
.list-news-style2 ul li {
    padding-top: 7px;
}
.list-news-style2 ul li .icon {
    background: #989898;
    width: 4px;
    height: 4px;
    float: left;
    margin: 7px 10px 0 0;
}
.list-news-style2 ul li a, .item-title a {
    font-weight: 500;
    color: #000;
}
.list-news-style2 ul li a:hover, .item-title a:hover {
    color: #ed1b24;
}*/

.blog-news img {width: 100%;}
.item-title {margin: 10px 0;}

.blog-news3 .home-title, .blog-video .top-blog, .box-Thuvienanh .box-title {
    background: #e8e8e8;
    color: #185daa;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 18px;
    border-left: 10px solid #185daa;
    padding: 7px 10px;
}
.top-blog .top-blog a, .box-Thuvienanh .box-title a {color: #185daa;}
.home-content {
    border: 1px solid #e5e5e5;
    padding: 10px;
}
.article-item {
    padding-bottom: 5px;
    background: url(images/bg_new_right.png) no-repeat left 5px;
    padding-left: 15px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 5px;
}
.article-item a {
    color: #185daa;
}
.article-item a:hover {text-decoration: underline;}

.img-thume {
    position: relative;
}
.icon-video {
    position: absolute;
    bottom: 0;
    left: 0;
}
.warp-video .clcaption h2 {
    padding: 10px;
    line-height: 18px;
    font-size: 14px;
}
.clcaption {background: #dfdfde;}

.warp-video .clcaption a {
    color: #185daa;
}

.box-Thuvienanh .carousel-caption {
    right: 0%;
    left: 0%;
    padding-bottom: 0;
    bottom: 0px;
    background: #f1f1f1;
    position: initial;
    padding: 10px;
    text-shadow: none;
    font-weight: bold;
}
.box-Thuvienanh .carousel-caption h3 {
    color: #333;
    font-weight: 700;
    font-family:  'Roboto';
    font-size: 14px;
}
.carousel-control.left , .carousel-control.right {
    background: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
/*    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;*/
}
.box-Thuvienanh img {
    width: 100%;
}

.blog-video .blog-content, .box-Thuvienanh .carousel {margin-top: 2px;}

/*Chinh lai CSS Boottrap*/
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-md-4, .col-md-8, .col-md-12, .col-sm-4 {
    padding-right: 10px;
    padding-left: 10px
}

.box-content h2 a {
    font-weight: 700;
    text-align: justify;
    color: #333;
    font-size: 14px;
}
.box-content h3 a {
    color: #333;
    font-weight: normal;
    font-size: 14px;
    text-align: justify;
}
.box-content h3 {
    border-top: 1px dashed #d2d2d2;
    margin-top: 5px;
    padding: 2px 0;
}
.box-content a:hover {color: red;}
.article-hot-right {
    width: 280px;
    float: right;
}
.article-hot-left {
    float: left;
    width: calc(100% - 300px);
    height: 450px;
    overflow: hidden;
}

.images_ct_left img {width: 100%;}
.article-hot-left h1 {
    line-height: 18px;
    margin: 10px 0;
}
.article-hot-left h1 a {
    color: #d65a01;
    font-weight: bold;
    font-size: 18px;
}
.article-hot-right-content .more-article-item img {
    display: none;
    width: 30%;
    margin-right: 15px;
    float: left;
}

.article-hot-right .article-hot-title {
    background: #d65a01;
    padding: 6px 15px;
    text-align: center;
}
.article-hot-right .article-hot-title span {
    color: #FFF;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.article-hot-right-content {margin-top: 15px;}

.form-search {
    display: inline-block;
    width: 100%;
    text-align: right;
    position: relative;
    border: 1px solid #ddd;
}
.form-search input {
    padding: 7px 30px 7px 15px;
    border: none;
    background: none;
    color: #333;
    width: 100%;
}
.form-search button {
    position: absolute;
    right: 0px;
    border: none;
    font-size: 20px;
    border-radius: 0px 5px 5px 0px;
    top: 1px;
    color: #514f4f;
    background: none;
}
input::placeholder {
  color: #6e6e6e;
}

/* display none until init */
.owl-carousel{
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width:100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}	
.owl-carousel .owl-item{
    float: left;
    width: 50%;
    margin-right: 4px;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.content-left-left {
    width: 220px;
    float: left;
}
.content-left-right {
    width: calc(100% - 240px);
    float: right;
}

.clMenuCat .home-title {
    background: #d65a01;
    padding: 8px 15px;
    color: #FFF;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.content-left-left .imglink {border: 1px solid #f3e4dc;}
.content-left-left .imglink img {width: 100%;}

.box-video .box-title {
/*    background: none;
    padding: 6px 15px;
    text-align: center;*/
}
.box-video .box-title a, .content-right .box-title span {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
.box-video-content .caption {
    background: #fff7a8;
    padding: 10px;
}
.box-video-content .caption h2 {padding: 5px 0;}
.box-video-content .caption h2 a {
    font-weight: 700;
    text-align: justify;
    color: #333;
    font-size: 14px;
}
.box-video-content .caption h3 a {
    background: url(images/icon-new2.png) 0px no-repeat;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    text-align: justify;
    padding-left: 15px;
}
.box-video-content .caption h3 {
    border-top: 1px dashed #d2d2d2;
    margin-top: 5px;
    padding: 2px 0;
}
.box-video-content .caption a:hover {color: red;}

.content-left-right .home-group-title {
    /*height: 31px;*/
    background: url(images/border.png) repeat-x bottom;
    font: 14px/33px 'Roboto';
}
.content-left-right .home-group-title a, .content-left-right .home-group-title h1 {
    font: 15px/20px 'Roboto';
    color: #333;
    /*height: 30px;*/
    display: inline-block;
    /*float: left;*/
    text-transform: uppercase;
    border-bottom: 2px solid #015db2;
    font-weight: bold;
}
.content-left-right .home-group-content h1 {
    font-size: 14px;
    font-family: Roboto;
    font-weight: bold;
    margin: 0;
    display: inline-block;
    color: #d65a01;
    margin-top: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-style: normal;
    line-height: 18px;
}

.clsArticle .home-group-content h2 {
    font-weight: bold;
    color: #333;
    margin: 10px 0;
    font-size: 14px;
    line-height: 18px;
    font-family: Roboto;
}

.boxThongbao .more-article-item {
    margin: 5px 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
}
.boxThongbao .more-article-item img {margin-right: 10px;}

.box-dvtt-title-content .icon {
    background: #e70507;
    width: 5px;
    height: 5px;
    float: left;
    margin: 7px 10px 0 0;
}

.banner img, .content-left-right .imglink img {width: 100%;}

.boxThongbao, .clsArticle-hot, .content-right .imglink, .blog-news, .clMenuCat #cssmenu, .box-video, .clsArticle, 
.clsArtgroup, .clsLienhe, .clVideo, .clsImage, .clVanban, .clsThutuc, .boxThongbao, .box-dvtt, .truy_cap {
    /*padding: 10px;*/
    /*box-shadow: 0 0 5px #e3e3e3;*/
}

.clsViTi {
    /* font-family: "Roboto Condensed",sans-serif; */
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.divVideo img {
    width: 100%;
    border: 1px solid #ccc;
}

/*Nhan su*/
.clsTieuchi {
    border-bottom: 1px solid #F0D6C9;
    display: table;
    width: 100%;
    padding-bottom: 10px;
}
.clsTTNhanSu {padding: 10px 0;}
.clsTTNhanSu img {
    border: none !important;
    margin: 0 !important;
}
.style1kk {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
}

/*Menu C3*/
#cssmenu li ul {
    position: absolute;
    z-index: 99;
    min-width: 220px;
    display: none;
    left: 301px;
    top: 0;
    background: #e1f0f7;
}
#cssmenu li:hover ul {
    display: block;
}
#cssmenu li ul li {
    border-bottom: 1px solid #fff;
}
#cssmenu li ul li a {
    display: block;
    background: url(images/icon-new.png) 10px no-repeat;
    color: #333;
    font-size: 14px;
}
#cssmenu li ul li a span {
    display: block;
    padding: 10px 10px 7px 25px;
}
#cssmenu a:hover {color: red;}

.truy_cap .hom_nay {
    background: url(images/homnay.png) center left no-repeat;
    border-bottom: 1px dashed #ccc;
    padding: 2px 0 2px 20px;
}
.truy_cap .hom_qua {
    background: url(images/homqua.png) center left no-repeat;
    border-bottom: 1px dashed #ccc;
    padding: 2px 0 2px 20px;
}
.truy_cap .tuan_nay {
    background: url(images/tuannay.png) center left no-repeat;
    border-bottom: 1px dashed #ccc;
    padding: 2px 0 2px 20px;
}
.truy_cap .thang_nay {
    background: url(images/thangnay.png) center left no-repeat;
    border-bottom: 1px dashed #ccc;
    padding: 2px 0 2px 20px;
}
.truy_cap .tat_ca {
    background: url(images/accessall.png) center left no-repeat;
    padding: 2px 0 2px 20px;
}

.truy_cap .box-title {
    background: #cf480d;
    padding: 6px 15px;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    /*margin-bottom: 10px;*/
}
.truy_cap .home-group-content {
    border: 1px solid #e5e5e5;
    padding: 10px;
}

/*Font size*/
.zoom-11 .home-group-content h2, .zoom-11 .home-group-content .box-content {font-size: 11px!important;line-height: 15px!important;}
.zoom-12 .home-group-content h2, .zoom-12 .home-group-content .box-content {font-size: 12px!important;line-height: 16px!important;}
.zoom-13 .home-group-content h2, .zoom-13 .home-group-content .box-content {font-size: 13px!important;line-height: 17px!important;}
.zoom-14 .home-group-content h2, .zoom-14 .home-group-content .box-content {font-size: 14px!important;line-height: 18px!important;}
.zoom-15 .home-group-content h2, .zoom-15 .home-group-content .box-content {font-size: 15px!important;line-height: 19px!important;}
.zoom-16 .home-group-content h2, .zoom-16 .home-group-content .box-content {font-size: 16px!important;line-height: 20px!important;}
.zoom-17 .home-group-content h2, .zoom-17 .home-group-content .box-content {font-size: 17px!important;line-height: 21px!important;}
.zoom-18 .home-group-content h2, .zoom-18 .home-group-content .box-content {font-size: 18px!important;line-height: 22px!important;}

/*Highlight*/
#overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
    /*cursor: pointer;*/
}
.article-contrast {
    background: #fff;
    z-index: 99;
    position: relative;
}

.font-detail {
    background: #FAFAFA;
    border-top: solid 1px #d9d9d9;
    font: normal 11px Arial;
    color: #727272;
    padding: 5px;
    margin: 5px 0;
    display: flow-root;
    font-size: 13px;
}
.detail-icon {float: right;}
.time {
    text-align: right;
    float: left;
    font: normal 11px Arial;
    padding-top: 5px;
}
.at-btn {
    padding: 4px;
    cursor: pointer;
    line-height: 8px;
    vertical-align: middle;
}
.at-btn, .at-sep, .at-btn .icon, .at-btn .icon-text {
    display: inline-block;
}
.at-btn .icon {
    content: " ";
    width: 16px;
    height: 16px;
}
.btn-zoom .icon {
    background-image: url(images/art-tools.png);
    background-repeat: no-repeat;
}
.at-btn .icon-text {
    height: 16px;
    width: auto;
    font-weight: bold;
    vertical-align: middle;
    line-height: 16px;
}
.btn-zoom .icon.zoom-out {
    background-position: -16px 0;
}
.btn-zoom .icon.zoom-in {
    background-position: -32px 0;
}
.at-sep {
    padding: 8px 2px;
    vertical-align: middle;
    border-left: 1px #888 solid;
}

.artcle-tools .icon {
    background-image: url(images/art-tools.png);
    background-repeat: no-repeat;
}
.artcle-tools .icon.print {
    background-position: 0 0;
}
.at-btn-contrast .icon.contrast {
    background-image: url(images/tangtuongphan.png);
    width: 20px;
    height: 20px;
    background-position: center;
}
.article-contrast .icon.contrast {
    background-image: url(images/giamtuongphan.png);
}
.at-btn .icon {
    background-image: url(images/art-tools.png);
    background-repeat: no-repeat;
}
.artcle-tools .icon.print {
    background-position: 0 0;
}
.at-btn-voice .icon.smartvoice {
    background-image: url(images/audio.jpg);
    width: 35px;
    height: 20px;
    background-position: center;
}

.clsArticle .home-group-content {overflow: hidden;}
.list-news-style2 .li-r {display: flex;}

.box-style1 .block-title {
    border-bottom: 2px solid #cf480d;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 7px;
    margin-bottom: 15px;
}
.box-style1 .block-title a {color: #cf480d;}
.blog-news .home-title {
    border-bottom: 2px solid #cf480d;
    padding-bottom: 7px;
    background: url(images/bg_title.png) no-repeat;
    padding-left: 45px;
    margin-bottom: 20px;
}
.blog-news .home-title a {
    color: #e70507;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;    
}
.item-first h2 a {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.sapo {
    margin-top: 10px;
    text-align: justify;
    /*display: none;*/
}

.list-news-style2 ul li .icon {
    background: #e70507;
    width: 5px;
    height: 5px;
    float: left;
    margin: 8px 10px 0 0;
}
.list-news-style2 li {
    margin-bottom: 8px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
}
.blog-news .list_sub_cate {
    border-bottom: 1px solid #daeaf9;
    background: #ebf4fb;
    margin-bottom: 15px;
    display: flex;
}
.blog-news .list_sub_cate a {
    color: #0d5290;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 6px 20px 4px;
}
.blog-news .list_sub_cate a.active {
    background: #fff;
    margin-bottom: -1px;
    color: #e9272f;
}
.blog-news .list_sub_cate a:hover {
    /*background: #fff;*/
    color: #e9272f;
}
.blog-news .blog-news-content {
    padding: 0 10px 15px;
    /*display: flex;*/
}
.blog-news-content-right {
    float: right;
    width: 290px;
    text-align: justify;
}
.blog-news-content .item-first {
    float: left;
    width: calc(100% - 310px);
}
.item-first-cont {margin-top: 15px;}
.item-first-cont img {
    float: left;
    margin-right: 15px;
    width: 40%;
}

.foot2 {
    /*background-color: #05467c;*/
    position: fixed;
    z-index: 8888;
    left: 0;
    bottom: 0;
    width: 100%;
}
.foot2 .wrap>div {
    justify-content: flex-start;
    line-height: initial;
}
.foot2 .wrap>div>div {
    margin: 0 5px;
}
.foot2_col1 {
    background-color: #fe410b;
    display: inline-block;
    color: #fff;
    padding: 6px 12px;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    float: left;
}
.foot2_col1 a {
    color: #fff;
    font-weight: 700;
}

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

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

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .clMenu > ul > li:first-child {padding-left: 10px}
    .clMenu > ul > li {padding: 10px 5px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    img {width: 100%;}
    .clMenu > ul > li {padding: 10px 10px 8px;}
    .content-left-left {display: none;}
    .content-left-right {
        width: 100%;
        float: none;
    }
    .blog-news .item-first h2 {margin-top: 10px;}
    .article-hot-left, .article-hot-right {
        width: 100%;
        float: none;
    }
    .article-hot-left h1 {
        height: 48px;
        overflow: hidden;
    }
    .sapo {
        height: 100px;
        overflow: hidden;
    }
    .content-right {width: 33.333333%;}
    .content-left {
        width: 66.666667%;
        padding-left: 15px;
    }
    .blog-news-content .item-first, .blog-news-content-right {width: 100%;}
    .blog-news-content-right {margin-top: 15px;}
    .clMenu {
        height: 35px;
        overflow: hidden;
    }
    .clMenu > ul > li:first-child {
        padding-left: 10px;
    }
    .clMenu > ul > li a {font-size: 12px;}
    .clMenu > ul > li {padding: 7px 5px;}
}

@media screen and (max-width: 767px) {
    /*body {background: #185daa;}*/
    .block_mobile {display: block;}
    .none_mobile, .content-left-left {display: none;}
    .header-mobile {
        background: #d65a01;
        border-bottom: 1px solid #fff;
        padding-left: 35px;
    }
    .blog-news2 .thumb-product {margin-bottom: 15px;}
    .article img {
        width: 100%;
        margin-right: 0px;
        float: none;
    }

    .content-right, .content-center, .content-left, .content-left-right {
        width: 100%;
        float: none;
    }
 
    .clDestop {display: none;}
    .box-search {
        padding: 0 15px;
        margin-top: 15px;
    }
    .article-hot-left, .article-hot-right, .banner-mobie img, .clsArticle img  {width: 100%;height: auto;}
    .article-hot-left h1 {
        height: 48px;
        overflow: hidden;
    }
    .sapo {
        height: 100px;
        overflow: hidden;
    }
    .article-hot-left {height: auto;}
    .nhom-img-list-item img, .content-left-right .imglink img {width: 100%;}
    .content-right .imglink {display: none;}
    .blog-news .item-first h2 {margin-top: 10px;}
    .top_content, .blog-news-content-right {margin-top: 15px;}
    .blog-news-content .item-first, .blog-news-content-right {width: 100%;}
    .imglink img {width: 100%;}
    .foot2 .wrap>div>div {margin: 0 1px;}
    .foot2_col1 {
        padding: 6px;
        font-size: 13px;
    }
}