/*========== banner =============*/

#banner > .mainkhh{position:relative;}
@keyframes pulssing {
	0% {
		transform: scale(1);
		opacity: 1;		
	}
	50% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulssing {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}
	50% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}			
}
#menukhh{padding:10px 0 10px 0;margin:0; background-color: #F4F4F4;}
#menukhh ul{width:100%;max-width:820px; margin:0 auto; padding:1%;}
#menukhh ul li{
	width:31.3%;
	min-width:214px;
	float:left;
	display:inline-block;
	text-align:center;
	
	height:105px;
	margin:1%;
}
#menukhh ul li a{
	position:relative;
	height:105px;
	display:block;
	line-height:18px;
	overflow:hidden;
	color:#fff;	
}
#menukhh ul li a span{
	height:105px;
	left:107px;
	width:87px;
	padding:0 10px;
	text-align:center;
	position:relative;
	vertical-align:middle;
	background:#ff6f6f;
	display:table-cell;
	text-align:center; 
}
#menukhh ul li:nth-child(2) span{background:#4cae3f}
#menukhh ul li:nth-child(3) span{background:#ffae00}
#menukhh ul li:nth-child(4) span{background:#349ab7}
#menukhh ul li:nth-child(5) span{background:#D06191}
#menukhh ul li:nth-child(6) span{background:#8361B9}
#menukhh ul li:nth-child(7) span{background:#ece658}
#menukhh ul li:nth-child(8) span{background:#00dcdc}
#menukhh ul li:nth-child(9) span{background:#00a8ec}
#menukhh ul li a:hover span{
	left:0px;
	transition:0.4 all ease;
	width:250px;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
}
#menukhh ul li:nth-child(1) a{background:url(../images/pic_nav1.jpg) no-repeat left center;}
#menukhh ul li:nth-child(2){background:url(../images/pic_nav2.jpg) no-repeat left center;}
#menukhh ul li:nth-child(3){background:url(../images/pic_nav3.jpg) no-repeat left center;}
#menukhh ul li:nth-child(4){background:url(../images/pic_nav4.jpg) no-repeat left center;}
#menukhh ul li:nth-child(5){background:url(../images/pic_nav5.jpg) no-repeat left center;}
#menukhh ul li:nth-child(6){background:url(../images/pic_nav6.jpg) no-repeat left center;}
#menukhh ul li:nth-child(7){background:url(../images/pic_nav7.jpg) no-repeat left center;}
#menukhh ul li:nth-child(8){background:url(../images/pic_nav8.jpg) no-repeat left center;}
#menukhh ul li:nth-child(9){background:url(../images/pic_nav9.jpg) no-repeat left center;}
/*#menukhh ul li:nth-child(4){background:url(../images/kehoachhoa/menu4.jpg) no-repeat left center;}*/

@media screen and (max-width:800px) {
	#menukhh .details{background:#0295a4;width:96%;max-width:400px; float:none;margin:0 auto; padding:2%;color:#fff;}
	#menukhh .details span{margin:0 auto;}
	#menukhh ul{width:96%;float:none;margin:0 auto;max-width:450px;}
	#menukhh ul li{
		width:48%;
	}
	
@media screen and (max-width:480px) {
	#menukhh ul{max-width:214px;}
	#menukhh ul li{
		float:none;
		width:96%;
		margin:1%;
		margin-top:10px;
	}
}