body {
    width:98%;
    font-size:13pt;
    font-family:Helvetica;
    margin:0 auto;
}

/*ĐỊNH DẠNG CHUNG*/
.c_clear{
    clear:both;
}

a{
    text-decoration:none;
    color:#2900ee;
}

.do_bong{
    margin-top:10px;
    width:98.5%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}

/*ĐỊNH DẠNG MASTER*/
.fix{
    position:fixed;
     top:0px;
     left:0px;
     width:100%;
     z-index:30;
     background:#fff;
}
.mt_div_top{    
    width:85%; 
    margin:0 auto;
    height:120px;   
}


.gach_chan_div{
    border-bottom:solid 2px rgba(0, 0, 0, 0.30);
}

.ubnd_tinh{
    position:absolute;
    width:83%;
    background:#009fe3;
    z-index:1;
    margin-top:5px;
    margin-left:20px;
    padding-top:5px;
    padding-bottom:5px;    
    border-top-left-radius:50px;
}

.ten_uy_ban{
    letter-spacing:5px;
    color:#fff;
    font-weight:bold;
    font-size:15pt;
    font-family:Courier New;
    margin-left:100px;
}

.logo img{
    position:relative;
    width:120px;
    float:left;
    z-index:2;
}

.trang_thong_tin{
    position:absolute;
    margin-top:45px;
    letter-spacing:5px;
    color:#ff6a00;
}

.ban_quan_ly{
    position:absolute;
    margin-top:75px;
    font-weight:bold;
    letter-spacing:4px;
    font-size:21pt;
    font-family:Calibri;
}

.cac_menu{
    margin-top:-2px;
    margin-left:12px;
    padding-top:5px;
    width:98%;
    height:35px;
    background:#009fe3;
    border-radius:5px;
}

.contain_footer{
    position:relative;
    margin-top:160px;
    width:100%;
    left:0px;
}

.chay_tin_moi{
    width:85%;
    margin:0 auto;
    margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
   border:solid 1px rgba(0, 0, 0, 0.1);
}

.chay_tin_moi_di_dong{
    position:absolute;
    display:none;
    margin-top:-40px;
    width:100%;
    background:#009fe3;
    padding-top:7px;
    padding-bottom:5px;
    z-index:5;
    color:#fff;
}

.chay_tin_moi_di_dong a{
    color:#fff;
}

.chay_tin_moi_di_dong a:hover{
    color:#fc5a06;
}

.dinh_dang_lienket_ngoai img{
    height:80px;
    width:100%;
    margin-left:0;
}

.df_anh_tuyen_truyen img{
   max-width:435px;
   min-width:435px;
   max-height:100px;
   min-height:100px;
}

.noi_dung
{
    width:85%;
    margin:0 auto;
    margin-top:10px;
}

.noi_dung_cot_trai{
    width:75%;
    float:left;
}

.noi_dung_cot_phai{
    width:24.5%;
    float:right;
}

.tieu_de_cot_phai_ungdung{
    width:100%;
    background:#009fe3;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    color:#fff;
    font-weight:bold;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
}

.tieu_de_cot_phai{
    margin-top:10px;
    width:100%;
    background:#009fe3;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    color:#fff;
    font-weight:bold;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
}

.linkopacity{
filter:alpha(opacity=50);
-moz-opacity: 1.5;
opacity: 1.5;
-khtml-opacity: 1.5;
padding-top:5px;
padding-bottom:5px;
}

.linkopacity:hover{
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; 
background:rgba(0, 159, 227, 0.18);
}

.cuoi_trang{   
    width:85%;
    background:#009fe3;
    margin:0 auto;
    margin-top:20px;
    border-radius:5px;
    padding-top:5px;
    padding-bottom:5px;
    line-height:28px;
    color:#fff;
    text-align:center;
    letter-spacing:1px;
}

/*ĐỊNH DẠNG MENU*/
/*==== ĐỊNH DẠNG MENU =====*/
 #fixNav{
    width:100%;
    height:30px;
    float:left;
    margin-left:5px;
    /*background-color: #25AA15; ĐỊNH DẠNG MÀU NỀN CHO MENU*/
    display: block;
    /*box-shadow: 0px 0px 0px rgba(0,0,0,0.5); /*Đổ bóng cho menu*/
    /*position: relative; /*fixed; Cho menu cố định 1 vị trí với top và left*/
    /*top:0; /*Nằm trên cùng*/
    z-index:10000; /*Hiển thị lớp trên cùng*/
}

#fixNav ul{
  margin: 0;
  padding: 0;
}

#fixNav ul li{
    list-style:none inside;
    width: auto; /* kích thước từng menu*/
    float: left;
    line-height: 30px; /*Cho text canh giữa menu*/
    color:black;
    margin-top:0px;   
    position: relative;   
    height: 30px;
}

#fixNav ul li a{
  text-transform:capitalize; /* định dạng chữ hoa*/
  white-space: nowrap; /*Cho chữ trong menu không bị wrap*/
  padding: 0 5.8px;
  color:#fff;
  display: block;
  text-decoration: none;  
  font-size:11.5pt;
  font-family:Helvetica;
  /*background:#009fe3;*/
  /*border:solid 1px rgba(213, 219, 216, 0.62);*/
  border-radius:3px;/*chỗ này cho bằng 0 vì phía trên có định dạng a cho các nút*/
  margin-right:2px;
}

#fixNav ul li a:hover{
  text-transform:capitalize;
  white-space: nowrap; /*Cho chữ trong menu không bị wrap*/
  padding: 0 5.8px;
  color:#fff;
  display: block;
  background:#fc5a06;
  text-decoration: none;  
  /*border-radius:5px;*/
}

/*CSS Style cho Submenu*/
#fixNav ul li ul {
  position: absolute;
  width: auto;
  display: none;
  /*background-color:rgb(213, 219, 216);/*rgb(213, 219, 216);/*ĐỊNH DẠNG MÀU NÊN KHI HIỆN MENU CON NHƯNG KHÔNG CẦN LÀM CHỖ NÀY MÀ SẼ LÀM Ở CHỖ */
  /*border-bottom:;*/
  padding-left: 0px;
  text-align:left;
}

#fixNav ul li ul a{
  color:#fff;
  background:#fc5a06;
  margin-top:3px;
  height:35px;
}

#fixNav ul li ul a:hover{
  color:#fff;
  background:#ffbc8c;
  margin-left:4px;
  border-radius:0px;
}

#fixNav ul li ul li{
  display: block;
  padding:0;
  margin:0px;
  float: none; /*Bỏ float cho li cấp thứ 2*/
}

#fixNav ul li:hover ul{
  /*Display ra submenu*/
  display: block;
}


/*DEFAULT*/
.tieu_de_cac_tin{
    width:50%;
    background:#009fe3;
    padding:5px;
    color:#fff;
    font-weight:bold;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
}

.khoan_cach_div{
    margin-top:25px;
}
.khoan_cach_div_lich{
    margin-top:5px;
}

.df_mot_tin{
    width:40%;
    float:left;
    color:#007acc;
    text-align:justify;
}

.df_mot_tin img{
    width:100%;
    float:left;
}

.df_mot_tin a{
    text-decoration:none;
    font-size:11pt;
}

.df_mot_tin a:hover{
    color:#fc5a06;
}

.df_danh_sach_tin{
    width:60%;
    float:left;
    color:rgba(0, 0, 0, 0.84);
    text-align:justify;
}

.df_danh_sach_tin a{
    text-decoration:none;
    font-size:12pt;
    color:rgba(0, 0, 0, 0.84);
    text-transform:lowercase;
}

.df_danh_sach_tin a:hover{
    color:#fc5a06;
}

.do_bong_tin{
    width:98.5%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.df_tinh_bai_cot_trai{
    width:48%;
    float:left;
}

.df_tin_bai_cot_phai{
    width:50%;
    float:left;
    margin-left:15px;
}

.df_mot_tin_chinh{
    color:#007acc;
    text-align:justify;
}
.df_mot_tin_chinh a{
    text-decoration:none;
    font-size:11pt;    
}

.df_mot_tin_chinh a:hover{
    color:#fc5a06;
}

.df_mot_tin_chinh img{
    width:40%;
    margin-right:3px;
    float:left;
}

.df_danh_sach_tin_lien_quan{
    font-size:10pt;
    color:rgba(0, 0, 0, 0.84);
    text-align:justify;
}

.df_danh_sach_tin_lien_quan a{
    text-decoration:none;
    font-size:10pt;
    color:rgba(0, 0, 0, 0.84);
    text-transform:lowercase;
}

.df_danh_sach_tin_lien_quan a:hover{
    color:#fc5a06;
}

.noi_dung_lich{
    text-align:justify;
}

/*ĐỊNH DẠNG TRA TÌM HỒ SƠ*/
#loaihoso{
    float:left;
    width:25%;
    border:solid 1px #afb6b6;
    margin-top:10px;
}

#chitiethoso{
    float:left;
    width:73%;
    border:solid 1px #afb6b6;
    margin:10px 0px 0px 10px;
}

.dinhdangcactieude{
    padding:10px;
    color:black;
    background:#afb6b6;
}


/*=== ĐOẠN LÀM CÁC NÚT TRANG CHI TIẾT ===*/
.cac_nut{
    max-width:20px;
    min-width:20px;
}

.cac_nut_print{
     max-width:15px;
    min-width:15px;
}

.cac_nut_facebook{
     max-width:25px;
    min-width:25px;
}

.dinh_dang_audio{
    width: 30px;
    height: 30px;
    background:#fff; 
    background-image:url('/images/Audio.png');
    background-size:100% 100%;
    margin-top:10px;
    margin-left:10px;
    border:0px;       
}

/*==ĐỊNH DẠNG SAO ĐÁNH GIÁ==*/
/*ĐỊNH DẠNG HIỂN THỊ SAO ĐÁNH GIÁ*/
.card {
  background: #fff;
  margin-top: 10px;
  margin-bottom:10px;
  padding: 1rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 95%;
  border-radius: 0.5rem;
}
 
.star {
  font-size: 5vh;
  cursor: pointer;
}
 
.one {
  color: rgb(255, 0, 0);
}
 
.two {
  color: rgb(255, 106, 0);
}
 
.three {
  color: rgb(251, 255, 120);
}
 
.four {
  color: rgb(255, 255, 0);
}
 
.five {
  color: rgb(24, 159, 14);
}

/*kết thúc định dạng ngôi sao chọn - tiếp tục định dạng bảng hiển thị kết quả*/
.dinh_dang_table_ket_qua_danh_gia{
    width:auto;
}

.dinh_dang_table_ket_qua_danh_gia img{
    width:20px;
}

.dinh_dang_duong_ke{
    border-radius:5px;
    width:200px;
    background-color: #F0F0F0; height:6px; border:none;
}




/*PHẦN LÀM MENU DI DONG*/
/*DINH DANG DAU BA GACH*/
#icond_bagach{
    position:relative;
    vertical-align:bottom;
    text-align:right;
    top:-25px;
    display:none;
    float:right;
    width:100%;
    z-index:10;
}

.dinhdangdaubagach
{
    width:30px;
    height:30px;
}

.dinhdangnutclose
{
    position:relative;
    width:20px;
    height:20px;
    float:right;
    padding:5px 5px 0px 0px;
    display:none;
}

/*ĐỊNH DẠNG CHO ẨN HIỆN KHI BẤM NÚT 3 GẠCH. BẤM LẦN ĐẦU THÌ CHECK VÀO HIỆN OVERLAY; ẨN NÚT 3 GẠCH; HIỆN MENU SANG*/
/*.checkchon chính là class của checkbox*/
.checkchon:checked ~ .overlay{
    display:block;/*Bấm vào nút 3 gạch thì hiện overlay lên*/
}

.checkchon:checked ~ .dinhdangdaubagach{
    display:none;/*Khi bấm vào nút 3 gạch thì ẩn cái nút 3 gạch đó đi*/
}

.checkchon:checked ~ #menudidong{
    transform: translateX(0);/*Đẩy menu sang bên trái để hiện lên*/
}

/*LÀM CHO HIỂN THỊ CÁI OVERLAY RA TỪ TỪ VÀ CHO CÁI MENU CHẠY TỪ TỪ BÊN NGOÀI VÀO*/
@keyframes hientutu{
    from{
        opacity:0;/*Bắt đầu bằng 0 trông suốt*/
    }
    to{
        opacity:1;
    }
}

/*ĐỊNH DẠNG CHO MENU DI DONG*/
#menudidong{
     position:fixed;
     top:0;
     right:0;
     bottom:0;
     width:350px;    
     max-width:100%;
     float:right;
     background:#1F568B;
     transform: translateX(100%);/*đẩy menu sang bên phải*/
     z-index:30000;
     transition: transform linear 0.5s;/*làm cho trượt từ ngoài vào*/
 }

/* Nút Dropdown menu cha*/
 .nut_dropdown{
   text-transform:uppercase;
   letter-spacing:.2em;
   line-height:30px;
   color: white;   
   padding:5px;
   width:100%;
   height:30px;
   border-bottom:1px solid #fff;
 }

 .nut_dropdown a{
     color:white;
     text-decoration:none;
 }

 .nut_dropdown a:hover{
     text-decoration:none;
 }

  /*làm mũi tên cho menu cha*/
.sub-icon:after{
    content:'\203A';
    font-size:25pt;
    float:right;
    margin-right:15px;
    transform:rotate(90deg);/*làm cho mũi tên xoay xuống*/
    -webkit-transform:rotate(90deg);/*cái này thuộc CSS3 nên bổ sung vào cho có thể áp dụng trên nhiều trình duyệt*/
    -moz-transform:rotate(90deg);/*cái này thuộc CSS3 nên bổ sung vào cho có thể áp dụng trên nhiều trình duyệt*/
}

 /* Nội dung Dropdown */
 .noidung_dropdown {
   /*Ẩn nội dụng các đường dẫn*/
   display:none;
   background-color: #f1f1f1;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 }

 /* Thiết kế style cho các đường dẫn tronng Dropdown */
 .noidung_dropdown a{
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   border-bottom:1px solid #C0C0C0;
 }

 /*làm các nút mũi tên cho menu con*/
 .noidung_dropdown a:before{
     content:'\203A';
     margin:0 5px 0 5px;
     font-size:15px;
 }
 
/* GIỚI THIỆU */
/*Bấm vào menu giời thiệu 1 lần thì hiện menu con lên, bấm lần nữa thì ẩn đi*/
.checkgioithieu:checked ~ #gioithieu{
    display:block;
}
/*Khi bấm vào menu cha lần 1 thì nút mũ tên hiện quây lên trên, bấm lần nữa tắt menu con thì mũi tên quây xuống*/
.checkgioithieu:checked ~ .nut_dropdown .sub-icon:after{
    content:'\2039';
}

/* ĐỊNH HƯỚNG PHÁT TRIỂN */
/*Bấm vào menu giời thiệu 1 lần thì hiện menu con lên, bấm lần nữa thì ẩn đi*/
.checkdinhhuongphattrien:checked ~ #dinhhuongphattrien{
    display:block;
}
/*Khi bấm vào menu cha lần 1 thì nút mũ tên hiện quây lên trên, bấm lần nữa tắt menu con thì mũi tên quây xuống*/
.checkdinhhuongphattrien:checked ~ .nut_dropdown .sub-icon:after{
    content:'\2039';
}


/* CAI CACH HANH CHINH */
/*Bấm vào menu giời thiệu 1 lần thì hiện menu con lên, bấm lần nữa thì ẩn đi*/
.checkcaicachhanhchinh:checked ~ #caicachhanhchinh{
    display:block;
}
/*Khi bấm vào menu cha lần 1 thì nút mũ tên hiện quây lên trên, bấm lần nữa tắt menu con thì mũi tên quây xuống*/
.checkcaicachhanhchinh:checked ~ .nut_dropdown .sub-icon:after{
    content:'\2039';
}

/* DAU TU CONG */
/*Bấm vào menu giời thiệu 1 lần thì hiện menu con lên, bấm lần nữa thì ẩn đi*/
.checkdautucong:checked ~ #dautucong{
    display:block;
}
/*Khi bấm vào menu cha lần 1 thì nút mũ tên hiện quây lên trên, bấm lần nữa tắt menu con thì mũi tên quây xuống*/
.checkdautucong:checked ~ .nut_dropdown .sub-icon:after{
    content:'\2039';
}


/* THÔNG TIN TUYÊN TRUYỀN */
/*Bấm vào menu giời thiệu 1 lần thì hiện menu con lên, bấm lần nữa thì ẩn đi*/
.checkthongtintuyentruyen:checked ~ #thongtintuyentruyen{
    display:block;
}
/*Khi bấm vào menu cha lần 1 thì nút mũ tên hiện quây lên trên, bấm lần nữa tắt menu con thì mũi tên quây xuống*/
.checkthongtintuyentruyen:checked ~ .nut_dropdown .sub-icon:after{
    content:'\2039';
}

/* THÔNG TIN TUYÊN TRUYỀN */
/*Bấm vào menu giời thiệu 1 lần thì hiện menu con lên, bấm lần nữa thì ẩn đi*/
.checkthongkebaocao:checked ~ #thongkebaocao{
    display:block;
}
/*Khi bấm vào menu cha lần 1 thì nút mũ tên hiện quây lên trên, bấm lần nữa tắt menu con thì mũi tên quây xuống*/
.checkthongkebaocao:checked ~ .nut_dropdown .sub-icon:after{
    content:'\2039';
}

/* LÀM MỜ CẢ MÀNH HÌNH*/
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.56);
    display: none;
    animation: hientutu linear 0.2s; /*hientutu là lấy từ @keyframe xuống; linear trượt đều; 0.2 là thời gian hiện*/
}