﻿body
{
    font-family:Times New Roman !important;
    font-size:14px;       
    color:#333 !important;
    background-color:#ffffff !important;
}

body{font-family:Tahoma !important; background:#f1f1f1 !important}
body #s4-bodyContainer{min-width:320px !important; max-width:599px !important; padding-bottom:0px !important; }  
.s4-notdlg{}
.s4-notdlg a{color:#fff;}
body #pageStatusBar{display:none}
.s4-status-s3{display:none}
a.fileDownload {color: #ff0000 !important;}
a:visited { }
a:link, a:visited, a:active {color:#333}
a:hover{ text-decoration: none; color:#336699 !important}


.div-content-page {margin-top: 0px;}
.div-header-out{display:none}
.div-ds-phanmem {display: none;}
.display-table{display:table !important}

 #ctl00_MainContentBar_TBL1 img {
    width: 95% !important;
    height:auto !important;
}



.ms-WPHeader {display: none;}
.no-hover:hover{background:none !important; cursor:move}
.align-right{text-align:left}
.span-thongbao{padding:2px 0 2px 10px;color:#336699;font-weight:bold}

 /*===Khoa trang quan tri sharepoint=====*/
#s4-ribbonrow{display:none !important}
#s4-statusbarcontainer{display:none; color:#fff}
.ms-mini-socialNotif-Container{display:none !important}    
div.ms-cui-topBar2{display:none !important}
div#s4-ribbonrow{display:none !important;}
/*=== End khoa trang quan tri sharepoint ====*/
 
 
/*=========Dành cho điện thoại di động ===========*/
@media all and (min-width:200px)
{   
    body{font-size:16px !important;}
    .div-lienhe{background-color:#f0f0f0}/*doc them*/
    .bg-div-table-lienhe{background-color:#ffffff;display:table;width:100%}
    .lblgioithieu > table{width:100% !important}
    .lblgioithieu{width:100% !important}    
    .align-right{text-align:left !important}
    .div-donvihanhnghe{background-color:#f0f0f0}   
    
    div.ms-cui-topBar2{display:block !important} /* Dinh dang nay lam tat edit webpart*/
    div#s4-ribbonrow{display:block !important}
    
    /*===========Utilities=======*/    
    .div-main-slideshow{display:none;}   
    .navaigation-menu 
    {
        /*background: #336699 url("/_layouts/images/15/WebsiteSo2016/bg-menu-340png.png") no-repeat scroll right center;*/
        border-bottom: 3px solid #ffffff;
        box-shadow: 0 0 7px #999999;
        color: #ffffff;
        height: 45px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;      
    }    
    .logoSTNMT{display: none;  float: left; left: 15px;  position: relative;  top: 12px;  width: 25px;}
    .title_so 
    {
        /* background: rgba(0, 0, 0, 0) url("/_layouts/images/15/WebsiteSo2016/snnmt-340.png") no-repeat scroll 0 0 !important; */ 
        color: rgba(0, 0, 0, 0);
        display: block;
        font-size: 18px;
        font-weight: bold;
        height: 40px;
        left: 50px;
        margin: auto;
        position: absolute;
        text-align: center;
        top: 5px;
        width: 75%;
    }       
    .div-bodyContainer-in{width:96%; margin:0px auto;}/*dinh dang width noi dung trang*/    
    .div-box{margin-bottom:5px; clear:both; padding-bottom:1px}
    .h3-title{color:#952B15; font-size:18px; margin:0px; font-weight:bold; text-transform: uppercase; text-align:center; margin-bottom:10px }
    .span-chitiet
    {
        background: rgba(0, 0, 0, 0) url("/_layouts/images/15/WebsiteSo2016/bg_title.png") no-repeat scroll 0 -65px;
        line-height: 30px;
        padding: 5px 5px 5px 35px;
        text-align: center;    
    }
    a:visited {
        background-color: #333 !important;
    } 
     .btn{ background: #336699 none repeat scroll 0 0 !important;
    border: 2px solid #fff !important;
    border-radius: 5px;
    box-shadow: 0 0 2px #ccc;
    color: #fff !important;
    display: inline;
    font-weight: bold;
    margin: 0 auto;
    padding: 5px;} 
    .btn:hover{}    
    .btn45{width:45px;}
    .btn100{width:100px;}
    .btn:hover{cursor:pointer; background:#none; border:2px solid #fff}
    .btnYellow{background: #FBAD17 !important}
    .border-box{border-bottom:1px inset #ccc}
    .border-box:last-child{border-bottom:none}
    .h4-content{ color: #336699; font-size: 17px !important; margin: 5px 0; padding: 0 7px;}
    .h4-content a{color:#336699 !important}
    
    .table-response{margin:0px; padding:0px;}
    .table-response > tr {padding:0px; margin:0px;}
    .table-response > tr > td {border:none}    
    .table-response td {  border: medium none !important;  font-family: times new roman; font-size: 15px;}   
    .download_tt {color: #336699 !important; display: inline-block; float: right;  font-weight: normal;}
    
    .span-title{ background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/h4-bg.png") no-repeat scroll 0 0;  display: inline-block; float: left;  height: 35px; width: 35px; }
    .h4-title-color{color: #336699 !important; font-size: 18px !important;  font-weight: bold !important; padding:0px; margin:0px;}
    
    /*============Menu====================*/
    .menu{display:none !important}
    .horizontal{display:none !important}
    .menu-horizontal{display:none !important}
   
    
    /*========Css cho div_main_content_left=====*/
    .div_main_content_left{min-height:50px;}
    .slide_show{margin:0px auto;}
    
    .ms-WPBody{font-family:Tahoma; font-size:14px; background-color:#ffffff}
    .ms-WPBody a:link{color:#000; text-decoration:none !important; }a:visited { color:#AC0086 }
    .news-main{}    
    .img-box-main{display: block; margin: 5px auto 0; width: 98%;}
    .div-title-news {margin-bottom: 10px;   margin-top: 5px;   padding-left: 5px; padding-right:5px;   text-align: justify;}
    .div-title-news a:link{color:#336699; font-weight:bold; color:#333}
    .div-title-news a:hover{color:#336699; text-decoration:underline}
    .div-contents-news{color: #000; font-size: 14px; margin: 0 auto; padding: 0 5px; text-align: justify;}
    .div-sub-news{}  
     ul.sub-news{margin:0px; padding:0px; margin-top:5px; min-height:210px;}
     ul.sub-news li{list-style:none; border-top:1px solid #ccc; padding:3px; clear:both; display:inline-block; width:98%; margin:0px auto}
     ul.sub-news li a{color:#336699}
     ul.sub-news li img.img-box-news-sub{ display: block;float: left;   padding: 0; width: 28%;}
     ul.sub-news li a.title-new-sub{display: block; float: right; padding: 0 5px;  width: 66%; text-align:left; font-weight:bold; color:#333}
     ul.sub-news li a.title-new-sub:hover{color:#336699}
        
    
    /*=========Dinh dang div-main-content-Right========*/    
    .div_main_content_right{min-height:50px;}
    .titleCatalog{color: #336699; margin: 5px 0 0; padding: 5px 0 0 5px; width: 95%; padding-top:0px; margin-top:0px; font-size:16px !important;}
    .titleCatalog a:link{color:#336699}
    .lineTitle{ border-bottom: 1px inset #336699;}      
    .div-thongtincanbiet{ box-shadow: 0 3px 4px #ccc; margin-bottom: 5px; position: relative;}   
    .div-thongtin-canbiet { position: relative;box-shadow: 0px 2px 3px #939393;}
    .div-phanmem{margin-top:10px; }
    
    .h3-thongtincanbiet{
           /* background-repeat:no-repeat;
            background-size:cover;background-image:url(/_layouts/15/images/WebsiteSo2016/blue_title.png);box-shadow: 0 3px 4px #ccc;background-color:#a5b44b;padding: 10px 0 10px 25px;height: 20px;left: -4px;background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/bg-h3-title.png") no-repeat scroll 0 0;*/
            
            color: #fff;
            font-weight: bold;
            
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            background-color:#336699;
            position: absolute;
            width: 100%;
            font-size:14px;
            z-index:2;
            
            padding-bottom:5px;
            padding-top:5px;
            height:27px;
        }
    .h3-title-right{padding-left:25px}
    .h3-hienthi { width: 100% !important;}
    
    .ul-thongtincanbiet{height: 350px;  margin: 20px 0 0 0;   overflow-x: hidden;   overflow-y: scroll;   padding: 0; padding-top:30px;background-color:#ffffff} Doc sua
    .ul-thongtincanbiet li {list-style:none; clear:both; border-bottom:1px inset #dfdfdf; padding-right:15px}
    .ul-thongtincanbiet a {display: inline-block; float: right;  font-size: 15px;  font-weight: bold;  margin-top: 10px;  padding-top: 5px;   width: 80%;  margin-top: 10px;}  
    
    .span-ttcb  {
         background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/HoatDong.png") no-repeat scroll 0 0;
        display: block;
        float: left;
        margin-left: 8px;
        margin-top: 13px;
        padding: 24px 21px 15px;
    }
    .span-atlas {background-position: 1px -290px; height: 9px; margin-top: 10px;}    
    .span-duan { background-position: 0 -110px;}
    .span-tailieu {background-position: 0 -177px;}
    .span-quantrac {background-position: 0 -240px;}
    .span-ctnh { background-position: 0 -347px;}  
    .span-bdl { background-position: 0 -400px;}
    .span-thongke { background-position: 0 -460px;}
    .span-vipham {background-position: 0 -516px;}
    .span-hoatdong {background-position: 0 -575px;}
    .span-gopy {background-position: 0 -621px; margin-top: 6px; padding-bottom: 25px;}
    .span-tiepcantt{background-position: 0 -670px;}
    .span-sotay{background-position: 0 -730px;}

    /*===========Mot cua dien tu======*/
    /*width: 98%; border: 2px solid #ffffff;*/
    .div-box-mot-cua {margin-top: 20px; width:100%; position:relative}
    /*Doc thêm*/
    .div-ds-phanmem-noibo{display:none}
    .div-info-motcua {  width:100%; display:inline-block; box-shadow: 0 0 2px #cccccc;  margin: 30px auto 0;  padding: 10px 0px 5px;    position: relative;background-color:#ffffff}
    .thongtin { color: #333333;     display: block;      font-size: 14px;      font-weight: bold;      margin: 0 auto;      text-align: center;       width: 86%;   }    
    .phantram { color: #ff0000 !important;  display: block; font-size: 35px; margin:0px auto;  font-weight: bold;  margin-bottom: 10px;  margin-top: 8px;  text-align: center;  text-shadow: 0 0 2px #ffffff;   width: 80%;}    
    .div-dangky {color: #336699;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        width: 80%;}
    .div-dangky > p { margin: 5px;  padding: 0;}
    .div-dangky a {color: #ff0000; font-size: 12px; font-style: italic; font-weight: normal;  text-decoration: underline;}
    
    .div-tracuu-hoso { margin: 0 auto;  width: 270px;}
    .link-tracuu-hoso 
    {
         background: rgba(0, 0, 0, 0) url("/_Layouts/15/images/WebsiteSo2016/search-hoso.png") no-repeat scroll 10px 5px;
        border: 1px solid #336699;
        border-radius: 13px;
        color: #333333 !important;
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 2px;
        padding-right: 10px;
        padding-top: 2px;
        text-align: right;
        width: 76%;
        margin:0px auto
     }
    /*==========footer================*/
    .div_footer_out{background:#336699; color:#fff}
    .footer-in{width:95%; margin:0px auto}
    .div-footer{font-size: 12px; }
    .div-footer p{text-align: center; color:#abd5ff;padding-top: 10px;}
    .div-footer-coppyright{ background: #224466 none repeat scroll 0 0 !important; color: #7cbaf8 !important; font-size: 12px !important; padding: 5px !important; text-align: center !important; padding-bottom:5px !important}    
    .div-footer-coppyright > p { margin: 0 auto;}
    ul.footer-infor-contact{margin-bottom: 5px; margin-left: 10px;  padding: 0;   text-align: left;}
    ul.footer-infor-contact li{border-bottom: 1px dotted #7cbaf8; color: #abd5ff; list-style: outside none none; padding: 3px 0; width: 90%;line-height:15px;}
    .a-map-footer {display: none;}
    /*====Chi tiet Tin tuc====*/
    .span-ngaydang{display:inline-block; text-align:right}
    .div-linhvuc{padding:5px}
    .show-news-Detail{padding:5px 8px; font-size:15px; margin-top:10px;}
    .div-noidungchinh p{ padding:0px 3px; margin:0px}
    .div-noidungchinh img, .div-noidungchinh p img,.div-noidungchinh center p img{width:98% !important; max-width:98% !important; height:auto !important; margin:0px auto; min-width:80% !important; min-height:auto !important;}
    
    .h3-title-linhvuc{font-size:14px; text-align:left; color:#336699; margin:0px; font-weight:bold}
    .div-TieudeTin{ border-bottom: 1px inset #ccc; font-size: 16px; font-weight: bold; padding-bottom: 5px;  text-align: justify;}
    .div-ngaydang{text-align:right}
    .div-noidungtomtat{ font-size: 14px; font-style: italic; font-weight: bold; text-align: justify;}
    .div-nguontin{font-weight:bold; text-align:right}    
    .div-margin-top{margin-top:10px;}
    
    
    .h4-title-tin {
            background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/h4-bg.png") no-repeat scroll 0 0;
            color: #336699 !important;
            font-size: 15px !important;
            font-weight: bold !important;
            margin: 0;
            padding: 8px 0 14px 35px;
        }
        
      /*Doc sửa--margin-bottom: 10px;*/
    .bg-content-left{background-color:#ffffff}
    
    .div-tin-out {border: 2px solid #ffffff; box-shadow: 0px 2px 3px #939393; display: table; padding: 5px ;background-color:#ffffff}
    .div-tin-left { border-bottom: 1px inset #dfdfdf; padding-bottom: 5px;}
    .img-main-tin { display: block; margin-bottom: 5px;  margin-right: 10px; width: 100% !important;}    
    .div-title-tin {color: #333333; font-weight: bold;}
   
    .div-date-title {border-bottom: 1px dotted #dfdfdf; font-style: italic;  width: 100%;}   
    .span-date-tin, .span-title-tin {display: block;  width: 100%; background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/icon-date.png") no-repeat scroll ;
        color: #868585; padding-left: 15px;  padding-top: 5px;}
    .span-date-tin{background-position: 0 -13px; display: inline-block;  float: left;    width: 20%; background-position: 0px 7px; }
    .span-title-tin {background-position: 0 -13px; width: 64%; margin-left:20px; display:inline-block; float:left}
    .div-container-tin {clear: both; text-align: justify; padding-top: 5px; border-top: 1px dotted #dfdfdf;}
    
    .ul-sub-tin {margin: 0; padding: 0;}    
    .img-box-news-sub {width: 20%;}
    .ul-sub-tin > li {border-bottom: 1px inset #dcdcdc; clear: both; display: table; font-weight: normal; list-style: outside none none;  padding:7px 5px;}    
    .ul-sub-tin > li:last-child {    border-bottom: medium none;}
    .img-box-news-sub { float: left; margin-right: 10px;width: 20%;}
    .div-main-noibat {display: none;}
    /*nguoi dan  */
    .div-nguoidan { -moz-border-bottom-colors: none;       
        border:1px solid #f0f0f0;
        box-shadow: 0 2px 2px #f0f0f0;
        height: 95px;
        margin: -10px 0 10px;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: -2px;
        background:linear-gradient(#fff,#f0f0f0);
        width: 99%;
        }
     /*Đốc thêm*/   
     .re-div-nguoidan  
     {
         
         width:200px;
         padding:10px 0 0 0;
         
         }
    /* .nguoidan-mobile
     {
         height:80px;
         border:2px solid white;
         box-shadow: 0 2px 2px #f0f0f0;
         margin-bottom:20px;
         display:block;
         }*/
     .nguoidan-pc
     {
         height:80px;
         border-top:2px solid #f1f1f1;
         box-shadow: 0 2px 2px #939393;
         margin-bottom:20px;
         display:block;
         background-color:#ffffff;
         }
         
     /*slide-nguoidan*/
     
     .div-nguoidan-in
     {
         
         }   
    .nguoidan-a{position:absolute;padding-top:10px}
        
        
    .ul-nguoidan { margin: 0; padding: 0;   width: 300%; margin-top:10px;}
    .ul-nguoidan > li {  border-right: 1px inset #ffffff; display: block; float: left; list-style: outside none none; margin-right: 10px; width: 16%; }
    .span-nguoidan {background: rgba(0, 0, 0, 0) url("/_Layouts/15/images/WebsiteSo2016/icon-nguoidan.png") repeat scroll 0 0; display: block; float: left;  height: 55px;  margin-left: 5px; margin-right:5px; width: 68px;}    
    .span-banggiadat {background-position: 0 -73px;}    
    .span-dichvucong {background-position: 0 -155px;}
    .span-hethong-datdai {background-position: 0px -237px;}
    .span-tochucvipham {background-position: 0 -310px;}
    .span-dodac {background-position: 0 -394px;}
    .ul-nguoidan a {display: block;  margin-top: 12px;}
    /*====Tin tức theo linh vực---*/
    .h3-cat-title{
        background-attachment: scroll !important; background-clip: border-box !important;background-color: rgba(0, 0, 0, 0) !important; background-image: url("/_layouts/15/Images/WebsiteSo2016/h3-cat.png") !important;
        background-origin: padding-box !important;  background-position: 5px center; background-repeat: no-repeat !important;  background-size: auto auto !important;
        color: #c3413f; font-weight: normal !important; margin: 0;   padding: 5px 0 5px 30px;
    }
    .div-row{ border-bottom: 1px inset #ccc; clear: both; padding: 5px; text-align: justify; box-shadow:0px 0px 3px #ccc; border:1px solid #fff; margin-bottom:7px}
    .div-row > a{color:#333}    
     img.img-linhvuc-tin{width:30%; display:block; float:left;}
    .div-linhvuc-left{width:70%; display:block; float:right}
    .div-linhvuc-news-title{padding:0px 5px;}
    .div-linhvuc-news-title a:link{font-weight:bold; color:#336699}
    .div-linhvuc-news-title a:hover{color:#C3413F}
    .div-linhvuc-new-shortcontetns{clear:both; padding-top:5px}

    
    
    /*===========Văn bản pháp quy================*/
    ul.vbpq-search{display: block;  margin: 0 auto; padding: 0; width: 95%;}
    ul.vbpq-search li{padding:0px; margin:0px; list-style:none}
    span.span-vb-search{display:block; font-weight:bold; padding:3px 0px;}
    
    .drp,.txt_ngay,.txt{padding:3px 4px}    
    .drp{width:94.5%}    
    .txt_ngay{width:43%}       
    .txt{width:93%}   
    .txt,.txt_ngay,.drp{border:1px solid #ccc; border-radius:4px;}    
   
    .div-table-header{display:none !important}
    .div-table-row{  border: 1px solid #fff; clear: both; display: block; margin: 5px auto 10px; width: 98%;}
    .div-table-column:before{content: attr(data-label); float: left; font-weight: bold; padding-right: 5px;text-align: left;}
    .div-table-column{padding:5px; text-align:justify}    
    .download-file{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/download25.png") no-repeat scroll 0 0;  padding: 5px 0 7px 28px;}    
    .div-box-vanbanPL {border: 1px solid #666666; border-radius: 7px;}
    
    /*=============Huong dan thu tuc============*/
    .h3-thutuc{ background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/bg_title.png") no-repeat scroll 0 -1px; padding: 5px 5px 5px 35px;font-weight:bold}
    .p-thongtin-chinhthong{color: #336699; font-style: italic; font-weight: bold;  margin: 0; padding-bottom: 0; padding-right: 0; padding-top: 10px; text-align: left;}
    .div-thongtu, .div-thuatngu-haydung{text-align:justify; padding:0px 10px}
    .div-thongtu > p { margin: 5px 0; padding: 0;}
    .span-title{font-weight: bold;  margin: 0; padding: 0;}
    .span-character{  background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/icon_title.png") no-repeat scroll 0 5px; padding: 5px 5px 5px 20px; width:100%}    
    .div-thuatngu-haydung ul{padding:0px; margin:0px; margin-left:10px}
    .div-thuatngu-haydung ul li{padding:5px}
    .div-huongdan-box{background: #c7e2fd none repeat scroll 0 0; border: 2px solid #fff;  border-radius: 8px; box-shadow: 0 0 3px #ccc;  margin: 5px auto; padding: 5px;   width: 93%;}    
    .div-box-thutu { border-bottom: 1px dotted #fff; list-style: outside none dotted;  padding: 5px 0;}
    .div-box-thutu a{color:#336699 !important}
    .div-box-thutu:hover a{color:Red !important}   
    
    /*========Gioi thieu don vi phong ban*/
    .div-contetn-dvpb{padding:5px; border:2px solid #fff; box-shadow:0px 0px 2px #ccc;background-color:#ffffff;}
    .div-contetn-dvpb img {  border: 3px solid #fff; box-shadow: 0 0 2px #ccc !important; margin: 0 auto !important;width:88px;height:115px}
    .div-contetn-dvpb p{margin:0px !important; padding:0px !important}
    .div-contetn-dvpb ol,.div-contetn-dvpb ul{ margin: 0 !important; padding: 0 0 0 15px !important;}
     
     /*=============Hoi dap phap luat=============*/     
     .guicauhoi{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/hoidapsend.png") no-repeat scroll 0 -3px;
        color: #c48f2c !important;
        display: inline-block;
        float: left;
        font-weight: bold;
        padding: 5px 3px 10px 30px;}      
     .timkiemcauhoi{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/hoidapsend.png") no-repeat scroll 0 -41px;
        color: #336699 !important;  display: inline-block;  float: left;  font-weight: bold;  margin-left: 10px; padding: 5px 3px 10px 30px;}
        
     .div-guicauhoi{border: 1px solid #fcad18; border-radius: 6px; margin: 0 auto; width: 98%; clear:both; margin-bottom:10px; display:none;}
     .div-danhsach-cauhoi {clear: both;}     
     .div-form-hoidap{border: 1px solid #336699; border-radius: 5px; clear: both; display: none; padding: 0 5px;}
     .div-row-hoi{border: 1px solid #999; border-radius: 5px; box-shadow: 0 0 2px #ccc; margin: 0 auto 9px; padding: 5px 10px 15px; width: 93%;}     
     
     .div-row-hoi-head{border-bottom: 1px inset #d4d4d4; margin-bottom: 5px; padding: 5px 5px 1px; clear:both}
     .div-traloi{ border-top: 1px dotted #336699;    color: #204b76;    font-style: italic;   margin-bottom: 5px;    margin-top: 5px;    padding-top: 5px;    text-align: justify;}
     .span-nguoihoi,.span-ngayhoi,.span-trangthaiTL{font-size:13px; color:#336699}
     .span-nguoihoi{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/hoidap.png") no-repeat scroll 0 -11px;   font-weight: bold;  padding: 2px 3px 3px 19px;}
     .span-ngayhoi{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/hoidap.png") no-repeat scroll 0 7px; font-weight: bold;padding: 5px 5px 0 19px;}
     .span-trangthaiTL{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/hoidap.png") no-repeat scroll 0 -44px; margin-left: 5px;padding: 0 5px 0 10px; display:none}     
     .div-cauhoi {font-style: italic; font-weight: bold; margin-bottom: 6px;  text-align: left;}     
     .div-short-content {text-align: justify;}     
    .support-support { display: block;  float: left; margin-bottom: 1px;  margin-right: 7px;   width: 50px;}
    .div-traloi {border-top: 1px dotted #336699;color: #204b76; font-style: italic; margin-bottom: 5px; margin-top: 5px; padding-top: 5px;  text-align: justify; display:none; clear:both}
    .xemtraloi {background: #336699 !important; border: 2px solid #fff; border-radius: 8px; box-shadow: 0 2px 2px #ccc; color: #fff !important; display: inline-block; font-size: 13px; padding: 0 9px; width: 75px; text-align:center;}
    .xemtraloi:hover {color: #ffff00 !important;}
    /*===========Lien He=============*/
   .h4-title{
         background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/h4-bg.png") no-repeat scroll 0 0;
        border-bottom: 2px solid #336699;
        color: #336699;
        font-size: 18px !important;
        font-weight: bold !important;
        margin-left: 5px;
        padding-bottom: 8px;
        padding-left: 40px;
        padding-top: 5px;
        text-align: left;
        width: 85%;
        margin-top:0px
    }
    /*=====Công bố quy hoạch====*/
    .div-congboquyhoach
    {       
        padding: 0 7px;
        text-align: justify;
    }
    /*=======Thong tin can biet====*/
    .div-duan-cong > div{padding:5px; font-weight:bold}
    .div-box.div-duan-cong div {margin-top: 5px;}  
    
    .div-tailieu-luutru{text-align:justify; padding:5px 10px}
    .div-tailieu-luutru >div > ul {
        margin: 0;
        padding: 0 0 0 10px;
    }  
    .div-tailieu-luutru >div > ul li{font-weight: bold; list-style: outside none none;  margin: 11px 0;}
    .div-tailieu-luutru >div > ul li > div{font-weight:normal; padding-top:5px}
    .div-khaithacdulieu {
        background: #336699 none repeat scroll 0 0;
        border: 2px solid #fff;
        border-radius: 5px;
        box-shadow: 0 0 2px #ccc;
        color: #fff;
        margin-top: 5px;
        padding: 5px !important;
        text-align: left;
    }
    
    .div-row-quantrac { border: 1px solid #dfdfdf; margin: 5px 0; }
    .div-quantrac-head { background: #dfdfdf none repeat scroll 0 0; border-bottom: 1px inset #fff; box-shadow: 0 1px 1px #999;  color: #333;  font-weight: bold;   padding: 5px;   font-size: 14px;}
    .div-quantrac-content{padding:4px 5px; font-size:14px}
    .div-quantrac-timkiem{width:96%; margin:0px auto; border:1px solid #336699 !important}    
    .div-row-donvihnqlctnh {border: 1px solid #dfdfdf;  margin: 5px 0;background-color:#ffffff}    
    .div-ten-donvi {background: #5298ca none repeat scroll 0 0; border-bottom: 1px inset #dfdfdf;  color: #fff;  font-weight: bold;  padding: 5px;}
    .div-diachi-donvi, .div-dienthoai-donvi, .div-giayphep-donvi, .div-donvicap {border-bottom: 1px dotted #dfdfdf; padding: 5px;}
    .div-diachi-donvi{text-align:justify}
    .div-giayphep-donvi:before, .div-donvicap:before {content: attr(data-label); float: left; font-weight: bold; padding-right: 5px;text-align: left;}
    .div-mohinhdocao{padding:5px; text-align:justify;background-color:#ffffff}
    
    .div-box-hoatdong {border-bottom: 1px inset #dfdfdf; clear: both; display: table; margin-top: 5px; min-height: 20px;}    
    .div-box-hoatdong > img {border: 2px solid #fff; box-shadow: 0 0 3px #ccc; display: inline-block; float: left; margin-right: 8px; padding-bottom: 5px; width: 40%;}
    .div-box-hoatdong a {color: #336699 !important; font-weight: bold;}
    
    .table-thongtinquantrac tr td{border:none} 
    
   /* .div-right-tin{height:250px !important}*/
    
    
    .div-sub-tin-main {margin: 0; padding: 0; clear:both;background-color:#f0f0f0}    
    .ul-sub-row {margin: 0; padding: 0;}    
    .ul-sub-row > li { background: #f0f0f0 none repeat scroll 0 0;
        border-bottom: 1px dotted #dfdfdf;
        padding-left: 10px;
        padding-right: 10px;
        list-style: none;
        padding-top: 5px;
        padding-bottom: 5px;}
    
    
    .div-tinhhinh-left {background: #f0f0f0 none repeat scroll 0 0;  border: 2px solid #ffffff;  border-radius: 5px; box-shadow: 0 0 2px #cccccc; margin: 0 auto; width: 80%;}
    .div-tinhhinh-nam {background: #336699 none repeat scroll 0 0; color: #ffffff; font-size: 20px;font-weight: bold; padding: 5px; text-align: center;}
    .div-datiepnhan {font-size: 16px; margin: 10px 0; text-align: center;}
    .span-datiepnhan {font-weight: bold;}
    .div-dagiaiquyet { font-size: 16px; margin: 10px 0; text-align: center;}
    .span-dagiaiquyet {color: #336699; font-weight: bold;}
    .div-phantram {font-size: 16px; text-align: center;}
    .span-phantram {color: #336699; font-size: 45px; font-weight: bold;}
    .span-dunghan {color: #336699; display: block; font-weight: bold; padding-bottom: 10px;}


    .div-tinhhinh-right {margin-top: 10px; display:flex}
    .div-tinhhinh-row { box-shadow: 0 0 2px #cf861f; display: block; float: left; margin-right: 5px; width: 32%;}
    .div-thang-row { background: #cf861f none repeat scroll 0 0; color: #ffffff;font-size: 18px; font-weight: bold; text-align: center;}   
    .div-thongke-tinhhinh-xlhs {    border-left: 1px solid #cccccc;clear: both; margin-top: 15px; position: relative; margin-bottom:10px} 
    .div-thang-row {background: #f96308 none repeat scroll 0 0; color: #ffffff;font-size: 18px; padding-bottom: 5px;text-align: center;}    
    .div-datiepnhan-row {font-size: 14px; padding: 5px; text-align: center;}
    .div-datiepnhan-row > span {display: block;font-weight: bold; padding-top: 5px;}
    .div-dagiaiquyet-row {padding: 5px; text-align: center;}
    .span-dagiaiquyet-pt {color: #f96308; display:inline-block; font-size: 18px;  font-weight: bold;  padding-top: 10px;}
    .div-chitiet-row {padding: 3px; text-align: right;}
    
    .div-table { clear: both;  display: flex;}
    .div-table-row-thongke {border: 1px solid #336699;margin: 35px auto 0; width: 90%;}    
    .div-table-row-thongke {background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #336699;  margin: 35px auto 5px;  width: 90%;}
    .ul-hoso-xltrongky {margin: 5px 0 0 !important; padding: 0 !important;}
    .ul-hoso-xltrongky > li {list-style: outside none none !important; padding: 5px 0;}
     h5 {font-size: 14px !important;  margin: 8px 0;}
    ul {margin: 0; padding: 0;}
    ul li {line-height: 22px; list-style:none}
    ul li ul {margin-left: 30px;}
    ul li ul li{list-style:outside }    
    .table-motcua { overflow: scroll;  width: 100% !important;}
   .table-view-motcua th {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #c4d8ec none repeat scroll 0 0;
        border-color: -moz-use-text-color #ffffff #ffffff -moz-use-text-color;
        border-image: none;
        border-style: none inset inset none;
        border-width: medium 1px 1px medium;
        padding: 5px;}
        
    .div-tracuu-hoso {margin: 0 auto; width: 270px;}    
    .div-table-tracuu {border: 1px solid #999999; border-radius: 10px; margin-bottom: 10px; width: 96%;}
    
    .table-giadat {border: 1px dashed #336699; border-radius: 5px;margin: 0 auto; padding: 5px; width: 90%; margin-bottom:10px}    
    .drp_1 {padding: 5px; width: 95%;}
    .drp_1 > option{width:100%}
    
    .table-giadat-row {clear: both;  display: flex; margin-bottom: 5px; padding-bottom: 5px;}
    .div-table-giadat-column {display: block; float: left; padding-right:5px}
    .column-30{width:20%;}
    .column-70{width:77%}
    .align-right{text-align:right}    
    .div-table-column {padding: 5px; text-align: justify;}    
    .div-stt {display: none;}
    .giadat-dongbang {border-right: 1px inset #000000; float: left;  width: 50%;}    
    .giadat-miennui {float: right; width: 49%;}
    .giadat-dongbang, .giadat-miennui{background: linear-gradient(#ffffff, #f0f0f0) repeat scroll 0 0}
   
    .div-table-giadat-row-column:before {content: attr(data-label); font-weight: normal; padding-left: 5px; padding-right: 10px;}
    
    
    .table-giadat-row-head{display: none !important;}    
    .div-table-giadat-row {border: 1px solid #999; display: table; margin: 0 auto 10px;  width: 98%; background:linear-gradient(#fff,#f0f0f0)}
    .div-column-head {background: #f0f0f0 none repeat scroll 0 0; display: inline-table;font-weight: bold;   padding: 4px; text-align: left; width: 97.5%;  border-bottom: 1px inset #999999;}
    
    .btn_1{background: #336699 none repeat scroll 0 0 ; border: 2px solid #ffffff;  box-shadow: 0 0 2px #cccccc; color: #ffffff; font-weight: bold; padding: 3px 7px; margin:0px auto}
    .btn_1:hover{color:Yellow !important}
    .txt_1 {width: 93%;}
    
    .table-lichlamviec{border:none}
    .table-lichlamviec tr td {border: none; font-size:14px}
    
    .div-table-llv-row {background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #f0f0f0) repeat scroll 0 0;
        border: 1px solid #cccccc; border-radius: 5px; line-height: 25px; margin-bottom: 5px; padding: 5px;}
        
    .download-giadat {background: rgba(0, 0, 0, 0) url("/_Layouts/15/Images/WebsiteSo2016/download.png") no-repeat scroll 0 2px; display: block; margin: 0 auto;  padding-left: 5px;    text-align: center;   width: 200px;}
    .download{background: rgba(0, 0, 0, 0) url("/_Layouts/15/Images/WebsiteSo2016/download.png") no-repeat scroll 0 5px; display: block; padding-left: 20px;}
    .download:hover{cursor:pointer}
}

/*---------Div nguoi dan(them)-------------*/
.re-slide
{
    
    font-size:16px;
    
    }
.re-bxslide
{}

/*==========May tinh ban chieu doc=============*/
@media all and (min-width: 600px)
{     
    .align-right{text-align:left !important}
    body #s4-bodyContainer{max-width:1023px !important;}
    .title_so { background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/snnmt-600.png") no-repeat scroll 0 0 !important;}
                
  /*  div.ms-cui-topBar2{display:block !important}
    div#s4-ribbonrow{display:block !important} */
    .div-main-slideshow {display:block}   
    
    .div_main_content_left {float: left; }
    
    .div_main_content_left {width: 100% !important;}
    .div_main_content_right {float: right; margin-top:20px}
    
    /*=============Dinh dang div ben phai ========*/    
    .div-ttcb-in {display: block; padding-top: 30px;background-image:linear-gradient(#fff, #f0f0f0)}
    .ul-thongtincanbiet {padding: 0px 0 0; height:auto}
    .ul-thongtincanbiet a {width: 72%;}
    .span-ttcb {margin-right:0px}
    /*====Box -tin tuc===*/       
    .div-row {box-shadow: none; height: auto;  clear: both; display: table;  position: relative; margin-top:0px}
    .lineTitle {border-bottom: none;}
    .titleCatalog {font-size: 16px !important;background: url("/_layouts/15/images/WebsiteSo2016/h4-bg.png") no-repeat scroll 0 0;   padding: 7px 7px 7px 35px;}
    .img-box-main {width: 98%;float: none; margin:0px auto;}       
    .news-main > div {}       
    .div-title-news { font-family: tahoma;  font-size: 14px;}    
    .div-sub-news {clear: both;  position: relative; font-family: tahoma; }
    ul.sub-news { margin: 5px 0 0;  padding: 0; min-height:auto}    
    ul.sub-news li {margin-top: 10px;  width: 100%;  display: block;  clear:both; padding:5px 0px }
    ul.sub-news li img.img-box-news-sub {font-size:14px; display: block; float: left; padding: 0; width: 27%; box-shadow: 0px 0px 2px #ccc;border: 1px solid #fff;}     
    ul.sub-news li a.title-new-sub {text-align: left; font-size: 14px;}    
    img.img-linhvuc-tin {  margin-right: 15px;}    
   .div-linhvuc-left {width: 67%;}
   .div-linhvuc-new-shortcontetns {clear: none}
   .h4-title{font-size:16px !important}
   .h4-content{color: #336699 !important; font-size: 14px !important; margin: 5px 0; font-family:Tahoma !important; font-weight:bold}
   .h4-title-color {font-family:Tahoma !important;font-size: 14px !important;}
   .div-box.div-box-lienhe { display: table;  width: 100%; margin-top:20px}
   .div-table-row {display: block;   float: left;  margin: 5px auto 10px;   width: 49%; clear:none}
   .div-tailieu-luutru > div > ul li > div {text-align: justify; line-height:25px}      
    ul.sub-news{display:table}   
   .div-noibat-scoll {box-shadow: 0px 0px 2px #ccc; padding: 5px 0px; border: 2px solid #fff;}
   .li-hidden{display:none !important}
   
   /*=============Hien thi thong tin trang chu=======*/  
   .div-box-tin-main {margin-top: 10px; height:auto} 
   .div-tin-left { display: block; float: left;  width: 54% ; margin-right: 5px; border-right: 1px inset #dfdfdf;}   
   .div-right-tin {display: block; float: left;   width: 44% ; overflow-y: hidden;}    
   .img-main-tin { width: 50% !important;display: block; float: left;}
   .div-date-title {font-style: italic;  width: 90%;  display: inline-block;  clear: both; border-bottom: none;}   
   .ul-sub-tin > li {font-weight: normal;}   
   .span-title-tin {width: 55%;}
   .div-container-tin {padding:5px; padding-top:10px}   
   .ul-nguoidan {width:175%}   
   
    .ul-thongtincanbiet > li { clear: none; display: block;  float: left; width: 30%; height: 60px;  overflow: hidden;}
    .ul-thongtincanbiet a { display: block; float: left; width: 68%; font-weight:normal; margin-left:5px}

    .div-box-mot-cua {width: 35%;}
    .div-info-motcua,.thongtin,.div-tracuu-hoso{width:100%}
    .link-tracuu-hoso{width:90%; margin:0px auto}
    .div-phanmem{display:none}
    

 
 /*Sửa border: 2px solid #fff;*/
    .div-box-mot-cua {display: block; float: left;  width: 35%;}
    .div-ds-phanmem { display: block; float: right; margin-top: 20px; position: relative; width: 59%; margin-left: 25px;box-shadow: 0px 2px 3px #939393;  }     
    .div-ds-phanmem-in{height: 180px;  margin: 30px 0 0;  overflow: scroll; box-shadow: 0px 0px 2px #ccc;background-color:#ffffff}
    .div-ds-phanmem-noibo{display: block; float: right; margin-top: 20px; position: relative; width: 100%; margin-left: 25px;clear:both;box-shadow: 0px 2px 3px #939393;}
    .ul-ds-phanmem {margin:0px; padding: 0;}   
    .ul-ds-phanmem > li {display: block;  float: left;  height: 110px; list-style: outside none none; margin: 5px; width: 30%;}
    .ul-ds-phanmem img {width: 100%;}
    
    /*===footer====*/
    .div_footer_out {background: rgba(0, 0, 0, 0) url("/_Layouts/15/images/WebsiteSo2016/bg-footer.png") repeat-x scroll 0 0;}
    .div-footer-coppyright {background:none}
    .div-footer p{font-size:16px;}
    .footer-infor-contact { display: block;  margin: 0 auto !important; width: 85%; background: #646465; padding-left: 10px !important; border-radius: 10px;}
    .div-footer-coppyright {    color: #7cbaf8;font-size: 12px; min-height: 27px;  padding: 32px 5px 5px 5px;  text-align: center;}    
    .div-footer-coppyright > p { margin: 7px auto 0;}
    ul.footer-infor-contact { background-color: rgba(255, 255, 255, 0.1); margin-bottom: 5px; margin-left: 10px; padding: 8px 0px; padding-bottom:7px; text-align: left;}
    .footer-infor-contact > li:last-child{border-bottom:none}
    
    /*===Hoi dap thac mac===*/
    .div-table-row{width:100% !important}    
    .div-column-1 {display: block;  float: left;  padding-right: 10px;  text-align: right;  width: 19% !important;}
    .div-column-2 {display: block; float: left; width: 78% !important;}
    .div-box-vanbanPL {box-shadow: 0 0 2px #cccccc !important;}
    .testDivScroll{width:100%; overflow:none}
    
    .div-table-llv-row {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-color: -moz-use-text-color -moz-use-text-color #336699;
            border-image: none;
            border-radius: 5px;
            border-style: none none dashed;
            border-width: medium medium 1px;
            clear: both;
            display: table;
            height: auto;
            line-height: 25px;
            margin-bottom: 10px;
            padding: 6px;
            position: relative;
            width: 100%;
        }
       
   .div-lichlamviec { display: inline-block; float: left;  width: 70%;}   
    .div-download {display: inline-block;float: right;}    
    .div-contetn-dvpb img {width:140px; height:170px}
    .footer-infor-contact{width:90%; margin-top:-13px !important}
}

/*==========May tinh ban chieu ngang=============*/
@media all and (min-width: 1024px)
{ 
    body{font-size:14px !important;}   
    .align-right{text-align:left !important}
      body #s4-bodyContainer{max-width:1279px !important;}     
      
      .column-width-7 {width: 7%;}
       .column-width-10 {width: 10%;}
        .column-width-17 {width: 17%;}
        .column-width-20 {width: 20%;}
        .column-width-25 {width: 25%;}
        .column-width-30 {width: 30%;}
        .column-width-35 {width: 35%;}
        .column-width-40 {width: 40%;}
        .column-width-45 {width: 45%;}
        .column-width-50 {width: 50%;}
        .column-width-55 {width: 55%;}
        .column-width-60 {width: 60%;}
        .column-width-65 {width: 65%;}
        .column-width-70 {width: 70%;}
        .column-width-75 {width: 75%;}
        .column-width-80 {width: 80%;}
        .column-width-85 {width: 85%;}
        .column-width-90 {width: 90%;}
        .column-width-95 {width: 95%;}
        .column-width-100 {width: 100%;}
     .align-right{text-align:right !important}
     .align-left{text-align:left !important}
     .align-center{text-align:center !important}
     
     .div-contetn-dvpb img {width:140px !important;height:auto !important}
     
      
     .div-content-page{width:100%; margin:0px; padding:0px; margin-top:0px; background-color:#ffffff}/*Doc sửa margin-top*/
     .slicknav_menu{display: none !important;}
     .navaigation-menu {display:none}
     .div-header-out{display:block; background:#fff; height:100px; margin-bottom: 35px;background: #ffffff url("/_layouts/15/images/WebsiteSo2016/bg-head-in.png") no-repeat scroll 0 0;background-position:right center;}
     .div-header-in { height: auto;  width: 1024px !important; height: 100px !important;  margin: 0px auto !important;   background-position: right; }/*Doc sửa background*/
    
    .div-logo-and-sologon {width: 70%;  height: 100%;  position: relative; display:block; float:left}    
    .div-head-search {display: block;float: right; height: 100px; position: relative; width: 300px;}
    .logo-head { width: 10%;  height: 87px;   position: absolute;   background: url("/_Layouts/15/images/WebsiteSo2016/logo-qh.png")no-repeat;   top: 20px; left: 10px; }        
    .sologon-head { width: 88%; display: block;float: left; height: 56px; background: url(/_Layouts/15/images/WebsiteSo2016/snnmt-1024.png) no-repeat; position: absolute; left: 100px; top: 20px;}
    .text-box { width: 250px;  border: none; position: absolute; bottom: 7px; padding: 3px; color: #666; font-style: italic; font-size: 12px;}    
    .lnk-search-head {background: url(/_Layouts/15/images/WebsiteSo2016/icon-search-head.png)no-repeat; width: 23px;  height: 22px; position: absolute; bottom: 6px; right: 45px;}
       
    .menu-head-out {height: 40px; background: #336699;  border-bottom: 3px solid #fff;   box-shadow: 0px 0px 3px #ccc;}
    .menu-head-in { width: 1024px; height: 40px; margin: 0px auto;}
    
    .div-slideshow-tinoibat {box-shadow: 0px 0px 2px #ccc; border: 3px solid #fff;}
    
    .ul-menu-head{margin:0px; padding:0px;}
    .ul-menu-head > li {float: left; list-style: outside none none;  display: inline;  position: relative; height:50px; margin-left: 10px; }
    
    .ul-menu-head > li a{color:#fff;   display: block; margin:10px 10px 0px 10px ; font-weight:bold;}
    /*.ul-menu-head > li a:hover{color:#fff !important;}*/
    
    .li-menu-main:hover a{color:#fff !important;}/*Doc thêm*/
    
    .li-home-menu{margin-right:10px;}
    .span-home-head {background: rgba(0, 0, 0, 0) url("/_layouts/15/images/WebsiteSo2016/home-btn.png") no-repeat scroll 0 0;
    color: rgba(0, 0, 0, 0);
    padding: 10px;  position: absolute;  top: 5px;  left: 5px;}
    .li-hover{color:#336699; background:#fff}
    .a-color{color:#336699 !important;}
    
    .div-sub-menu {background: #fff none repeat scroll 0 0;    border-top: 1px solid #ffffff;    color: #336699;
        top:43px;  position: absolute;  width: 500px;  z-index: 9998;  border: 2px solid #fff;  box-shadow: 0px 2px 2px #ccc;
        border-top: none;  display:block;
        background: linear-gradient(#fff,#f0f0f0);
        display:none;
     }   
    .div-menu-tintuc { width: 200px !important;}    
    .div-menu-right {display: block; float: left;  width: 50%;}
    .div-menu-left {display: block;float: left;  width: 50%; }    
    .li-sub-menu:hover a{color:#336699 !important}
    
    .li-sub-menu:hover div.div-sub-menu {display:block;}    
    .h3-title-menu {font-family: Tahoma !important; color: #336699 !important;border-bottom: 1px dotted #dfdfdf; font-size: 14px;font-weight: normal; margin: 10px 0 0 5px; padding: 0 0 5px; font-weight: bold;}    
    .span-menu{background: url(/_Layouts/15/images/WebsiteSo2016/icon-menu.png) no-repeat; font-weight: bold; padding-left: 25px;}
    .span-dvsn{}
    .span-phongcm{}
    .ul-sub-menu{ border-left: 1px dotted #dfdfdf; margin: 0 0 0 0px; padding: 0;}
    .ul-sub-menu li  
    {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        border-bottom-color: #dfdfdf;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 5px;
        padding-left: 5px;    
    }
    .ul-sub-menu li:hover {background:#336699}  
    .ul-sub-menu li:hover a{color:#fff !important}
    .ul-sub-menu > li a {    color: #336699 !important;
        display: inline-block !important;
        font-weight: normal !important;
        margin-left: 0 !important;}    
    .ul-sub-menu > li:last-child {border-bottom: none;}  
    
    .div-tin-out{padding:0px;  background-color:#ffffff;width:99.6%}
    .div-tin-left {width: 45%; border-bottom: none}
    .div-right-tin {width: 32% !important; height:242px}    
    .div-sub-tin-main { background: #f0f0f0 none repeat scroll 0 0;  display: block;  float: right;  width: 22% !important; clear:none; height:240px !important}
    
    .ul-sub-tin {margin: 0; padding: 0; height:auto; overflow: hidden;  overflow-x: hidden;}
    .ul-sub-row {height: auto; margin: 0;  overflow-x: hidden;  padding: 0;}
    .ul-sub-row > li {border-bottom: 1px dotted #dfdfdf; list-style: outside none none; padding: 5px 0 5px 5px;}  
    .ul-sub-row a {font-size: 13px;}
    .img-main-tin{width:50%;}    
    .div-date-title {width:46%; float:right; clear:none; border-bottom: 1px inset #dfdfdf;}
    .span-date-tin, .span-title-tin {font-size:12px; font-style:normal; font-style: normal;}
    .span-date-tin { width: 25%;}
    .span-title-tin {width: 50%;}    
    .div-container-tin{clear:none; clear: none; margin-top: 18px; border-top: none; color: #333;}
    
    .div-nguoidan,.ul-nguoidan { width: 100%;}    
    .div-nguoidan {background: linear-gradient(#fff,#f0f0f0); border: 2px solid #fff; margin-top: 0px; box-shadow: 0px 0px 2px #f0f0f0; width: 99.5%;}
    
    .ul-nguoidan > li {width: 18%; padding-right: 5px;}    
    .ul-nguoidan > li:last-child {border: none;}
    
    .div_main_content_right {margin-bottom: 10px;}
    .div_main_content_left{width:100%; min-height:400px}
    
    .div-thongtin-canbiet {float: left; margin-right: 15px;  width: 35%;}
    .div-box-mot-cua {display: block; float: left; margin-top: 0; position: relative;  width: 20%;box-shadow: 0px 2px 3px #939393;}
    .link-tracuu-hoso {margin: 0 auto; width: 95%; font-weight: bold;  font-size: 11px;}
    .div-info-motcua {height:165px;  background-color:#ffffff}
    
    .div-ds-phanmem {margin-top: 0; width: 20%;margin-left:15px; float:left}
    .div-ds-phanmem-noibo{width:20%;clear:none;margin-top:0px; margin-left:13px}
    
    .div-ttcb-in {display: block;padding-top: 0px; margin-top: 30px;background-color:#ffffff}
    .ul-thongtincanbiet {height: 180px; padding: 0;}    
    .ul-thongtincanbiet > li { clear: none; display: block; float: left;  height: 60px;  overflow: auto; width: 50%; padding-right:0px}
    .ul-thongtincanbiet a {  color: #333333; font-weight: normal; margin-top: 10px; width:none; display:inline-block; float:none}
    
    .span-title-tin {width: 100%; margin-left: 0px;  margin-bottom: 5px;}
    
    /*==footer==*/
    .div_footer_out {background: rgba(0, 0, 0, 0) url("/_Layouts/15/images/WebsiteSo2016/bg_footer-1024.png") repeat-x scroll 0 0;}
    .div-footer {margin: 0 auto; width: 72% !important;}    
    .footer-in { width: 100%; position:relative}
    .a-map-footer {position: absolute;  display: block; top:15px; left:5px}
    ul.footer-infor-contact li {padding:2px 5px}
    .div-footer-coppyright{height:20px; min-height:0;}    
    .div-footer-coppyright > p {margin: 0px auto 0; width: 65%; background: url("/_Layouts/15/images/WebsiteSo2016/coppy-right-footer.png") no-repeat; padding-left: 15px;            
    padding-bottom: 8px;  background-position: -1px 0px;  padding-top: 3px;}
    
    /*--------------Chi tiet tin tuc-----------*/
    div-noidungchinh img, .div-noidungchinh p img, .div-noidungchinh center p img {max-width: 100% !important;}
    
    /*===Test==*/    
    .div-row-tintuc-linhvuc {box-shadow: 0 0 2px #cccccc;  clear: none !important; display: table;  float: left;  height: 145px; margin-left: 10px; margin-bottom:10px; width: 47%;}
    .div-linhvuc-left {width: 65%; margin-bottom:5px;}    
    .div-linhvuc-new-shortcontetns {clear: both;display: inline; color:#333}
    .div-linhvuc-news-title {padding: 0; text-align: left;}    
    .div-linhvuc-news-date { font-size: 12px; font-style: italic; margin-top: 5px;}
    /*.div-huongdan-thutuc {box-shadow: 0 0 2px #cccccc !important;}*/
    .div-box-chitiet {border: 4px solid #ffffff; box-shadow: 0 4px 3px #cccccc; margin: 0 auto; width: 100%;}    
    .div-row-thutuc {background: rgba(0, 0, 0, 0) url("") repeat scroll 0 0;border-bottom: 1px dotted #dfdfdf; padding-bottom: 5px; width: 99% !important;}
    .div-row-thutuc:hover {background: #f0f0f0 none repeat scroll 0 0; color: #336699;}
    .div-row-click{width:80%; margin:0px auto; text-align:center}
    .div-guicauhoi {min-height: 380px; width: 80%;}
    .div-form-hoidap {min-height: 170px; width:80%; margin:0px auto}
    .div-align-center{text-align:center}
    .div-danhsach-cauhoi {clear: both;display: block; margin-top: 10px;}
    .div-danhsach-cauhoi > span { display: block; margin-bottom: 10px; margin-left: 25px; margin-top: 5px;}
    .timkiemcauhoi{float:none}
    .guicauhoi{float:none}
    
    .div-table-header { display: block !important; background:#dfdfdf; font-weight: bold; margin-bottom: 0;width:100%}
    .div-table-column {display: block; float: left;}
    .div-width-20 {width: 20%;}
    .div-table-column::before{content:attr(none)}
    .border-box { border-bottom: 1px inset; margin-bottom: 0;}
    .border-box:last-child{border:none}
    .h4-title{margin-bottom:0px; border-bottom:none; font-family: Tahoma !important;}
    .div-box-thutu{padding:10px 0px}
    .div-row-thutu:last-child{border:none}
    .div-row-thutuc > a{color:#333 !important; line-height:25px}
    .div-noidungchinh img, .div-noidungchinh p img, .div-noidungchinh center p img    
    {
        height: auto !important;
        margin: 0 auto;        
        min-height: auto !important;
        max-width:100% !important;
    }
    .div-TieudeTin{color:#336699}
    .show-news-Detail{width:70%; display:block; float:left;  min-height: 500px !important;}
    .div-baivietlienquan,.div-tincuhon {clear: none; display: block;  float: right;  width: 27.5%;}
    .title-new-sub {clear: right !important; float: none !important; font-weight: normal !important;  width: 100% !important;}
    .h3-title-linhvuc { font-size: 14px !important;}
    
    
    .table-response tr {display: table;  float: left;  margin-right: 5px;   width: 32%;}        
    .div-box-hoatdong { border: 3px solid #ffffff;  box-shadow: 0 0 2px #cccccc; height:245px; overflow:hidden; position:relative; margin-bottom:10px}
    .div-box-hoatdong > img { clear:left; margin-right: 8px; padding-bottom: 5px;   width: 100%; box-shadow:none}
    .div-des-hoatdong {bottom: 0; color: #333333 !important;  padding: 5px 0;  position: absolute;  width: 99%; background:#fff}
    .div-box-hoatdong a{font-weight:normal; color:#333}  
    .div-box-search { margin: 0 auto;  width: 85%;}    
        
    .div-table-header {background: #666666 none repeat scroll 0 0; border: 1px solid #dfdfdf; color: #ffffff; display: block !important; font-weight: bold; height: 40px; margin-bottom: 0;}
    .div-table-row-head { border-bottom: 1px inset #dfdfdf; clear: both; display: table;  padding: 5px; width: 99%;}
    
    .div-table-column-head {display: block; float: left; padding-right:10px; font-weight:bold}       
    .div-box-vanbanPL {border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;  margin-bottom: 0; margin-top: 0; box-shadow: none !important;}
    .div-table-row:hover {background: #f0f0f0 none repeat scroll 0 0; cursor: pointer;}
    .div-congboquyhoach > p {line-height: 30px;}
    .div-quantrac-timkiem {height: 95px; margin: 0 auto; width: 62%;}
    .div-tinhhinh-left {background: rgba(0, 0, 0, 0) url("/_Layouts/15/images/WebsiteSo2016/calendar_blue.png") no-repeat scroll 0 0;
        display: block;
        float: left;
        width: 30%;
        height:220px;
        position:relative;
     }
    .div-tinhhinh-right {display: block;  float: right;  width: 69%;}        
    .div-tinhhinh-nam {color: #ffffff;
        font-size: 19px;
        font-weight: bold;
        left: 45px;
        position: absolute;
        text-align: center;
        top: 25px;
     }    
       
    .div-tinhhinh-row 
    {  background: rgba(0, 0, 0, 0) url("/_Layouts/15/images/WebsiteSo2016/calendar_vector.png") no-repeat scroll 0 0;
        display: block;    float: left;  margin: 0 5px;  min-height: 217px;   position: relative; width: 31%;}
    .div-thang-row {color: #336699;  font-size: 18px;   font-weight: bold;   height: 30px;   padding-left: 40px;   padding-top: 10px;}  
    .div-thongke-tinhhinh-xlhs 
    { border-left: 1px solid #fdfdfd; box-shadow: 0 0 2px #dfdfdf; clear: both; position:relative; }  
    .div-chitiet-row > a {border-radius: 32px;
                bottom: 13px;
                color: #336699 !important;
                display: block;
                font-weight: normal;
                padding: 1px 16px;
                position: absolute;
                right: 5px;
     }
     .div-chitiet-row > a:hover{color:red}
    .div-dagiaiquyet-row, .div-datiepnhan-row {}    
    .div-thang-row {color: #ffffff; font-size: 19px; font-weight: bold; left: 28px; position: absolute; top: 20px;}
    .div-datiepnhan-row {font-size: 15px; left: 15px; position: absolute; top: 70px;}    
    .div-datiepnhan-row > span, .div-dagiaiquyet-row > span {font-weight: bold;}
    .div-dagiaiquyet-row {left: 65px; position: absolute; top: 105px;}
    .span-dagiaiquyet-pt {color: #ff0000; font-size: 30px !important; left: 8px; position: absolute; top: 22px;}    
    .span-datiepnhan {font-weight: bold;}
    .span-dagiaiquyet {font-weight: bold;}
    .span-phantram {color: #ff0000; font-size: 35px; font-weight: bold;}
    
    .div-datiepnhan {left: 25px; position: absolute; top: 75px;}    
    .div-dagiaiquyet {left: 25px; position: absolute;  top: 103px;}
    .span-phantram {left: 48px; position: absolute; top: 125px;}   
    .span-dunghan {left: 60px; position: absolute;  top: 174px;}
    #ctl00_ctl20_g_8dab048e_a221_4449_ba32_f44ff0efc652_ctl00_pnThongKe > ul {margin: 9px 0 0 13px; padding: 0;}    
    #ctl00_ctl20_g_8dab048e_a221_4449_ba32_f44ff0efc652_ctl00_pnThongKe li { line-height: 25px;}
    .table-view-motcua { border: medium none;}
  .table-view-motcua  th {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #e4e4e4 none repeat scroll 0 0;
        border-color: -moz-use-text-color #fdfdfd #fdfdfd -moz-use-text-color;
        border-image: none;
        border-style: none solid solid none;
        border-width: medium 1px 1px medium;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        text-align: center;
    }
    .table-view-motcua td {
        border-bottom: 1px solid #fdfdfd;
        border-left: 1px solid #dfdfdf;
        font-size: 14px;
        padding: 3px 5px;
        text-align: center;
    }   
    .div-table { padding-top: 38px;}
    .span-hoso-giaiquyet {font-weight: normal !important; left: 20px;  position: absolute; top: 70px;}
    .div-table-row-thongke {background: #dfdfdf none repeat scroll 0 0 !important;
    border: 2px solid #ffffff; box-shadow: 0 0 2px #dfdfdf; display: block; height: 41px; width: 80%;}
    
    .div-tinhhinh-left { border: medium none; box-shadow: none;}
    .div-tinhhinh-row {border: medium none; box-shadow: none;}
    .div-thang-row {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
    .div-datiepnhan-row > span {display: inline;}

    
    .div-table-tracuu { background: #f0f0f0 none repeat scroll 0 0; border: 2px solid #ffffff; box-shadow: 0 0 2px #f0f0f0; display: table;  width: 50%; margin:0px auto}
    .div-border-none {border: medium none !important;}
    .div-ketqua-trucuu { border: 3px solid #999;  box-shadow: 0 0 3px #ccc;  margin: 10px auto 0;  width: 80%; clear:both}
    .newborder.table-ketqua-tkhs {width: 100%;}
    .table-ketqua-tkhs tr td, .table-ketqua-tkhs tr th {border-bottom: 1px solid #f0f0f0; font-size: 14px; padding: 5px;}
    .table-ketqua-tkhs tr th{background: #dfdfdf none repeat scroll 0 0;font-weight: bold;text-align: right;}
    .h4-width-40{margin: 0 auto 20px !important; width: 40% !important;}   
    .li-hidden { display: block !important;}
    .div-title-search-tintuc{width:60%; margin:0px auto}
    .div-box-search {border: 1px dashed #336699; box-shadow: 0 0 2px #cccccc;display: table; width: 50%; clear:both}    
    .div-row-kq-search{ border-bottom: 1px dashed #999999; margin: 10px auto 0; width: 90%;}
    .img-kq-search{width: 15% !important;}
    .div-kq-search-left{margin-bottom: 5px; width: 83%;}
    .div-paging {box-shadow: none !important;padding: 5px; text-align: center;}
    
    
    .div-box-vanbanPL {border-color: -moz-use-text-color #dfdfdf #dfdfdf; border-image: none; border-radius: 0; border-style: none inset inset; border-width: medium 1px 1px;}    
    .table-giadat{width:50% !important;}    
    .table-giadat-row-head { display: table !important; height: 25px; background: linear-gradient(#ffffff, #f0f0f0) !important; font-weight:bold}
    .div-table-giadat-row {clear: both; border-bottom: 1px inset #666666 !important; margin: 0; display: table; padding: 2px 0; background:none; width:100%}
    .div-stt {display: block;}        
    .div-table-giadat-row-column::before{display:none !important}
    .div-table-giadat-row-column {display: block; float: left;}
    .div-table-giadat-row{border:none}
    .div-column-head {  display: inline-table; font-weight: normal; background:none; border:none}
    .div-table-giadat-row-column {padding-right: 5px;}
    .giadat-dongbang {clear: none !important; float: none !important; width: auto;}    
    .giadat-miennui {clear: none;float: none !important;  width: auto;}
    .div-main-giadat {border: 1px solid #cccccc;}        
    .div-table-giadat-row:hover {background: #cccccc none repeat scroll 0 0 !important; cursor: pointer;}    
    .div-table-giadat-row:nth-child(2n+1) {background: #f0f0f0 none repeat scroll 0 0;}  
    .div-lichlamviec{width:78% !important}
    .div-download {clear: right; width: 20%;}    
    .div-main-lichlamviec { border: 2px solid #ffffff; margin: 0 auto; width: 80%;}
    .div-title-lichlamviec{width:80%; margin:0px auto; margin-bottom:10px}
    .nano-pane{display:none !important}
    
    #TBL3 > img {width: 100% !important;}
    
}

/*==========Desktop=============*/
@media all and (min-width: 1280px)
{
    body
    {
        background: Blue;
    }

        body #s4-bodyContainer
        {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0px auto;
            background: #f1f1f1;
            min-height: 400px;
        }
    /*==== Mo block nay de thay duoc menu Ribbonrow voi dang nhap===*/
    /*
    #s4-ribbonrow{display:block !important}
    #s4-statusbarcontainer{display:block; color:#fff}
    .ms-mini-socialNotif-Container{display:block !important}    
     div.ms-cui-topBar2{display:block !important}
    div#s4-ribbonrow{display:block !important;}
    */

    .div-header-in, .menu-head-in, .div-bodyContainer-in
    {
        width: 1200px !important;
    }

    .div-header-out
    {
        background: #ffffff url("/_layouts/15/images/WebsiteSo2016/bg-head-in.png") no-repeat scroll right center;
    }

    .div-header-in
    {
        background: none;
    }

    .div_main_content_left
    {
        display: block;
        float: left;
        width: 920px !important;
    }

    .div_main_content_right
    {
        display: block;
        float: right;
        width: 260px;
    }

    .div-thongtin-canbiet
    {
        clear: both;
        width: 100%;
    }

    .div-box-mot-cua
    {
        clear: both;
        width: 100%;
        margin-top: 10px;
    }

    .div-ds-phanmem
    {
        clear: both;
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .ul-thongtincanbiet
    {
        height: auto;
        overflow-y: auto;
    }

        .ul-thongtincanbiet > li
        {
            clear: both !important;
            width: 100% !important;
            height: auto !important;
        }

    .span-ttcb
    {
        display: block;
        float: left;
        width: 5%;
    }

    .ul-thongtincanbiet a
    {
        display: block;
        width: 90%;
        margin-top: 5px;
    }

    .div-ds-phanmem-in
    {
        overflow: hidden;
        height: 175px !important;
        overflow-y: hidden;
        margin: 30px 0px 0px;
        background-color: #ffffff;
    }

    .ul-ds-phanmem > li
    {
        display: block;
        float: left;
        height: 68px;
        list-style: outside none none;
        margin: 5px;
        width: 44%;
    }

    .footer-in
    {
        width: 1200px;
    }

    .div-nguoidan, .ul-nguoidan
    {
        width: 100%;
        overflow: hidden;
    }

    .h3-hienthi
    {
        width: 100% !important;
    }

    .div-info-motcua
    {
        width: 100% !important;
    }

    .link-tracuu-hoso
    {
        width: 195px;
    }

    .div-ttcb-in
    {
        height: 340px !important;
    }

    /*---------Div nguoi dan(them)--.nguoidan-mobile
    {display:none}
    .nguoidan-pc{display:block}-----------*/

    .h3-thongtincanbiet
    {
        font-family: Tahoma !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/_layouts/15/images/WebsiteSo2016/blue_title.png);
        background-color: rgba(0,0,0,0);
    }

    .div-ds-phanmem-noibo
    {
        width: 100%;
        margin-top: 10px;
    }
    /* Calender*/
    .CalendarCSS
    {
        background-color: #E8E8F9 !important;
        color: #07071A;
        border: solid 1px #B9B9F1;
    }

    .ajax__calendar_days
    {
        background-color: White !important;
        color: #07071A;
    }

    .ajax__calendar_day
    {
        background-color: White !important;
        font-family: Courier;
    }

    .ajax__calendar_header
    {
        background-color: #666666;
        color: white;
    }


    /*Doc thêm*/
    .div-contetn-dvpb
    {
        min-height: 985px;
    }

    .yhy-append .yhy-append-btn
    {
        position: fixed;
        bottom: 0;
        left: 5px;
        background: #EC3237 !important;
    }
    .link-duong-day-nong
    {
        width: 100%;
        min-height: 56px;
        background-color: white;
        box-shadow: 0px 3px 2px #939393;           
        text-align: center;
        margin: 30px auto 0;
        padding: 10px 0px 5px;
    }

    .linkhotline
    {
       font-size: 25px;
	   font-weight: bold;
       color: red !important;
    }

    .lblTenDuongDayNong
    {
        font-size: 16px;
		font-weight: bold;
		color: red;
    }
   .link-cchc{  
       clear: both;
        width: 100%;
        margin-top: 10px; 
        height: 143px;  
         background: url("/_Layouts/15/images/WebsiteSo2016/CCHC.png")no-repeat;  }        

}

    
    

    


