.animation_top{
		width:340px;
height:200px;
		float:left;
		margin-top:50px;
		overflow:hidden;
	}
	

	#animation{
	margin:auto;
	width: 280px;
	height:130px;
	text-align:center;
	
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;

	}
	#animation:hover{
	margin-right:40px;
	 

	width: 330px;
	height:150px;
	margin: 10 auto;

	transform:  rotateY(180deg) ;
    -moz-transform:  rotateY(180deg) ;
    -webkit-transform:  rotateY(180deg) ;
    -o-transform:  rotateY(180deg) ;
	

	}
	#css a{
		padding-left:40px;
		padding-bottom:3px;
		border-bottom:3px solid white;
		background:url('http://xaydungweb.crv.vn/3c/wp-content/uploads/2016/02/v_icon1.png') no-repeat;
		 
		background-size: 16%;
		
	}
	#css{
	margin:auto;
	width: 280px;
	height:130px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;


	

	}
	#css:hover{
	padding-top:5px;
	width: 330px;
	height:150px;
	background-image:url('http://xaydungweb.crv.vn/3c/wp-content/uploads/2016/02/bg_img3.png') ;
    background-size: 100%;
	transform:  rotateY(-180deg) ;
    -moz-transform:  rotateY(-180deg) ;
    -webkit-transform:  rotateY(-180deg) ;
    -o-transform:  rotateY(-180deg) ;

	}
	
	
	
	
	
	#animation1{
	margin:auto;
	width: 280px;
	height:130px;
	text-align:center;
	
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;

	}
	#animation1:hover{
	margin-right:40px;
	 
	
	width: 330px;
	height:150px;
	margin: 10 auto;

	transform:  rotateY(180deg) ;
    -moz-transform:  rotateY(180deg) ;
    -webkit-transform:  rotateY(180deg) ;
    -o-transform:  rotateY(180deg) ;
	

	}
	#css1 a{
		padding-left:40px;
		padding-bottom:3px;
		border-bottom:3px solid white;
		background:url('http://xaydungweb.crv.vn/3c/wp-content/uploads/2016/02/v_icon1.png') no-repeat;
		background-size: 16%;
		
	}
	#css1{
	margin:auto;
	width: 280px;
	height:130px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;


	

	}
	#css1:hover{
	padding-top:5px;
	width: 330px;
	height:150px;
	background-image:url('http://xaydungweb.crv.vn/3c/wp-content/uploads/2016/02/congnghe_icon.png') ;
    background-size: 100%;
	transform:  rotateY(-180deg) ;
    -moz-transform:  rotateY(-180deg) ;
    -webkit-transform:  rotateY(-180deg) ;
    -o-transform:  rotateY(-180deg) ;

	}
	
	
	
	
	#animation2{
	margin:auto;
	width: 280px;
	height:130px;
	text-align:center;
	
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;

	}
	#animation2:hover{
	margin-right:40px;
	 
	
	width: 330px;
	height:150px;
	margin: 10 auto;

	transform:  rotateY(180deg) ;
    -moz-transform:  rotateY(180deg) ;
    -webkit-transform:  rotateY(180deg) ;
    -o-transform:  rotateY(180deg) ;
	

	}
	#css2 a{
		padding-left:40px;
		padding-bottom:3px;
		border-bottom:3px solid white;
		background:url('http://xaydungweb.crv.vn/3c/wp-content/uploads/2016/02/v_icon1.png') no-repeat ;
		 
		background-size: 16%;
		
	}
	#css2{
	margin:auto;
	width: 280px;
	height:130px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;


	

	}
	#css2:hover{
	padding-top:5px;
	width: 330px;
	height:150px;
	background-image:url('http://xaydungweb.crv.vn/3c/wp-content/uploads/2016/02/giatri_icon-3.png') ;
    background-size: 100%;
	transform:  rotateY(-180deg) ;
    -moz-transform:  rotateY(-180deg) ;
    -webkit-transform:  rotateY(-180deg) ;
    -o-transform:  rotateY(-180deg) ;

	}
/*scale hình ảnh trên trang chủ */
	.img_scale_1 img{
		
		
		transition: all 1s ease;
		position:center center;
		display:block; 
	}
	.img_scale_1 img:hover{
		position:center center;
		display:block; 
		transform: scale(1.1,1.1) ;
		-moz-transform:scale(1.1,1.1) ;
		-webkit-transform:  scale(1.1,1.1) ;
		-o-transform:  scale(1.1,1.1) ;
		
	}


	.img_scale_1{
		
		
	
		transition:all 1s ease;	
overflow:hidden;
		
	}
	.img_scale_text{
	    position: absolute; 
	}
	/* đóng scale hình ảnh trên trang chủ */
	
	
	/*hiệu ứng scale animation tren trang chủ mục điện tự động hóa */
	.img_scale_DTDH img{
		
		
		transition: all 1s ease;
		position:center center;
		display:block; 
	}
	.img_scale_DTDH img:hover{
		position:center center;
		display:block; 
    transform: scale(1.05,1) ;
		-moz-transform:scale(1.01,1) ;
		-webkit-transform:  scale(1.05,1) ;
		-o-transform:  scale(1.05,1) ;
		
	}


	.img_scale_DTDH{
		
		
		
		transition:all 0.5s ease;	
		overflow:hidden;
		
	}
	.img_scale_DTDH:hover{
border-left:5px solid white;
    border-right:5px solid white;	    
	}
		/* đóng hiệu ứng scale animation tren trang chủ mục điện tự động hóa */
		.css_header{
		    overflow:hidden;
	
	
		}
		
.border_dtdh {
	border:5px solid white;
}
.border_tbtndl {
	border:5px solid #0056ff;
}