body{
	background-image: url(../img/bg.jpg);
    background-repeat: repeat;
	background-attachment: fixed;

	
}
.all{
	width: 900px;
	height: 650px;
	/*background-color: #BDC0BA;*/
	top: 30px;
	margin: auto;
	position: relative;

}

.left {
	width: 200px;
	height: 400px;
	left: 50px;
	top: 100px;
	position:absolute;
}
.center {
	width: 200px;
	height: 400px;
	left: 350px;
	top: 100px;
	position:absolute;
}

.right {
	width: 200px;
	height: 400px;
	right: 50px;
	top: 100px;
	
	position:absolute;
}
.bottom{
	width: 800px;
	height: 80px;
	bottom: 5%;
	left: 5%;
	right: 5%;
	margin: auto;
	text-align: center;
	position:absolute;
}
.display{
	width: 600px;
	height: 350px;
	left: 200px;
	top: 140px;
	display: none; 
	opacity: 0.9;
	position:absolute;
}
.displayblog{
	width: 210px;
	height: 300px;
	left: 450px;
	top:180px;
	display: none;
	opacity: 0.9;
	position: absolute;
}
.displaygithub{
	width: 210px;
	height: 300px;
	left: 450px;
	top:230px;
	display: none;
	opacity: 0.9;
	position: absolute;
}

.displayoftensite{
	width: 300px;
	height: 350px;
	left: 450px;
	top: 140px;
	display: none; 
	opacity: 0.9;
	position:absolute;
	overflow-y: auto;
}

.Imgflow{
	margin: 3px;
	width: 290px;
	height: 110px;
	float: left;
	background-image: url(../img/flow.png);
	background-repeat: no-repeat;

}
.Imgblog{
	margin: 3px 3px 3px 50px;
	width: 200px;
	height: 50px;
	background-image: url(../img/blog.png);
	background-repeat: no-repeat;
	transition: all 1s;
}
.Imggithub{
	margin: 3px 3px 3px 50px;
	width: 200px;
	height: 50px;
	background-image: url(../img/github.png);
	background-repeat: no-repeat;
	transition: all 1s;
}

.Imgoftensite{
	margin: 3px 3px 3px 50px;
	width: 200px;
	height: 50px;
	background-image: url(../img/oftensite.png);
	background-repeat: no-repeat;
	transition: all 1s;
}

h2{
	font-size: 18px;
	margin: 0px;
	text-align:center;
}
a{
	font-size: 17px;
	margin: auto;
}
ul{
    line-height: 18px;
	font-size: 15px;
	color: rgba(0,0,0,0.6);
	font-weight: bold;
}
		
div dd,dt{
	width: 50%;
	height: 35px;
	padding: 5px;
	margin: 0px auto;
	text-align: center;
	border-radius: 10px;
	transition: all 1s;
}

/*更改连接颜色等*/
a:link {
	color: black;
	text-decoration:none;
}
a:visited {
	color: #734338;
	text-decoration:none;
}
a:hover{
	cursor: hand;
}
/*鼠标放上去弹起*/
dd:hover{
	background-color: #D7C4BB;
	transform: translate(-10px,-5px);
}
.Imgblog:hover{
	transform: translate(-10px,-5px);
}
.Imggithub:hover{
	transform: translate(-10px,-5px);
}
.Imgoftensite:hover{
	transform: translate(-10px,-5px);
}