@media only screen and (max-width: 766px) {
	
	.hienthi{ display: none; }
	.khonghienthi{ display: block; }
	
	.container_main{
		width: 100%;
		margin:0 auto;
	}
	.border_radius{
		width: 60px;
		height: 60px;
	}
	div.banner_top{
		height: 70px;
		width: 100%;
		display:block;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
	}
	div.banner_top img{
		height: 100%;
		z-index: 9;
	}
	div.title_top{
		display: none;
	}
	.box_img{
		width: 48%;
		min-height: 200px;
		float: left;
		margin: 1%;
		border-radius: 6px;
	}
	.box_img .tieude_img{
		padding: 10px;
		line-height: 1.2em;

	}
	div.box_galery{
		float:left;
		border-radius: 6px;
		display:block;
		width:100%;
		height:150px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		background-color:#FFF;
		border:1px solid #CCC;
		margin-bottom: 10px;
	}
	div.box_galery img{
		position:relative;
		height:80%;
		border-radius: 6px;
	}
	.news{
		width: 98%;
		float: left;
		margin: 1% 1% 2em 1%;
	}
	div.img_list{
		float:left;
		display:block;
		width:100%;
		height:180px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		background-color:#FFF;
		margin-bottom: 10px;
	}
	div.box_galery img{
		position:relative;
		height:100%;
	}
	.tieude2{
		text-align: center;
		font-weight: bold;
		color: #000;
	}
	.sp{
		width: 99%;
		float: left;
		background-color: #E6E7E9;
		margin:0.5%;
		border-radius: 6px;
		height: 100%;
	}
	.tieude{
		font-weight: bold;
		font-size: 1.2em;
	}
	#widget{
		width: 90%;
		max-height:340px;
		overflow: auto;
		margin: 0 auto;
	}
	#widget::-webkit-scrollbar {
		width: 4px;
		height: 10px;
	}
	#widget::-webkit-scrollbar-button:start:decrement,
	#widget::-webkit-scrollbar-button:end:increment  {		
	}			
	#widget::-webkit-scrollbar-track-piece  {
		background-color: #E6E7E9;
	}			
	#widget::-webkit-scrollbar-thumb:vertical {
		cursor:pointer;
		background: #274166;
	}
	.col-1{
		width: 100%;
		float: left;
	}
	.col-2{
		width:100%;
		float: right;
	}
	.lienhe{
		color: #fff;
		font-size: 1.4em;
		font-weight: 100;
		width: 100%;
		margin: 0px 0px 1em 0px;
		height: 70px;
		text-align: left;
	}
	.modallogin > div.login {
		width:95%;
	}
	.close {
		
		right: 45%;
	}
	.modallogin {
		position: absolute;
		
	}
	.trai{
	float: left;
}
.phai{
	float: left;
}
	.nua{
		width: 95.8%;
	}
}
@media only screen and (min-width: 375px) and (max-width: 667px) {
	
}
@media only screen and (min-width: 414px) and (max-width: 736px) {
	
}