@charset "utf-8";

body {
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/pattern3.png);
}
a{
	color:#555;
}
a:link{
	text-decoration:none;
}
.row{
	margin:0;	
}
.nopadd{
	padding:0;	
}
/* header */

header{
	display:none;
	position: relative;
}
header h2 {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 25%;
	left: 50%;
	width: 80%;
	text-align: center;
	color:#E8BE17;
}
header p {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 90%;
	left: 50%;
	width: 80%;
	text-align: center;
	color:#1B75BA;
}
.mobi{
	display:block !important;	
}
.pc{
	display:none !important;	
}
@media screen and (min-width:768px) {
   	header{
		display:block;
		padding:0 !important;
	} 
	.mobi{
		display:none !important;	
	}
	.pc{
		display:block !important;	
	}
}
.banner{
	width:100%;
}

/* đóng heaser */
.navbar-default{
	padding:0;	
}
@media screen and (min-width:768px) {
	.navbar-default{
		margin-bottom:0;
		border:none;
		border-radius:0;
		padding:0;
		background-color:#478bca;
	}
	.navbar-default:before{
		content:'';
		position:absolute;
		background-image:url(../images/nav-left.png);
		margin-left:-64px;
		height:63px;
		width:64px;	
	}
	.navbar-default:after{
		content:'';
		position:absolute;
		right:0;
		top:0;
		background-image:url(../images/nav-right.png);
		margin-right:-64px;
		height:63px;
		width:64px;	
	}
	.dropdown .dropdown-menu{
		display:block;
		left:2px;
		border-radius:0;
    	overflow: hidden;
		opacity:0;
		transition:0.5s;
		height:0;
	}
	.dropdown:hover .dropdown-menu{
		opacity:1;
		height:auto;
	}	
}
.mask{
	position:absolute !important; 
	top:0; 
	width:100%;
}
.nav-mobipc li{
	border-right: none;
	border-left: none;
    box-shadow: none;	
	margin-left:0px;
}
.nav-mobipc li a{
	font-size:1.1em;
	font-weight:600;
	color:#555; !important;
}
.nav-mobipc li .dropdown-menu{
	padding:0;
	margin-left:0px;
	background-color:transparent;
	border:0;
}
@media screen and (min-width:768px) {
   	.nav-mobipc li{
		background: url(../images/line.png) no-repeat right;
    	display: block;
	}
	.nav-mobipc li .dropdown-menu{
		padding:0;
		margin-left:-2px;
		background-color:transparent;
		border:0;
	}
}
.nav-mobipc li .dropdown-menu li{
	border-right: none;
	border-left: none;
    box-shadow: none;	
	margin-left:0px;
	border-bottom:1px solid #e5e5e5;
	background:none;
	background-color:rgba(71,139,202,0.7);
}
.nav-mobipc li .dropdown-menu li:first-child{
	
}
.nav-mobipc li .dropdown-menu li a{
	font-size:1em;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:10px;
	color:#fff !important;
	transition:0.3s;
}
.nav-mobipc li .dropdown-menu li a:hover{
	background-color:rgba(71,139,202,1);
}
.navbar-default .navbar-nav > li > a {
  color: #777;
  transition:0.3s;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #777;
}
@media screen and (min-width:768px) {
	.navbar-default .navbar-nav > li > a {
	  color: #fff;
	  transition:0.3s;
	  padding-left:30px;
	  padding-right:30px;
	}
	.navbar-default .navbar-nav > li > a:hover {
	  color: #fff;
	}

}

.main{
	background-color:#fff;
	padding-left:3px;
	padding-right:3px;	
}
.slide{
	padding:0 15px;	
}
.slide .bxslideranh{
	margin:0;
	padding:0;	
}
.slide .bxslideranh img{
	width:100%;	
}
.slide .bx-viewport{
	border:none !important;	
}
.slide .bx-wrapper .bx-controls{
	opacity:0;
	transition:0.3s;
}
.slide .bx-wrapper:hover .bx-controls{
	opacity:1;
}
.content{
	margin-top:10px;	
}
.content .col-sm-3{
	padding-right:15px;
}
@media screen and (min-width:768px) {
	.content .col-sm-3{
		padding-right:0;
	}
}
.noidung{
	border:1px solid #ccc;
	margin-bottom:20px;
}
.thanhtieude{
	border:1px solid #ddd;
	box-shadow: 0 6px 6px -6px #777;
	font-size:1.3em;
	font-weight:600;
	color:#478bca;
	padding:5px 15px;
	margin:-1px -1px 20px -1px;
	line-height:30px;
}
.thanhtieude .btn{
	float:right;
	transition:0.3s;
	background-color:#478bca;
	border-radius:0;
	border:none;
}
.noidung .col-sm-6{
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}
.noidung .col-sm-6 h3{
	margin:0 0 5px 0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
}
.noidung .col-sm-6 .col-sm-5{
	padding:0 8px 0 0;
}
.noidung .col-sm-6 .col-sm-5 img{
	margin-bottom:10px;
}
@media screen and (min-width:768px) {
	.noidung .col-sm-6 .col-sm-5 img{
		margin-bottom:0;
	}
	.noidung .col-sm-6{
		margin-bottom:30px;
		border-bottom:none;
		padding-bottom:0;
	}
}
.tintuc{
	border:1px solid #ccc;
	margin-bottom:20px;
}
.tintuc .col-sm-12{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;	
}
.tintuc .col-sm-12:last-child{
	border-bottom:none;
	margin-bottom:0;
}
.tintuc .col-sm-12 .col-sm-3{
	padding:0 15px;
}
.tintuc .col-sm-12 .col-sm-3 img{
	margin-bottom:10px;
}
.tintuc .col-sm-12 .col-sm-9{
		
}
.tintuc .col-sm-12 .col-sm-9 h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
}
.tintuc .col-sm-12 .col-sm-9 p{
	margin:0 0 10px 0;
}
.tintuc .col-sm-12 .col-sm-9 .xemthem{
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
}
@media screen and (min-width:768px) {
	.tintuc .col-sm-12 .col-sm-3{
		padding:0;
	}
	.tintuc .col-sm-12 .col-sm-3 img{
		margin-bottom:0;
	}
}
.list-group{
	border:1px solid #ccc;
}
/*
.list-group .list-group-item:nth-of-type(2n) {
	background-color:#F2F2F2;
}*/
.list-group .list-group-item{
	border-radius:0;
	padding:10px;
	background-color:#fff;
	color:#333;
	transition:0.3s;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
.list-group .active,.list-group .active:hover{
	font-weight:600;
	text-transform:uppercase;
	background-color:#478bca;
	border:1px solid #478bca !important;
	border-bottom:none;
	text-align:center;
	color:#fff;
	font-size:1.15em;
	padding-left:3px;
	padding-right:3px;
	margin:-1px;	
}

.hotro .row{
	padding:0 10px 0 10px;	
}
.hotro .row .col-sm-12{
	padding:0 0 8px 0;	
	margin:8px 0;
	border-bottom:1px solid #ccc;
}
.hotro .row .col-sm-12:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.hotro .row .col-sm-12 .col-sm-6{
	padding-left:0;	
}
.danhmuctintuc h2{
	margin:0 0 5px 0;
	font-size:0.95em;
	line-height:15px;
	font-weight:bold;
}
.danhmuctintuc h2 a{
	color:#499FF1;
}
.tukhoa .row{
	padding:10px 5px;
}
.tukhoa .row a{
	font-size:1.05em;
	color:#5BADFF;
}
.tukhoa .row a:hover{
	text-decoration:underline;
}
.thongke .row{
	padding:20px 10px;	
}
.thongke .row .col-xs-4{
	padding:0 8px 0 0;
}
.thongke .row .col-xs-8{
	padding:0;
}
.thongke .row .col-xs-8 p{
	margin:0 0 5px 0;
	padding:0;
	font-weight:600;
}
.thongke .hientai{
	color:#c40000;	
}
.thongke .trongngay{
	color:#eec600;	
}
.thongke .tongtruycap{
	color:#00c100;	
}

.logoqc{
	margin-top:20px;	
}

/* chi tiết nội dung */

.chitietnoidung{
	background-color:#fff;
	padding-bottom:15px;
}
.chitietnoidung h1{
	font-size:1.6em;
	margin:0 0 10px 0;
}
.chitietnoidung p{
}
.chitietnoidung .thoigian{
	margin:15px 0;	
	color:#777;
}

.chitietnoidung .sanphamcungloai{
	font-size:1.2em;
	margin:20px 0 10px 0;
	color:#0c7570;
	font-weight:bold;
}
.chitietnoidung .tincm{
	margin:0;
	padding:0 0 0 25px;
}
.chitietnoidung .tincm li a{
	color:#06C;
	transition:0.3s;
}
.chitietnoidung .tincm li a:hover{
	color:#F33;
}
/* đóng chi tiết nội dung */

.bando{
	margin-top:20px;	
}
.maps iframe{
    pointer-events: none;
}
.bando h3{
	background-color:#478bca;
	margin:0;
	padding:10px 20px;
	color:#fff;
	font-size:1em;
	font-weight:600;
}


/* Footer */

footer {
    margin:0;
	background-color:#2076c5;
}
.thongtincongty h2{
	font-size:1.7em;
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
}
.thongtincongty p{
	color:#fff;
	margin:5px 0;
}
.mangxahoi h2{
	text-align:center;
	font-size:1.7em;
	color:#fff;	
}
.share{
	margin-top:10px;
	text-align:center;
}
.share a i{
	border:2px solid#00F;
	height:35px;
	width:35px;
	border-radius:50%;
	padding:9px;
	color: #fff;
	border-color:#fff;
	transition: .3s ease;
	margin-bottom:20px;
}
.share a .fa-twitter {
	background-color:#2ca8d2;
}
.share a .fa-facebook {
	background-color:#305891;
}
.share a .fa-google-plus{
	background-color:#db4437;
}
.share a .fa-linkedin{
	background-color:#0077b5;
}
.share a:hover .fa{
	background-color:#fff;
	transform: scale(1.1);
}
.share a:hover .fa-twitter {
	color: #2ca8d2;
	border-color:#2ca8d2;
}
.share a:hover .fa-facebook {
	color: #305891;
	border-color:#305891;
}
.share a:hover .fa-google-plus{
	color: #db4437;
	border-color:#db4437;
}
.share a:hover .fa-linkedin{
	color: #0077b5;
	border-color:#0077b5;
}

/* lên đầu trang */
.lendautrang{
	position: fixed;
	top: 92%; 
	right: 15px; 
	display: none; 
	z-index:99999;
	height:40px;
	width:40px;
	cursor:pointer;
	opacity:0.7;
	color: #666;
	font-size:20px;
	text-align:center;
	line-height:40px;
	border:1px solid #666;
	transition:0.3s;
	padding-bottom:50px;
}
@media screen and (min-width:768px) {
	.lendautrang{
		position: fixed;
		top: 62%; 
		right: 15px; 
		display: none; 
		z-index:99999;
		height:40px;
		width:40px;
		cursor:pointer;
		opacity:0.7;
		color: #666;
		font-size:20px;
		text-align:center;
		line-height:40px;
		border:1px solid #666;
		transition:0.3s;
		padding-bottom:50px;
	}
}
.lendautrang:hover{
	opacity:1;
	color: #fff;
	border:1px solid #fff;
	background-color:#999;
}

/* kết thúc  lên đầu trang */