@charset "utf-8";
/* CSS Document */

body{
	background-color:#360;
	position:relative;
}
header{
	width:100%;
	height:30px;
	padding:10px ;
	position:fixed;
	top:0px;
	z-index:99;
	background-color:rgba(255,255,255,0.3);
}
footer{
	width:100%;
	height:30px;
	line-height:30px;
	position:fixed;
	bottom:0px;
	z-index:99;
	background-color:rgba(255,255,255,0.3);
}

header nav ul{
	width:100%;
	height:30px;
}
header nav ul li{
	float:left;
	width:100px;
	height:30px;
	padding:0 20px;
}
header nav ul li a{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	border-radius:10px;
	text-align:center;
	background-color:rgba(0,0,0,0.3);
}

section{
	height:700px;
	padding:50px;
	overflow:hidden;
}
#sec1{
	background-color:rgba(255,0,0,1);
}
#sec2{
	background-color:rgba(0,255,0,1);
}
#sec3{
	background-color:rgba(0,0,255,1);
}
#sec4{
	background-color:rgba(0,0,0,1);
}
section {
	height:700px;
	overflow:hidden;
}

footer p{
	text-align:center;
	font-weight:bold;
}