@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("section.css");
@import url("boxu.css");
@import url("specialize.css");
@import url("projects.css");
@import url("cert.css");
@import url("banner.css"); 
@import url("indexbelow.css"); 
@import url("expertise.css");
@import url("sidebox.css");
*{
	box-sizing:border-box;
	}
body {
	width: auto;
	margin: auto;
	line-height:auto;
	background-image: url(bg.jpg);
	background-size:cover;
	background-attachment: fixed;
	
}
.border_right{		
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.img-style{
	border: 3px solid #FFF;
	box-shadow:0px 0px 5px #000;
	width:100%;
}

back{
	position:fixed;
	left:0;
	bottom:192px;
	z-index:999;
	}
back:hover{
	opacity:0.7;
	}	
back img{
	width:100%;
	}
@media only screen and (max-width: 800px) {
.border_right{
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}	
back{
	width:40px;
	}
}

/*add-on*/
.prlx{
	max-width: 1920px;
	width: 100%;
}

/***floating***/
.areaa{
	position: relative;
}
.floating {   
    animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 30px; 
    margin-top: 5px; 
	position: absolute;
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}