body{ font-family: Arial,Helvetica,sans-serif; font-size: 16px; margin: 0; font-family: "Roboto Condensed", sans-serif;}
div li{display: inline-block;}
a, li a {text-decoration: none; color: #010101;}
a:hover, li a:hover { color: red;}
#square{background: #d50004;
  width: 6px;
  height: 6px;
  float: left;
  margin: 6px 10px 10px 0;}
a > span{
  width: 6px;
  padding: 0px;
  background: #ff0000;
  height: 6px;
  margin: 10px 10px 10px 10px;
  float: left;
  border-radius: 50%;
}
.NP2021-S1, .NP2021-S2, .NP2021-S3, .NP2021-S4, .NP2021-S4 li{
  width: 100%; 
  float: left;
}
.NP2021-S1{
  background-image: linear-gradient( #009900 190px, #ffffff 0px ); /*#005e1c*/
  top: 0;
  z-index: 999;
  box-shadow: 0 3px 7px -3px rgb(44, 119, 188);
}
.NP2021-S2{    
  
}
.NP2021 {width:1150px !important;
  margin:0 auto;} 
.NP2021-Banner
{
  width: 100% !important;
  margin: 0 auto;
  /* padding-top: 0px; */
  /* position: relative; */
  /* z-index: 2; */
  /* float: left; */
  text-shadow: 2px 2px #171616;
  background: url(/Cms_Data/Sites/NamPo-DB/Themes/Default/images/baner.jpg) no-repeat left;
  height: 155px;
}
.NP2021-Banner h2{margin-top: 17px;}
.NP2021-Banner >a
{
  color: #ffffff;    float: left; min-width: 80%;
}
.NP2021-Banner-Logo {
  width: 80px;
  margin: 0 20px 0 0;
}
.slider-container{
  width: 100%;
  overflow: hidden;  
}
.slider{
  position: absolute;
  width: 392px;
  height: 150px;
  top: 0;
  right: 0;
}
.slider img{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 150px;
  opacity: 0;
}
.NP2021-Left{width:68%; float:left;     margin-top: 10px;}
.NP2021-Left1{width:47%; float:left;}
.NP2021-Left2{width:47%; float:right;}
.NP2021-Right{width:28%; float: right; margin-top: 10px;}
/*######################################## Sile ##############################*/
.NP2021-Slide{}
/* ############# Menu Ngang ###################*/
.NP2021-Home a{
  text-align:left;
}
.NP2021-Home{}
.NP2021-Home img{
  width: 25px;
  margin-top: 6px;
}
.NP2021-top-menu{
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  background: #005e1c;
  border-radius: 10px 10px 0px 0px;
}
.NP2021-top-menu > li {
  text-align: center;
  color: #f1f1f1;
  /* display: inline-block; */
  padding: 0 7px;
  /* height: 35px; */
  line-height: 35px;
  border-right: solid 1px #014b17;
}
.NP2021-top-menu li:hover {
  background: #009900;;
  border-radius: 10px 0;
}
.NP2021-top-menu li.Ttcntt-Menu-ThanhPhan:hover{background: #0707d3;}
.NP2021-top-menu a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  display: block;
}
.NP2021-top-menu a:hover {
  color: red;color:#fef601;
}
.NP2021-menu-drop {
  background: #009900;
  display: none;
  position: absolute;
  padding-left: 0;
  width:200px;
}
.NP2021-top-menu > li {
  position: relative;
}
.NP2021-top-menu li:hover .NP2021-menu-drop {
  display: block;
  margin-left: -12px;
  z-index: 1;
  border-left: 5px solid #005e1c;
}
.NP2021-menu-drop >li {
  text-align: left;
  padding-left: 10px;
  width: 100%;
  margin: 0 !important;
  border:0px;
  border-top: solid 1px #fff;    border-radius: 0 20px;height: 29px;
  line-height: 29px;list-style: none;
}
.NP2021-menu-drop >li:hover { border-left: 3px solid yellow;}
.NP2021-top-menu >li >ul >li >a >img{width:8px; margin-right:10px; }
.NP2021-menu-right, .NP2021-menu-right1{
  display: none;
  position: absolute;background: #8db8fb;
}
.NP2021-menu-drop li:hover > .NP2021-menu-right{
  display: block;
  z-index: 10;
  margin-left: 200px;
  margin-top: -29px;
  /*position: relative;*/
}
.NP2021-menu-right > li{
  display: block;
  border-top: solid 1px #6aa2f7;
  background: #8db8fb;
  text-align: left;
  padding-left: 10px;
  width: 220px;
  height: 25px;
  line-height: 25px;
  border-radius: 0px 0px 20px;
  list-style: none;
  border-left: 3px solid #6aa2f7;
}
.NP2021-menu-right >li >img{width:6px;    margin-right: 10px;
  margin-top: 10px;}
.NP2021-menu-right li:hover > .NP2021-menu-right1{
  display: block;
  z-index: 1;
  margin-left: 200px;
  margin-top: -27px;
  
}
.NP2021-menu-right1 > li{
  display: block;
  width: 200px;
  border-top: solid 1px #8db8fb;
  background: #a7c6f7;
  text-align: left;
  padding-left: 10px;
  width: 200px;
  height: 25px;
  line-height: 25px;
  border-radius: 0px 0px 20px;
  list-style: none;
  border-left: 3px solid #6aa2f7;
}
.NP2021-menu-right1 >li >img{width:6px;    margin-right: 10px;
  margin-top: 10px;}
.Nampo-topmeu-ngaygio
{ 
}
.searchbox button{
  background: url(http://huyendienbien.gov.vn/Cms_Data/Sites/HDIENBIEN/Themes/Default/img/icon-search.png) no-repeat center;
    border: none;
    height: 20px;
    /* min-width: 0; */
    padding: 7px;
    /* text-indent: -9999px; */
    width: 28px;
}
/*##################################### Center Tin Noi bat ######################*/
.NP2021-Center {
  width: 100%;
  margin: 10px 0; 
  float: left; 
}
.NP2021-Center-Tin {
  height: 340px;
  margin: 0 auto;
  float:left;width: 65%;
  border-right: 0px;
}
.NP2021-Center-anh{
  height: 311px;
  position: relative;
  width:100%;
}
.slide-image-tinmoi {
  left: 0;
  position: absolute;
  top: 0;
  opacity:0;
  display:none;width: 100%;
}

.slide-image-tinmoi a, 
.NP2021-Center-TieuDe ul li a{
  text-decoration:none;
}
.slide-image-tinmoi a img{
  z-index:-1;height:300px; width:100%;
}
.tieudeanh {
  background-color:#666666;
  height:40px;margin-top:-40px;width:100%;color:#FFFFFF;position:absolute;   
}

.slide-image-tinmoi:first-child{
  opacity:1;
  display:block;
}
.slide-pager1 {
  height: 20px;width: 100%;
}
.slide-pager1 ul {
  float: right;
  margin: 10px 0 0;
  padding: 0;
  width: auto;
}
.slide-pager1-slot {
  background: none repeat scroll 0 0 #999999;
  display: block;
  float: left;
  height: 15px;
  list-style: none outside none;
  margin: 0 5px 0 0;
  width: 15px;
  cursor:pointer;
  border-radius: 50%;
}
.slide-pager1-slot:hover{
  background:red;
}
.slide-pager1 ul .focus{
  background:green;
}
.slide-control-prev1 {
  margin: 10px 40px 10px 10px;
  text-align: center;
  width: 15px;
  height: 15px;
  background: none repeat scroll 0% 0% #FFA500;
  line-height: 12px;
  color: #FFF;
  cursor: pointer;
  float: right;
}
.slide-control-next1{
  margin: 10px -50px 10px 10px;
  text-align: center;
  width: 15px;
  height: 15px;
  background: none repeat scroll 0% 0% #FFA500;
  line-height: 12px;
  color: #FFF;
  cursor: pointer;
  float: right;
}
.NP2021-Center-tin
{
  width: 34%;
  height: 340px;
  border: 0px solid #ccc;
  float: right;
}
.NP2021-Center-TieuDe
{
  width: 100%;
  padding: 15px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 0px solid #ccc;
  float: left;
  border-radius: 0px 0px 20px 20px;
  margin-bottom: 10px;
  box-shadow: 0px 5px #e1e1e1;
}
.NP2021-Center-tin ul li
{
  text-transform: none;
  font-weight: normal;
  border-bottom: 1px dotted #ccc;
  padding: 3px 0;
  text-align: justify;
  float: left;
  width: 100%;
}
.NP2021-Center-tin ul
{
  width: 94%;
  padding-inline-start: 5%;   margin-block-start: 0;
  margin-block-end: 0;
  float: left;
}
.NP2021-Center-tin-noidung ul
{
  display:block;border-bottom:1px dotted #999999; padding-inline-start: 5px;
}
.NP2021-Center-tin-noidung ul li
{
  display:block;
}
/*################################# Center Full #####################################*/
.NP2021-TieuDe{ background: url(/Cms_Data/Sites/NamPo-DB/Themes/Default/images/bg-cen.jpg) no-repeat;  width: 96%; 
  padding: 16px 0 15px 4%;
  float: left;
  margin-bottom: 5px;
}
.NP2021-TieuDe >a {text-transform: uppercase;
  font-weight: bold;     color: #fff;}
.NP2021-Center-Anh {width: 49%; float: left; text-align: center;}
.NP2021-Center-List {width: 49%; float: right;}
.NP2021-Center-List li
{
  width: 96%;
  float: left;
  padding: 10px 2%;
  text-align: justify;
}
.NP2021-Center-Anh > li > a> img {width:100%; height: 215px; margin-bottom: 10px;}
.NP2021-Center-List> li > a> img {width:130px; margin-right: 10px;     height: 85px; }
/*################################## Tin tuc All ####################################*/
.NP2021-TinTuc-All{}
.NP2021-Center-All-TieuDe{
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  width: 100%;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  float: left;
}
.NP2021-TinTuc-ListAll{
  width:99%;
  margin: 7px;
  text-align: justify;float: left;
}
.NP2021-TinTuc-List{
  width:100%;
  margin-top: 10px;
  border-bottom:1px dotted #ccc;
  padding: 4px;
  text-align: justify;
}
.NP2021-TinTuc-List-Chitiet
{
  font-style:italic;
  text-align: right;
  display:block;
}
#NP2021-khung4muc {
  width: 1150px;
  height: auto;
  float: left;
}
#NP2021-noidung4muc {
  width: 1160px;
  height:auto;
  display: block;
  margin-left: -10px;
}
#NP2021-box1 , #NP2021-box2 , #NP2021-box3 , #NP2021-box4
{
  width: 270px;
  height: 400px;
  margin: 20px 10px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  float: left;
  
}

.NP2021-box1 img {
  width: 100%;
  height: 100%;
  transition: 1s;
  border-radius: 8px;
}
.NP2021-box1 img:hover {
  transform: scale(1.1);
  transition: 1s;
}
.NP2021-tieude4muc
{
  width:100%;
  float:left;
}
.NP2021-tieude4muc1 {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  float:left;
  padding: 30px 0 10px 0;
}
.NP2021-tieude4muc1 li
{
  margin-top:15px;
}
.NP2021-tieude4muc2 {
  width: 49%;
  display: block;
  text-align: left;
  font-size: 18pt;
  float:left;
  font-weight: bold;
  color: #000;
  text-shadow: 1px 1px 3px #fff;
  
}
.NP2021-tieude4muc2 li
{
  margin: 29px 0px 0px 10px;
}
.ChuBok
{
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  width: 75%;
  padding: 1%;
  text-align: center;
  font-size: 28px;
  color: #fff;
  overflow: hidden;
  border: 1.5px solid #fff;
  border-radius: 4px;
  margin: 0 auto;
  background: #ffffff1c;
  height: 40px;
}
.cen-tin-tieude{ padding: 10px 0;}
/*############################### Full Center ############################*/
.NP2021-Full-Center{    width: 100%;
  float: left;}
.NP2021-Full-Center-List{width: 30%;     overflow: hidden; height: 195px; 
  float: left;
  margin: 1% 1% 1% 2%;
  border-radius: 10px;
}
.NP2021-Full-Center-List > a >img{width: 100%;     height: 195px; position: relative;
  z-index: 1;}
.NP2021-Full-Center-List > a >p{width: 98%;
  margin-top: -41px;
  background: #ffffffad;
  height: 40px;
  position: relative;
  z-index: 2;
  padding: 1%; }
.NP2021-Full-Center-List > a >img:hover {
  transform: scale(1.3);
  transition: 2s;}
.NP2021-tieude4muc1 a{color: #000;}
/*############################ TinTuc #################################*/
.NP2021--TinTuc-View
{
  width:99%;
  margin:10px auto;
  
}
.NP2021--TinTuc-View li
{
  height: auto;  
  width: 98%;  
  display: inline-block;  
  margin-left: 8px;
}
.NP2021--TinTuc-View-Tieude
{    
  font-weight:bold;
  font-size:18px;
  padding: 8px 0 7px 0;
}
.NP2021--TinTuc-View-Thoigiandang{
  font-style: italic;
  color:gray;
  font-size:10px;
  vertical-align: top;
  height: 30px;
  margin-bottom: 10px;
}

.NP2021--TinTuc-View-tacgia{
  float: right;
  text-align:right;
  padding-right: 30px;
  font-weight: bold;
  margin-top: 10px;     
}
.NP2021--TinTuc-View-Modau{
  margin-bottom: 10px;
  text-align: justify;
  padding-right: 15px;
  margin-bottom: 10px;font-weight:bold;
}
.NP2021--TinTuc-View-NoiDung{
  text-align: justify;
  padding-right: 15px;
}
.NP2021--TinTuc-View-NoiDung p{
  padding-bottom: 10px;
}
.NP2021--TinTuc-View-NoiDung td{
  border: 1px solid;
  vertical-align:middle;
  padding: 0px 5px;
  font-family:Arial;
  border-collapse: collapse;
  line-height:25px;
}
.NP2021--BoMay > tbody > tr> td{
  border: 0px;
  vertical-align:middle;
  padding: 0px 5px;
  font-family:Arial;
  border-collapse: collapse;
  line-height:25px;
  box-shadow: inset 0 0 6px;
  border-radius: 15px;
  margin: 3px 0;
}
.NP2021--TinTuc-View-NoiDung table{
  width:100%;
  display:block;
  margin:0px auto;
  float: left;
}
.NP2021--TinTuc-View-NoiDung img{
  border: 6px groove #ccc;
  width:90%;
  height:auto;
  margin:5px auto;
  position:relative;
  display:block;
}
.NP2021--TinTuc-ListTin
{
  width: 99.5%;
  float:left;
  margin-top: 55px;  
  list-style: none;  
}
.NP2021--Center-List-ThongTinKhac ,.NP2021--Center-List-ThongTinKhac > a{
  width:98%;
  float: left;
  text-align: justify;
  padding: 2px;
  padding-right:35px;
}
.NP2021--Center-List-ThongTinKhac img{
  width: 3px;
  display:block;
  margin-top:5px;
  float:left; 
}
.NP2021--Center-List-ThongTinKhac > a > #square{    margin: 8px 10px 10px 0;}
/*############################# Van Ban Moi #############################*/
.NP2021-Cen-VB >div >li{width: 99%;
  float: left;
  padding: 5px 0 10px 10px;
  text-align: justify;
}
/*################################# VanBan View ###############################*/ 
.NP2021-VanBan-View{
  width:100%;
}
.NP2021-VanBan-View-ND{
  width:95%;
  margin:0px auto;
}
.NP2021-VanBan-View-ND-Tomluoc td {    font-size: 15px;
  font-weight:bold;
  padding-top:20px;
}
.NP2021-VanBan-View-ND-info{
  width:100%;
  margin:0px auto;
}
.NP2021-VanBan-View-ND-info td{
  border:1px solid #ccc;
  padding-top: 5px;
  height:25px;
}
.NP2021-VanBan-View-ND-info-L{
  width: 30%;
}
.NP2021-VanBan-View-ND-info td{
  padding-left: 10px;
}
.NP2021-VanBan-View-ND-info img{
  width:20px;
  display:block;
  float:left;
  padding: 0 15px;
}
.NP2021-VanBan-View-ND-info a{
  width:100%; color: blue;
  text-decoration:none;
  display:block;
}
.NP2021-VanBan-List{
  width:100%;
}
.NP2021-VanBan-List-Tit{
  font-weight:bold;
  margin-top: 10px;
}
/*###################### VanBan All ##############################*/
.NP2021-VanBan-List
{
  width: 99%;
  margin: 0px auto;
  margin-top: 10px;
}
.NP2021-VanBan-List td{
  border: 1px #D1D3D2 solid;
  padding: 3px;
}
.NP2021-VanBan-List-Title{
  height: 30px;
  background: #EFEEDC;
  text-align:center;
  font-weight:bold;
}
.NP2021-VanBan-List-Title-1{
  width: 20%;
}
.NP2021-VanBan-List-Title-2{
  width: 15%;
}
.NP2021-VanBan-List-Title-3{
  width: 60%;
}
.NP2021-VanBan-List-Title-4{
}
.NP2021-VanBan-List-ND-1{
  text-align:center;
}
.NP2021-VanBan-List-ND-2{
  text-align:center;
}
.NP2021-VanBan-List-ND-3{
}
.NP2021-VanBan-List-ND-4{
  text-align:center;
}
.NP2021-VanBan-List-ND-4 a{
  text-align:center;
}
.NP2021-VanBan-List-ND-4 img{
  display:block;
  width: 25px;
  margin:0px;
}
.NP2021-VanBan-List-ND > td > a{color: blue;    text-align: justify;
  padding: 5px;
  float: left;}
/*################################# Thu tuc hanh chinh ############################*/
#btn-S{     background: #009900;
    color: #fff;
    padding: 8px 10px;
    border: 1px solid #ccc;
  width: 100px;
    height: 35px;
}
.NP2021-TTHC-DanhSach-List{ width: 100%; float: left; margin-top: 0px;}
.NP2021-TTHC-DanhSach-List li{ width: 100%; float: left; padding: 5px; border-bottom: 1px dotted #ccc;}
.from_timvb > li{width:100%;float:left;text-align:left;}
  .from_timvb > li >p{width:25%;float:left;text-align:right;padding: 0;
    margin: 5px 19px;}
  .from_timvb > li >input{width:50%;float:left;border:1px solid #ccc;}
  .from_timvb {text-align:center;border: 1px solid #ccc;
    float: left;
    padding: 10px 0;
    margin: 10px 0;}
/*########################### Video ##############################*/
.NP2021-VideoMoi{float: left;
  width: 90%; margin:10px  5%;
  min-height: 300px;}
.NP2021-VideoMoi-TieuDe{    float: left;
  width: 100%;
  font-weight: bold;
  text-align: center;
  margin: 10px;}
/*############################## Right ###########################*/
.NP2021-Right1{
  width: 100%;
  float: left;
  margin: 10px 0;
}
.NP2021-Right1 > li > a >img{
  width: 100%;
  float: left;
  margin-bottom: 1px;
}
.NP2021-Right1 >div{
  border: 1px solid #ccc;
  float: left; 
  width: 99%;
}
.NP2021-Right1 >div >li{
  width: 96%;
  float: left;
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
  border-radius: 20px 0;
  text-align: justify;
  margin: 0 2%;
}
.NP2021-Right-Tieude{
  background:#009900;
  border-radius: 5px 0px 5px 0px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px;
  float: left;
  width: 100%;
}
.NP2021-Right-TieuDe > a {color: #005e1c;}

.NP2021-Right-Tieude a{
  text-decoration:none;
  color: white;  
}
.NP2021-Right-Nd{
  display: block;
  border-bottom: 1px dotted #ccc;
  border-radius: 10px;
  text-align: justify;
      padding: 5px 0;
    float: left;
    width: 100%;
}
.NP2021-Right-Nd img{
  margin-top: 7px;
  float:left;
  width: 3px;
}
.NP2021-Right-Nd a{
  padding-left: 5px;
  text-decoration: none;
}
/*################################### Footer #############################*/
.NP2021-Foot {text-align: center;
  color: #fff;}
.NP2021-Foot-TieuDe{padding: 10px 0; font-weight: bold; }
.NP2021-S4 {    background: -webkit-linear-gradient(left, rgb(252 224 192 / 28%) -63%,#009900 40%), url(/Cms_Data/Sites/NamPo-DB/Themes/Default/images/baner-right.png) no-repeat left;
}
/*###################### 2023 ############################*/
.NP2023-Right, .NP2023-CongKhai, .NP2023-CongKhai li{
  width: 100%;
  float: left;
}
.NP2023-CongKhai li{
  border: 1px dotted #ccc;
  padding: 6px 0;
  margin: 2px 0;
  
  border-radius: 2px;
  box-shadow: 1px 1px #15919;
}
.NP2023-CongKhai li a img{
  width: 10px;
  margin: 0 5px;
}