.LinkImageRightTop a img {
    border: 1px solid #ddd;
    width: 99%;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.LinkImageRightTopA a img {
    border: 1px solid #ddd;
    width: 99%;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.LinkImageMiddle a img {
    border: 1px solid #ddd;
    width: 100%;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.AddColImage {
    padding: 0px
}
.MagazineLinkImage a img {
    border: 1px solid #ddd;
    width: 99%;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.MagazineLinkImage1 a img {
    border: 1px solid #ddd;
    width: 99%;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.FeedbackInforListView {
    height: 600px;
    overflow: auto
}

.MainBody{
    margin-top:-25px;
    margin-bottom: -15px
}
.MainContent{
    background:#fff;
    margin-top: 15px;
    margin-bottom: 15px;
    padding:5px 0px 5px 0px;
}
.LinkImageBottom a img{
    border:2px solid #ddd;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.PassForgot{
    color:#444;
}

.PassForgot:hover{
    color:#05678b;
}

.cbh{
    max-height:600px;
    overflow:auto
}

.k-state-selected{
    background:#f8f8f9 !important;
    border:none
}

section{cursor:pointer}

#ResultDataGridView{
  height:520px;
}

#OtherResultDataGridView{
  height:445px;
  margin-bottom: 0px;
}
.nav-tabs .nav-item{
    margin-left:4px;
    cursor:pointer;    
}
.HanTabs{
    background:#05678b;
    padding-top:5px;
    padding-left:5px;
}
.nav-link{
    color:#444 !important;
    background:#e3e3e1 !important;
    border:1px solid #ddd !important;
}
.nav-link.active{
    background:#077B82 !important;
    color:#fff !important
}
.tab-content{
    border:1px solid #ddd !important;
    padding:5px 5px 0px 5px;
}
.tab-pane{
    margin-bottom:7px;
}
.modal-backdrop
{
    z-index:50 !important;
}

.Cus-classynav{
    float:left;
}

.modalHeader{
    background:#17A2B8;
}

.modalTitle{
    color:#fff
}
.add_banner {
    max-width: 470px;
    max-height: 340px;
    width: 100%;
    border: solid 2px #ddd;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.imgInBanner {
    max-width: 100%;
    max-height: 340px;
    width:100%;
    padding: 0px;
    vertical-align: middle;
    border-style: none;
}

.imgBannerCoDong {
    width:100%;
    padding: 0px;
    vertical-align: middle;
    border:1px solid #ddd;
}

.BannerCoDong {
    max-height: 300px;
    width:100%;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.slider {
    width: 100%;
    margin: 10px auto;
}


.slick-slide {
    margin: 0px 3px;
}

.slick-slide img {
    width: 100%;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.slick-prev:before{ content:""}
.slick-prev{ background-image:url(/Content/images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px; z-index:1}
.slick-prev:hover{ background-image:url(/Content/images/slider_prev.png); background-repeat:no-repeat; background-color: #73aeed; background-position:center; left:10px; z-index:1}
.slick-next:before{ content:""}
.slick-next{ background-image:url(/Content/images/slider_next.png); background-repeat:no-repeat; background-position:center; left:42px; z-index:1}
.slick-next:hover{ background-image:url(/Content/images/slider_next.png); background-repeat:no-repeat; background-color: #73aeed; background-position:center; left:42px; z-index:1}
.slick-prev, .slick-next{background-color: #d6d7d9; top: 1%; width: 30px; height: 30px;}

.ElearningVideo{float:left; display:inline; width:100%; margin-bottom: 15px; margin-top: 15px; }
.ElearningVideo a> h2{color:#fff; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; margin-bottom:5px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.ElearningVideo a> h2 span{padding:12px 18px 12px 11px; color:#fff; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82; text-transform:uppercase}
.ElearningVideo a> h2 span:hover{color:#ffff00}
.ElearningVideo_container{min-height:280px; inline; float:left; position:relative; width:100%; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-10px; padding:40px 5px 0px 5px; background:#fff; background-size: cover;}



/*Thống kê báo cáo*/
.Report{float:left; display:inline; width:100%; margin-bottom: 15px; margin-top: 15px; }
.Report a> h2{background:none repeat scroll 0 0 #05678b; color:#fff; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; font-weight:bold; margin-bottom:10px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.Report a> h2 span{padding:12px 18px 12px 11px; color:#fff; font-size: 16px; font-weight: 700; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82}
.Report a> h2 span:hover{color:#ffff00}
.Report_container{min-height:280px; inline; float:left; position:relative; width:100%; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-10px; padding:40px 5px 0px 5px; background:#e7e9eb; background-size: cover;}
.Report-Item{margin-left:10px; margin-right:10px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); border:1px solid #ddd;}
.Report-Title
{
    background: #05678b; 
    text-align:center; 
    padding:5px;
    height:50px;
    overflow:hidden;
    text-align:justify
}

.Report-Title a
{
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 1px 1px #444;
}

.Report-Title a:hover
{
    color:#ffff00;
    text-shadow:0 1px 1px #444;
}

.Square {
  display: inline-block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.Square div {
  margin: 0px auto;
}

.Square li{display:inline-block}
.Square a>img {width:100%; height:150px}
.Square li a{display:inline-block; padding:5px 6px 4px 5px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.Square Li a span{color:#AD4403; font-family: "Roboto", sans-serif; font-size:15px; font-weight:bold; text-shadow:0 1px 1px #444; text-transform:uppercase}
.Square li a span:hover{color:#EC971F;}
.Square > p{color: #444; display: inline-block; font: 14px sans-serif; text-align: justify;}

.iframeXoXo{border:0px solid #ddd; height:581px; width:100%}
.XoXoDiv{padding-left:0px; padding-right:0px}
.HotNews{padding-right:0px}
.HotTinTuc{float:left; display:inline; width:100%; margin-bottom: 10px; margin-right: -15px; margin-left: -15px; }
.HotTinTuc> h2{ color:#ffff00; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; font-weight:bold; margin-bottom:5px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.HotTinTuc> h2 span{padding:12px 18px 12px 11px; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82; color:#fff; text-transform:uppercase}
.HotTinTuc> h2 span:hover{color:#ffff00}
.HotTinTuc_container {
    display: inline;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: -10px;
    margin-left: -15px;
    padding: 5px 5px 5px 5px;
    background: #fff;
}
.HotTinTuc_FirstItem
{
    padding:0px; 
    text-align:center;
    margin-left: -15px;
    margin-right: -15px;
    height:283px;
}


.HotTinTuc_FirstItemImage a img
{
    width:98%;
    height:230px;
    border:1px solid #ddd;
}

.HotTinTuc_FirstItemTitle
{
    text-align:justify;
}

.HotTinTuc_FirstItemTitle a span
{
     color:#AD4403; 
     font-family: "Roboto", sans-serif; 
     font-size:13px; 
     font-weight:bold; 
     text-shadow:0 1px 1px #ddd; 
}

.HotTinTuc_FirstItemTitle a span:hover
{
    color:#e98e56; 
}

.HotTinTuc_FirstItemNar
{
    color:#444; 
    font-family: "Roboto", sans-serif; 
    font-size:13px; 
    text-align:justify;
    height:82px;
    overflow:hidden
}

.HotTinTuc_OtherItem
{
    padding:0px; 
    text-align:center;
    margin-left: -15px;
    margin-right: -15px;
    height:91px;
    cursor:pointer
}

.HotTinTuc_OtherItem:hover
{
    background:#f2f2f2;
}

.HotTinTuc_OtherItemImage
{
    width:40%;
    float:left;
}

.HotTinTuc_OtherItemImage a img
{
    width:100px;
    border:1px solid #ddd;
    margin-top:5px
}
.HotTinTuc_OtherItemTitle
{
    text-align:justify;
    width:60%;
    float:left;
    height:83px;
    overflow:hidden;
}

.HotTinTuc_OtherItemTitle a span:hover
{
    color:#e98e56; 
}

.HotTinTuc_OtherItemTitle a span
{
     color:#444; 
     font-family: "Roboto", sans-serif; 
     font-size:13px; 
}

.BannerCoDongBox{float:left; display:inline; width:100%; margin-bottom: 10px;}

.ThongTinThongBao{float:left; display:inline; width:100%; margin-bottom: 15px; margin-top: 15px; margin-right: -15px; margin-left: 0px; }
.ThongTinThongBao> h2{ color:#ffff00; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; font-weight:bold; margin-bottom:5px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.ThongTinThongBao> h2 span{padding:12px 18px 12px 11px; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82; color:#fff; text-transform:uppercase}
.ThongTinThongBao> h2 span:hover{color:#ffff00}
.ThongTinThongBao_container{display:inline; float:left; position:relative; width:100%; height:280px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-10px; padding:40px 5px 5px 5px; background: #fff;}
.ThongTinThongBao_container> ul{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-family: "Roboto", sans-serif; 
    font-size:15px; 
    height:280px; 
    overflow:auto;
}

    .ThongTinThongBao_container > ul li {
        list-style-image: url("/Content/images/BuaLiemIcon.png") !important;
        list-style-position: inside;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

.ThongTinThongBao_container> ul li a{
    color:#333; 
}

.ThongTinThongBao_container> ul li:hover{
    color:#E98E56;
}

.ThongTinThongBao_container> ul li a:hover{
    color:#E98E56;
}

.VanBanTaiLieu{float:left; display:inline; width:100%; margin-bottom: 15px; margin-top: 15px; margin-right: -15px; margin-left: 0px; }
.VanBanTaiLieu> h2{color:#ffff00; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; font-weight:bold; margin-bottom:5px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.VanBanTaiLieu> h2 span{padding:12px 18px 12px 11px; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82; color:#fff; text-transform:uppercase}
.VanBanTaiLieu> h2 span:hover{color:#ffff00}
.VanBanTaiLieu_container{display:inline; float:left; position:relative; width:100%; height:507px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-10px; padding:40px 5px 5px 5px; background: #fff;}
.VanBanTaiLieu_container> ul{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-family: "Roboto", sans-serif; 
    font-size:13px; 
    height:507px; 
    overflow:auto;
}

    .VanBanTaiLieu_container > ul li {
        list-style-image: url("/Content/images/BuaLiemIcon.png") !important;
        list-style-position: inside;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

.VanBanTaiLieu_container> ul li a{
    color:#333; 
    font-size:13px
}

.VanBanTaiLieu_container> ul li:hover{
    color:#E98E56;
}

.VanBanTaiLieu_container> ul li a:hover{
    color:#E98E56;
}

TinTuc{display:inline; width:100%;}
.box_left{float:left; padding-left:0px; padding-right:5px}
.box_right{float:left; padding-left:5px; padding-right:0px}
.TinTuc> h2{ color:#ffff00; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; font-weight:bold; margin-bottom:10px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.TinTuc> h2 span{padding:12px; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82; color:#fff; text-transform:uppercase}
.TinTuc> h2 span:hover{color:#ffff00}
.TinTuc_container{display:inline; float:left; position:relative; width:100%; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-10px; padding:40px 5px 5px 5px; background: #fff;}
.TinTuc_FirstItem
{
    padding:0px; 
    text-align:center;
    margin-left: -15px;
    margin-right: -5px;
    height:339px;
}


.FirstItemImage a img
{
    width:98%;
    height:170px;
    border:1px solid #ddd;
}

.FirstItemTitle
{
    text-align:justify;
}

.FirstItemTitle a span
{
     color:#AD4403; 
     font-family: "Roboto", sans-serif; 
     font-size:13px; 
     font-weight:bold; 
     text-shadow:0 1px 1px #ddd; 
}

.FirstItemTitle a span:hover
{
    color:#e98e56; 
}

.FirstItemNar
{
    color:#444; 
    font-family: "Roboto", sans-serif; 
    font-size:13px; 
    text-align:justify
}

.TinTuc_OtherItem
{
    padding:0px; 
    text-align:center;
    margin-left: -15px;
    margin-right: -15px;
    height:90px;
    cursor:pointer
}

.TinTuc_OtherItem:hover
{
    background:#f2f2f2;
}

.TinTuc-Title
{
    background: #AD4403; 
    text-align:center; 
}

.TinTuc-Title a
{
    color:#fff;
    text-shadow:0 1px 1px #ccc;
}

.TinTuc-Title a:hover
{
    color:#ffff00;
    text-shadow:0 1px 1px #ccc;
}

.OtherItemImage
{
    width:30%;
    float:left;
}

.OtherItemImage a img
{
    width:80px;
    height:57px;
    border:1px solid #ddd;
    margin-top:5px
}
.OtherItemTitle
{
    text-align:justify;
    width:70%;
    float:left;
    height:85px;
    overflow:hidden;
    padding-left:5px;
}

.OtherItemTitle a span:hover
{
    color:#e98e56; 
}

.OtherItemTitle a span
{
     color:#444; 
     font-family: "Roboto", sans-serif; 
     font-size:13px; 
}

.title_Box{
    background:#077B82;
    padding: 10px 0px 11px 0pc;
    box-shadow: 1px 2px #888;
    text-align:center;
}
.title_Box a{
    color:#fff; 
    font-family: "Roboto", sans-serif; 
    font-size:15px; 
    font-weight:bold;
    text-transform:uppercase
}

.title_Box a:hover{
    color:#ff0; 
}

.googlemap{
    width: 590px;
    height: 280px;
    border: 1px solid #ddd;
    margin-top: 35px;
}
.footerStyle{margin-top: 30px;}
.LuotTruyCap{text-align:center}
.ImageBox{
    text-align:center;
    padding-left:0px;
    padding-right:0px;
    float:left;
    margin-bottom:10px;
}
.FImageBox {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 5px;
}

.ImageBoxLeft{
    text-align:left;
}

.ImageBoxCenter{
    text-align:center;
}

.ImageBoxRight{
    text-align:right;
}
.ImageBox img{
   width:92%;
    height:200px;
    border: 2px solid #ddd;
}

.FImageBox img {
    width: 100%;
    border: 2px solid #ddd;
}

.ImageBox img:hover{
    opacity: 0.8;
    box-shadow: 1px 2px #888;
}

.ImageBoxRightCol{

    padding-left:0px;
    padding-right:0px;
    margin-bottom:10px;
}

.ImageBoxRightCol img{
    width:100%;
    height:220px;
    border: 2px solid #ddd;
}

.ImageBoxRightCol img:hover{
    opacity: 0.8;
    box-shadow: 1px 2px #888;
}

.VideoBox{
    padding-left:0px;
    padding-right:0px;
    float:left;
}

.FileInfor{
    margin-left:15px
}

.LienKetWebsiteBox {
    text-align: right;
    float: left;
}
.LienKetWebsite{float:right; display:inline; width:100%; margin-top: 15px; margin-right:-15px}
.LienKetWebsiteRightCol{margin-right:0px !important}
.LienKetWebsite> h2{color:#ffff00; font-family: "Roboto", sans-serif; font-size:15px; margin-top:5px; font-weight:bold; margin-bottom:5px; margin-left:0; padding:0; height:5px !important; position:relative; text-align:center; z-index:50}
.LienKetWebsite> h2 span{padding:12px 18px 12px 11px; box-shadow: 1px 2px #888; background:none repeat scroll 0 0 #077B82; color:#fff;text-transform:uppercase}
.LienKetWebsite> h2 span:hover{color:#ffff00}
.LienKetWebsite_container{display:inline; float:left; position:relative; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-10px; padding:40px 5px 5px 5px; background: #fff;}
.LienKetWebsite_container:hover{box-shadow: 1px 2px #888; cursor:pointer}
.LienKetWebsite_container> ul{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-family: "Roboto", sans-serif; 
    font-size:15px; 
    height:352px; 
    overflow:auto;
}

    .LienKetWebsite_container > ul li {
        list-style-image: url("/Content/images/BuaLiemIcon.png") !important;
        list-style-position: inside;
        margin-bottom: 10px;
    }

.LienKetWebsite_container> ul li a{
    color:#333; 
    font-size:13px
}

.LienKetWebsite_container> ul li:hover{
    color:#E98E56;
}

.LienKetWebsite_container> ul li a:hover{
    color:#E98E56;
}

.single-video-post
{
    box-shadow: 1px 2px #888;
}
.videoTitle{
    padding:8px;
    margin:0px;
    text-align:justify;
    font-family: "Roboto", sans-serif; 
    font-size:15px; 
    height:55px; 
    background:#05678b;
    color:#fff;
}

.SectionNews
{
    border:1px solid #ddd;
    margin-top:5px;
    margin-bottom:5px;
    margin-left: 5px;
    margin-right: 5px;
    background:#f1f1f1
}

.SectionNews:hover
{
    background:#fff;
    cursor:pointer;
    box-shadow: 1px 2px #cfd0d2;
}

.NewsInGroup
{
    padding:0px; 
    text-align:justify;
    margin-left: 0px;
    margin-right: 0px;
    height:185px;
}

.NewsInGroupImage
{
    float:left;
    margin-left: -10px;
    margin-top: 5px;
    margin-right: -15px;
    margin-bottom: 5px;
}

.NewsInGroupImage a img
{
    width:98%;
    border:2px solid #ddd;
}

.NewsInGroupContent{
     padding-top: 5px;
     margin-right: -15px;
     float:left;
     width:63%;
}

.NewsInGroupTitle
{
    text-align:justify;
    margin-bottom:7px;
}

.NewsInGroupTitle a span
{
     color:#444; 
     font-family: "Roboto", sans-serif; 
     font-size:15px; 
     font-weight:bold; 
     text-align:justify
}

.NewsInGroupTitle a span:hover
{
    color:#e98e56; 
}

.NewsInGroupNar
{
    color:#444; 
    font-family: "Roboto", sans-serif; 
    font-size:14px; 
    text-align:justify
}

#ImageListView{height: 650px}

.ImageItem {
    background-size: cover;
    position: relative;
    float: left;
    display: inline;
    width: 48%;
    height: 184px;
    margin: 5px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    cursor: pointer;
    overflow:hidden
}
    

.ImageItem:hover{box-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;}
.ImageItemBut{text-align:left; padding-left:5px; padding-top:5px}
.ImageItemTite {
    position: absolute;
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.3); 
    color: #ffffff; 
    width: 92%;
    padding: 5px 14px 5px 10px;
    text-align: justify;
}

.VideoHomeItem {
    background-size: cover;
    position: relative;
    float: left;
    display: inline;
    width: 48%;
    height: 295px;
    margin: 5px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0px;
    overflow:hidden
}

.VideoHomeItem:hover {
    cursor:pointer;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}
.VideoHomeItem img {
    max-height: 248px;
}

.VideoHomeItem img:hover {
    opacity:0.7
}

.videoHomeTitle {
    padding:8px;
    margin:0px;
    text-align:justify;
    font-family: "Roboto", sans-serif; 
    font-size:15px; 
    height:55px; 
    background:#d0d1d3;
    color:#444;
}

.YoutubeVideoHomeframe {
    width:650px;
    height:420px;
    border: 3px solid #ddd;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.QuesAnsDiv {
    padding-left: 0px;
    padding-right: 0px;
    height: 350px;
}
.Bgimg
{
    border: 1px solid #ddd;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}
.FreQuesAns{
    margin-top: -206px;
    margin-left: 58px;
}

.FreQuesAns a img {
    width: 85%;
}
.FreQuesAns a img:hover {
    opacity:0.9;
}
.LinkImageBoxSlide {
    display: block;
}
.LinkImageBoxNotSlide {
    display: none;
}

.k-window-titlebar {
    background: #076ca6 !important;
    color: #fff !important;
}

@media(min-width: 992px){
    .LinkImageBoxSlide{display:block}
    .LinkImageBoxNotSlide{display:none}
    .Report-Horizontal {
        display: block;
    }

    .Report-vertical {
        display: none;
    }
    
    .MobiLogin{display:block}
    .MobiLogin{display:none}
}
@media(min-width: 768px) and (max-width: 991.98px) {
    .LinkImageRightTop a img {
        width: 98%;
    }
    .LinkImageRightTopA a img {
        width: 98%;
    }
    .LinkImageMiddle a img {
        width: 98%;
    }
    .AddColImage {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }
    .MagazineLinkImage a img {
        width: 98%;
    }
    .MagazineLinkImage1 a img {
        width: 98%;
    }
    .FeedbackInforListView {
        height: auto;
    }
    .HotTinTuc_container {margin-left:0px}
    .LinkImageBoxSlide{display:none}
    .LinkImageBoxNotSlide{display:inline-block}
    .FreQuesAns {
        margin-top: -160px;
        margin-left: 29px;
    }
    .HideInMobile{display:none}
    .QuesAnsDiv{margin-left:15px; margin-right:15px; width:92%; max-height:586px; height:auto}
    .Result{
        width: 92%;
        margin-top: 6px;
        margin-right: 15px;
    }
    .YoutubeVideoHomeframe {
        width: 100%;
        height: auto;
        border: 1px solid #ddd;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    }
    .VideoHomeItem {
        width: 97%;
        height: auto;
    }

    .VideoHomeItem img {
        max-height: none;
        height:auto;
        width: 100%;
    }

    .videoHomeTitle {
        height:auto;
    }

    .ImageItem {
        width: 97%;
        height:auto;
    }
    
    .NewsInGroupImage {
        float: none;
    }

    .NewsInGroupContent {
        float: none;
        width: 100%;
        margin-left:-10px;
        margin-bottom:10px;
    }

    .NewsInGroup {
        height: auto;
    }

    .NewsInGroupImage a img {
        width: 95%;
        border: 2px solid #ddd;
    }

    .NewsInGroupTitle {
        margin-right: 13px;
    }

    .NewsInGroupNar {
        margin-right: 13px;
    }

    .Report-Horizontal {
        display: block;
    }

    .Report-vertical {
        display: none;
    }

  
    .HotTinTuc {
        margin-left: 0px;
        margin-right: 0px;
    }

    .XoXoDiv {
        padding-left: 15px;
        padding-right: 15px;
    }

    .HotNews {
        padding-right: 15px;
    }

    .HotTinTuc_FirstItem {
        height: auto;
    }

    .ThongTinThongBao {
        margin-right: 15px;
        margin-left: 0px;
    }

    .VanBanTaiLieu {
        margin-right: 15px;
        margin-left: 0px;
    }

    .BannerCoDongBox {
       width:91%;
        margin-left: 15px;
        margin-top:75px;
    }

    .TinTuc_FirstItem {
        height: auto;
    }

    .TinTuc_Mobi {
        margin-left: 0px;
        margin-right: 0px;
    }

    .ReportMobi {
        margin-left: 0px;
        margin-right: 0px;
        margin-top:5px;
    }
    .ElearningVideoMobi{
        margin-left: 0px;
        margin-right: 0px;
        margin-top:5px;
    }
    .box_left {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 5px;
    }

    .box_right {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 5px;
    }

    .title_Box {
        margin-left: 25px;
        margin-left: 25px;
        width: 86%;
    }

    .single-video-post {
        max-width: 330px;
    }

    .imgBannerCoDong {
        width: 100%;
        max-height: 150px;
    }

    .googlemap {
        width: 100%;
        height: 150px;
        margin-top: 15px;
    }

    .footerStyle {
        margin-top: 15px;
    }

    .footer-logo {
        margin-bottom: 15px !important;
    }

    .LuotTruyCap {
        text-align: center;
        color: #ff0;
        padding-top: 15px;
        padding-bottom: 27px;
    }

    .ImageBox {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom:15px;
    }

    .ImageBoxLeft .ImageBoxCenter .ImageBoxRight {
        text-align: center;
    }

    .ImageBox img {
        width: 100%;
        height: auto;
    }
    .VideoBox {
        padding-left: 15px;
        padding-right: 15px;
    }
    .LienKetWebsite{margin-right:0px}

    .MobiLogin{display:none}
    .MobiLogin{display:block}

}
@media(min-width: 576px) and (max-width: 767.98px) {
    .LinkImageRightTop a img {
        width: 98%;
    }
    .LinkImageRightTopA a img {
        width: 98%;
    }
    .LinkImageMiddle a img {
        width: 98%;
    }
    .AddColImage {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }
    .FeedbackInforListView {
        height: auto;
    }
    .HotTinTuc_container {margin-left:0px}
    .LinkImageBoxSlide{display:none}
    .LinkImageBoxNotSlide{display:inline-block}
    .FreQuesAns {
        margin-top: -215px;
        margin-left: 29px;
    }
    .HideInMobile{display:none}
    .QuesAnsDiv{margin-left:15px; margin-right:15px; width:92%; max-height:586px; height:auto}
    .Result{
        width: 92%;
        margin-top: 6px;
        margin-right: 15px;
    }
    .YoutubeVideoHomeframe {
        width: 100%;
        height: auto;
        border: 1px solid #ddd;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    }
    .VideoHomeItem {
        width: 97%;
        height: auto;
    }

    .VideoHomeItem img {
        max-height: none;
        height:auto;
        width: 100%;
    }

    .videoHomeTitle {
        height:auto;
    }

    .ImageItem {
        width: 97%;
        height:auto;
    }
    
    .NewsInGroupImage {
        float: none;
    }

    .NewsInGroupContent {
        float: none;
        width: 100%;
        margin-left:-10px;
        margin-bottom:10px;
    }

    .NewsInGroup {
        height: auto;
    }

    .NewsInGroupImage a img {
        width: 95%;
        border: 2px solid #ddd;
    }

    .NewsInGroupTitle {
        margin-right: 13px;
    }

    .NewsInGroupNar {
        margin-right: 13px;
    }

    .Report-Horizontal {
        display: block;
    }

    .Report-vertical {
        display: none;
    }

    .HotTinTuc {
        margin-left: 0px;
        margin-right: 0px;
    }

    .XoXoDiv {
        padding-left: 15px;
        padding-right: 15px;
    }

    .HotNews {
        padding-right: 15px;
    }

    .HotTinTuc_FirstItem {
        height: auto;
    }

    .ThongTinThongBao {
        margin-right: 15px;
        margin-left: 0px;
    }

    .VanBanTaiLieu {
        margin-right: 15px;
        margin-left: 0px;
    }

    .BannerCoDongBox {
       width:91%;
        margin-left: 15px;
        margin-top:75px;
    }

    .TinTuc_FirstItem {
        height: auto;
    }

    .ReportMobi {
        margin-left: 0px;
        margin-right: 0px;
        margin-top:5px;
    }
    .ElearningVideoMobi{
        margin-left: 0px;
        margin-right: 0px;
        margin-top:5px;
    }
    .TinTuc_Mobi {
        margin-left: 0px;
        margin-right: 0px;
    }

    .box_left {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .box_right {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .title_Box {
        margin-left: 25px;
        margin-right: 25px;
        width: 86%;
    }

    .single-video-post {
        max-width: 330px;
    }

    .imgBannerCoDong {
        width: 100%;
        max-height: 150px;
    }

    .googlemap {
        width: 100%;
        height: 150px;
        margin-top: 15px;
    }

    .footerStyle {
        margin-top: 15px;
    }

    .footer-logo {
        margin-bottom: 15px !important;
    }

    .LuotTruyCap {
        text-align: center;
        color: #ff0;
        padding-top: 15px;
        padding-bottom: 27px;
    }

    .ImageBox {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom:15px;
    }

    .ImageBoxLeft .ImageBoxCenter .ImageBoxRight {
        text-align: center;
    }

    .ImageBox img {
        width: 100%;
        height: auto;
    }
    .VideoBox {
        padding-left: 15px;
        padding-right: 15px;
    }
    .LienKetWebsite{margin-right:0px}
    .MobiLogin{display:none}
    .MobiLogin{display:block}

}
@media(max-width: 575.98px) {
    .LinkImageRightTop a img {
        width: 98%;
    }
    .LinkImageRightTopA a img {
        width: 98%;
    }
    .LinkImageMiddle a img {
        width: 98%;
    }

    .AddColImage {
        padding-left: 15px;
        padding-right: 15px;
        padding-top:15px;
    }
    .FeedbackInforListView {
        height: auto;
    }
    .HotTinTuc_container {margin-left:0px}
    .LinkImageBoxSlide{display:none}
    .LinkImageBoxNotSlide{display:inline-block}
    .FreQuesAns {
        margin-top: -160px;
        margin-left: 29px;
    }
    .HideInMobile{display:none}
    .QuesAnsDiv{margin-left:15px; margin-right:15px; width:92%; max-height:586px; height:auto}
    .Result{
        width: 92%;
        margin-top: 6px;
        margin-right: 15px;
    }
    .YoutubeVideoHomeframe {
        width: 100%;
        height: auto;
        border: 1px solid #ddd;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    }
    .VideoHomeItem {
        width: 97%;
        height: auto;
    }

    .VideoHomeItem img {
        max-height: none;
        height:auto;
        width: 100%;
    }

    .videoHomeTitle {
        height:auto;
    }

    .ImageItem {
        width: 97%;
        height:auto;
    }
    
    .NewsInGroupImage {
        float: none;
    }

    .NewsInGroupContent {
        float: none;
        width: 100%;
        margin-left:-10px;
        margin-bottom:10px;
    }

    .NewsInGroup {
        height: auto;
    }

    .NewsInGroupImage a img {
        width: 95%;
        border: 2px solid #ddd;
    }

    .NewsInGroupTitle {
        margin-right: 13px;
    }

    .NewsInGroupNar {
        margin-right: 13px;
    }

    .Report-Horizontal {
        display: none;
    }

    .Report-vertical {
        display: block;
    }

    
    .HotTinTuc {
        margin-left: 0px;
        margin-right: 0px;
    }

    .XoXoDiv {
        padding-left: 15px;
        padding-right: 15px;
    }

    .HotNews {
        padding-right: 15px;
    }

    .HotTinTuc_FirstItem {
        height: auto;
    }

    .ThongTinThongBao {
        margin-right: 15px;
        margin-left: 0px;
    }

    .VanBanTaiLieu {
        margin-right: 15px;
        margin-left: 0px;
    }

    .BannerCoDongBox {
       width:91%;
        margin-left: 15px;
        margin-top:75px;
    }

    .TinTuc_FirstItem {
        height: auto;
    }

    .ReportMobi {
        margin-left: 0px;
        margin-right: 0px;
        margin-top:5px;
    }
    .ElearningVideoMobi{
        margin-left: 0px;
        margin-right: 0px;
        margin-top:5px;
    }
    .TinTuc_Mobi {
        margin-left: 0px;
        margin-right: 0px;
    }

    .box_left {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .box_right {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .title_Box {
        margin-left: 25px;
        margin-right: 25px;
        width: 86%;
    }

    .single-video-post {
        max-width: 330px;
    }

    .imgBannerCoDong {
        width: 100%;
        max-height: 150px;
    }

    .googlemap {
        width: 100%;
        height: 150px;
        margin-top: 15px;
    }

    .footerStyle {
        margin-top: 15px;
    }

    .footer-logo {
        margin-bottom: 15px !important;
    }

    .LuotTruyCap {
        text-align: center;
        color: #ff0;
        padding-top: 15px;
        padding-bottom: 27px;
    }

    .ImageBox {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom:15px;
    }

    .ImageBoxLeft .ImageBoxCenter .ImageBoxRight {
        text-align: center;
    }

    .ImageBox img {
        width: 100%;
        height: auto;
    }

    .VideoBox {
        padding-left: 15px;
        padding-right: 15px;
    }

    .LienKetWebsite{margin-right:0px}

    .MobiLogin{display:none}
    .MobiLogin{display:block}
}