* {
	padding: 0;
	margin: 0;
	border: 0;
	position: middle;
	text-decoration: none;
}
body {
	background: url("bg5.png") no-repeat center;
	margin: 0 auto;
	color: rgb(200,200,200);
	text-shadow: 1px 1px 3px #FFF;
}
#wrapper {
	position: middle;
	min-width: 562px;
	width: 562px;
	margin: 0 auto;
}
header {
	text-align: center;
	margin: 20px auto;
}
header h1 {
	font-size: 50px;
}
footer {
	text-align: center;
	margin: 20px auto;
}
footer p {
	font-size: 40px;
}
footer a {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url("fb.png") no-repeat center;
	vertical-align: middle;
}
.clear-loading {
	text-align: center;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.loading-effect-1 {
	width: 200px;
	height: 200px;
}
.loading-effect-1 span {
	display: block;
	border-radius: 50%;
	border: 4px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.loading-effect-1 span:first-child {
	width: 100%;
	height: 100%;
	border-color: rgba(0,180,255,1);
	border-left-color: transparent;
	top: 0;
	left: 0;
	-webkit-animation: effect-1-1 4s infinite linear;
	-moz-animation: effect-1-1 4s infinite linear;
	-o-animation: effect-1-1 4s infinite linear;
	animation: effect-1-1 4s infinite linear;
}
.loading-effect-1 span:nth-child(2) {
	width: 75%;
	height: 75%;
	border-color: rgba(0,28,255,1);
	border-right-color: transparent;
	top: 12.5%;
	left: 12.5%;
	-webkit-animation: effect-1-2 3s infinite linear;
	-moz-animation: effect-1-2 3s infinite linear;
	-o-animation: effect-1-2 3s infinite linear;
	animation: effect-1-2 3s infinite linear;
}
.loading-effect-1 span:last-child {
	width: 50%;
	height: 50%;
	border-color: rgba(255,0,0,1);
	border-bottom-color: transparent;
	top: 25%;
	left: 25%;
	-webkit-animation: effect-1-1 2s infinite linear;
	-moz-animation: effect-1-1 2s infinite linear;
	-o-animation: effect-1-1 2s infinite linear;
	animation: effect-1-1 2s infinite linear;
}
@-webkit-keyframes effect-1-1 { 
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@keyframes effect-1-1 {
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes effect-1-2 { 
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(-360deg);
	}
}
@keyframes effect-1-2 {
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(-360deg);
	}
}