@import url('reset.css');
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*{margin: 0;padding: 0;}
body{
  font-family: Helvetica Arial,sans-serif;.
  color: #333;
  font-weight: 300;
  margin: 0;
  line-height: 1.42857143;font-size: 14px;
  /*background: #e8e8e8;*/
}
ul{list-style-type: none;margin: 0;}
.panel:before,.panel:after{display: table;content: '';}
.panel:after{clear: both;}
.panel{border: 1px solid transparent;margin-bottom: 0.5em;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel-default{border-color: #ccc;}
.panel-default > .panel-heading{color: #333;background-color: #f5f5f5;border-color: #ccc;}
.panel-heading{padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-title span{color: #CE0000;font-size: 16px;font-weight: 700;}
.panel-body{padding: 10px;}
hr{margin: 0.2em 0 1em 0;}
#logo img{width: 100%;}
#banner{ margin:0px 0 10px 0; }
#banner img{width: 100%;height: 10em}
.clear-fix{clear: both;}
img{max-width: 100%;}
.box-left{float: left;margin-right: 10px;width: 9em;}
.grid-1 a,.grid-item a{font-weight: bold;font-size: 10pt;display: block;}
.grid-1{margin-bottom: 0.9em;height: 8em;overflow: hidden;}
.grid-1 .box-left {width: 13em;}
.grid-item{margin-bottom: 10px;float: left;width: 100%;height: 5em;overflow: hidden;}
.box-left img{border-radius: 3px;width: 100%;height:100%;}
.grid-item .box-right p{padding: 0 0.5em;}
.box-right h2{line-height: 20px;}
button{font-family: inherit;font-size: inherit;line-height: inherit;}
button,input{-webkit-appearance:button;cursor: pointer;}
button{overflow: visible;}
button{margin: 0;font: inherit;color: inherit;}
button{text-transform: none;}
a{text-decoration: none;color: #069;}
h1,h2,h3,h4,h5,h6{font-family: inherit;font-weight: 500;line-height: 1.1;}
.clearfix{clear: both;}

.list-group-item{display: block;padding: 6px 0;margin-bottom: -1px;}
ul.pagination{cursor: default;text-align: center;padding: 6px 0;}
ul.pagination > li{display: inline-block;}
ul.pagination > li > a{display: block;text-transform: uppercase;font-size: 0.9em;font-weight: 900;line-height: 2.5em;width: 2.5em;text-align: center;color: #709028;border: 1px solid #709028;border-radius: 4px;margin-bottom: 0.3em;}
ul.pagination > li.selected,ul.pagination > li:hover a{background: #8db533;color: #fff;border-color: #8db533;border-radius: 4px;}
ul.pagination > li.selected{background: #8db533;}
ul.pagination > li.selected a{color: #fff;}
ul.pagination .hidden{display: none;}
.box-group{
  margin: 1.5%;
}
.hidden{display: none;}
@media (min-width: 500px){
  [class*="col-md"]{
    padding: 0 5px;
  }
  .row{margin: 0 -5px;}
}
.networktrust{
  text-align: center;
  margin-bottom: 15px;
}
nav{background: #068;}
.bars{
  line-height: 35px;
  padding: 0 10px;
  display: inline-block;
  cursor: pointer;
}
.bars i{
  font-size: 16px;
  color: #fff;
}
.mb_main_menu{
  display: none;
}
.mb_main_menu li{
  position: relative;
}
.mb_main_menu li:not(:last-child) a{
  border-bottom: 1px solid #fff;
}
.mb_main_menu li a{
  display: block;
  color: #fff;
  padding: 6px;
}
.mb_main_menu li .fa{
  position: absolute;
  top: 4px;
  right: 10px;
  color: #fff;
  cursor: pointer;
  padding: 5px;
  font-size: 15px;
}
.mb_main_menu li .sub-menu{
  display: none;
}
@media (min-width: 900px)
{
  .networktrust{
    margin-bottom: 0;
    text-align: left;
  }
	.hidden{display: block;}
	.box-group{margin: 0 0 10px;}
	.box-group img{width: 100%;}
	.left{float: left;width: 20%;display: block;}
	.sidebar{width: 20%;float: left;margin-left: 0;margin-right: 1%;}
	.container > .navbar-header{margin-right: 0;margin-left: 0;}
	.navbar-header{float: left;}
	ul{list-style: none;}
	.mMenu>ul{display: flex;}
	.mMenu>ul>li{flex:1;}
	.mMenu>ul>li:not(:last-child){border-right: 1px solid #fff;}
	.mMenu>ul>li>a{text-align: center;}
	.mMenu li{position:relative;background: #068;}
	.mMenu li:hover{background: #5F5C5C;transition: all 0.25s;}
	.mMenu li a{display: block;padding: 10px 10px;color: #fff;font-weight: 500; font-size: 14px;}
	.mMenu li ul{position: absolute;display: none;top: 100%;width: 250px;z-index: 2000;transition: all 0.5s ease;border: 1px solid #fff;}
	.mMenu li ul li:not(:last-child){border-bottom: 1px solid #fff;}
	.mMenu li ul li ul{left:100%;top:0;}
	.mMenu li:hover > ul{display: block;}
	.navbar-collapse {width: auto;border-top: 0;box-shadow: none;}
	.navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
	.navbar-collapse.in {overflow-y: visible;}
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0;}
	.navbar-toggle{display: none;}
	#language{right: 1em;}
	.sidebar .box-right-group img{width: 100%;padding-bottom: 8px;}
	.grid-item{width: 50%;}
	.detail .detail-body img{width: auto;}
	.detail .art-cont img{width: auto!important;height: auto!important;}
	.detail .detail-body p{margin: 1em 0;text-align: justify;}
	.detail table{width: 100%;}
	.detail table td{padding: 5px;}
	.about .grid-1{height: auto;}
	ul.pagination > li a{margin-bottom: 0;}
	.hots-items{float: left;width: 59%;}
	#hots .hots-items{margin-bottom: 0;}
	#list-news{float:right;width: 40%;height: 310px;}
	.header-search{float: right;width: 50%;padding: 5px 0.5em;text-align: right;}
	.clock{padding: 5px 0;}
.rating-stars{
	padding: 0 0 25px;
}
.rating-stars li{
	display: inline-block;
}
.rating-stars li.star{
	cursor: pointer;
}
.rating-stars li:last-child{
	padding-left: 20px;
}
.rating-stars .star i.fa{
	color: #ccc;
	font-size: 1.7em;
}
.rating-stars .star.hover i.fa{
	color:#FFCC36;
}
.rating-stars .star.selected i.fa{
	color: #FF912C;
}
}
@media (min-width: 1200px)
{
  .container{padding: 0;}
  /*.content{margin-left: 0;}*/
  .sidebar{margin-left: 0;margin-right: 0;}
  #list-news{float: right;width: 40%;height: 20.7em;margin-top: 0;padding: 0 3px;height: 20.7em;}
}
  #hots:before,#hots:after,#listnews:before,#listnews:after{display: table;content: " ";}
  #hots:after{clear: both;}
  #hots{margin-bottom: 0;width: 100%;}
  .bxslider > li > a img{width: 100%;height: 20em;}
  .hots-items{margin-bottom: 1em;}
  #list-news{border: 1px solid #ddd;background: #F7F8F9;}
  #list-news ul{list-style: none;padding: 0 3px;}
  #list-news li{background-image: url('../images/mui_ten.png');background-repeat: no-repeat;background-position: 0 7px;padding-left: 12px;}
  #list-news li a{display: block;padding: 2px 0;}
  .breadcrumbs{}
  .breadcrumbs a{color: #9A4E4E;}
  .breadcrumbs img{margin: 0 6px;}
  #language{position: absolute;top: 1em;}
  #language a{padding-left: 0.3em;}
  .box-right-group{text-align: center;margin-bottom: 0.5em;}
  .box-right-group a{display: block;}
  .footer{background: #068;color: #fff;padding: 1.5em 1em;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
  .footer h3{line-height: 25px;}
  .detail{}
  .detail-heading{margin-bottom: 10px;}
  .detail-title{color: #0080FF;font-size: 18px;line-height:1.5em;}
  .description{margin-bottom: 1em;font-weight: 700;}
  .detail-body img{width: 100%;}
  .detail .detail-body p{margin: 1em 0;}
  .time{margin: 5px 0;color: #222;font-weight: 500;padding: 5px 0;text-align: center;}
  .other a span{display: block;border-bottom: 1px solid #ddd;padding: 5px 0 5px 10px;background-image: url('../images/new_button_v.png');background-repeat: no-repeat;background-position: left 13px;}
  .clock{padding: 0.5em 0;text-align: left;float: left;}
  #Date{font-size: 1.5em;margin-right: 10px;}
  #time{list-style: none;text-align: center;}
  #hours,#min,#point,#sec{font-size: 1.5em;}
  table.gridtable{border-collapse: collapse;margin-top: 10px;}
/*table.gridtable tbody tr:nth-child(even){background-color: #c3dde0;}
table.gridtable tbody tr:nth-child(odd){background-color: #d4e3e5;}*/
table.gridtable{width: 100%;}
table.gridtable tr:nth-child(even){background: #dedede;}
table.gridtable thead th{background-color: #dedede;}
table.gridtable thead th,.gridtable tbody td{border: 1px solid #ccc;padding: 8px;}
table.gridtable a{color: #333;font-weight: bold;}
table.gridtable a:hover{color:  red;}
.header-search{float: right;width: 50%;padding: 0.4em 0.5em;text-align: right;}
.search .txtSearch{width: 210px;border: 1px solid #ccc;height: 2em;border-radius: 4px;}
.search input[type="submit"]{background: #0080FF;height: 2em;cursor: default;color: white;padding: 3px 5px;border-radius: 4px;border: 1px solid #0080FF;font-weight: bold;}
.statistics{margin: 0; }
.statistics img{margin:0 5px 0 0}
#dulich{margin-bottom: 10px;}
#dulich ul{
  list-style: none;
  display: inline-block;
  width: 100%;
}
#dulich ul li{
  float: left;
  width: 25%;
}
#dulich ul li a{
  display: block;
  padding: 5px 0 5px 15px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/new_button_v.png) left center no-repeat;
}
.menu-left{
  background: #f2f2f2;
}
.menu-left ul ul{
	border: 1px solid #ccc;
}
.menu-left ul li{
  position: relative;
  border-bottom: 1px solid #ccc;
}
.menu-left ul li:last-child{
	border-bottom: none;
}
.menu-left ul li a{
  display: block;
  padding: 8px 8px;
  color: #f1f1f1;
  background: #068;
}
.menu-left ul ul li a{
  background: #f2f2f2;
  color: #333;
  font-size: 1.1em;
}
.menu-left ul ul li a:hover{
  color: brown;
}
.menu-left ul ul ul{
  position: absolute;
  min-width: 220px;
  top: 0;
  left: 101%;
  z-index: 1000;
  border: 1px solid #ccc;
}
.menu-left ul ul ul{
  display: none;
}
.menu-left ul ul li:hover ul{
  display: block;
}
.marquee{
  overflow: hidden;
}
.ver{
  height: 300px;
}
.top:before,.top:after,
.bottom:before,.bottom:after{
  content: '';
  display: table;
}
.top:after,
.bottom:after{
  clear: both;
}
.bottom{
  margin-top: 10px;
}
#search{
  text-align: center;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{
  margin-right: 5px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info{
  float: left;
}
.dataTables_wrapper .dataTables_paginate{
  float: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  display: inline-block;
  padding: 0.2em 0.3em;
  margin-left: 2px;
  cursor: pointer;
  text-align: center;
  min-width: 1em;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius:2px;
  color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color: #333 !important;
  border:1px solid #979797;
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  color: white !important;
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  border: 1px solid #111;
}
.table-document{
  width: 100%;
  border: 1px solid transparent;
  border-collapse: collapse;
}
.table-document tr,
.table-document td{
  border: 1px solid #ddd;
  padding: 10px;
}
.table-document tr td:first-child{
  vertical-align: top;
  color: #068;
}
#thutuc li{
  padding-left: 1em;
  background: url(../images/new_button_v.png) center left no-repeat;
}
.list-questions li{
  margin-bottom: 10px;
}
.list-questions li .question-subject{
  color: #068;
  font-weight: 700;
  text-transform: uppercase;
}
.top{
	padding: 5px;
}
.marquee1{
  line-height: 30px;
  color: brown;
  font-weight: bold;
}
.form-search form{
  position: relative;
}
.form-search .input-btn{
  position: absolute;
  top: 0;
  left: 0;
}
.form-search button{
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
}
.input-control{
  width: 100%;
  height: 30px;
  padding-left: 35px;
  font-weight: bold;
  border: 1px solid #ccc;
}
@media (min-width:768px){
	.top{
		display: flex;
		padding: 5px 0;
	}
  .top .marquee1{
    width: 68%;
  }
  .top .form-search{
    width: 25%;
  }
}
.video iframe{
  width: 100%;
}
.video ul{
  list-style: none;
}
.video a{
  text-align: justify;
}
.video.other span{
  border-bottom: none;
}
.pagination {
	margin:15px 0;
	display: block;
	text-align: center;
}
.pagination a {
	cursor:pointer;
	padding:10px;
	color:#007bff;
	display: inline-block;
	margin-left: -1px;
	border: 1px solid #dee2e6;
}
.pagination a:hover {
	background-color: #222;
	color: #fff;
}
.pagination a.jp-previous {
	margin-right:15px;
}
.pagination a.jp-next {
	margin-left:15px;
}
.pagination a.jp-current,a.jp-current:hover {
	color:#FF4242;
	font-weight:bold;
}
.pagination a.jp-disabled,a.jp-disabled:hover {
	color:#bbb;
}
.pagination a.jp-current,a.jp-current:hover,.pagination a.jp-disabled,a.jp-disabled:hover {
	cursor:default;
	background:none;
}
.pagination span {
	margin: 0 5px;
}
.text1line{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	max-height: 20px;
}
.text2line{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
}
.text3line{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 60px;
}
.text4line{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	max-height: 80px;
}
.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.js-amplify[aria-expanded="true"] {
	z-index: 99999;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.tool span{
  font-size: 1.8em;
  cursor: pointer;
  color: #e05e5e;
}