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


h1 { display:none; }

img:hover { opacity: 1; }

#header {width:1000px; height:96px; margin:auto; overflow:hidden;}
#header img {height:36px; margin-top:30px;}

#index {
	height:600px;
	margin:auto;
	overflow:hidden;
	position:relative;
	width:100%;
	min-width:1000px;
}

#bg {
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


#reg {
	width:396px;
	height:404px;
	background:#FFF;
	float:left;
	margin-top:98px;
	margin-left:96px;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.7)
}

#center {
	width:1000px;
	height:600px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#footer {
	width:1000px;
	margin:auto;
	height:96px;
	text-align:right;
	line-height:64px;
	margin-top:12px;
	overflow:hidden;
}


#title {
	width:300px;
	margin-left:48px;
	margin-top:36px;
	overflow:hidden;
	}

#username {
	width:300px;
	margin-left:48px;
	margin-top:24px;
	overflow:hidden;
}

#i_username {border:1px solid #999; background:none; padding-left:8px; padding-right:8px; width:282px; height:38px;}

#email {width:300px; margin-left:48px; margin-top:24px; overflow:hidden;}
#i_email {border:1px solid #999; background:none; padding-left:8px; padding-right:8px; width:282px; height:38px;}

#password {
	width:300px;
	margin-left:48px;
	margin-top:24px;
	overflow:hidden;
}

#i_password {
	border:1px solid #999;
	background:none;
	padding-left:8px;
	padding-right:8px;
	width:282px;
	height:38px;
}


#submit {
	width:300px;
	margin-left:48px;
	margin-top:24px;
	overflow:hidden;
	margin-bottom:24px;
}

#i_login {
	border:1px solid #999;
	width:298px;
	height:38px;
	background:none;
	color:#666;
}

#i_login:hover {background:#ff6699; border:1px solid #ff6699; color:#fff; cursor:pointer;
	-webkit-transition: all .2s; 
	-moz-transition: all .2s; 
	-ms-transition: all .2s; 
	-o-transition: all .2s; 
	transition: all .2s;
	}
	
#msg {
	width:300px;
	margin-left:48px;
	margin-top:20px;
	overflow:hidden;
	height:14px;
}

#i_msg {
	color:#ff6699;
}

#url {
	width:300px;
	margin-left:48px;
	margin-top:6px;
	overflow:hidden;
	text-align:right;
}

#url a {
	margin-right:12px;
}


@media screen and (min-width: 1680px) {
	
	#header {width:1200px;}

	#center {width:1200px;}

	#footer {width:1200px;}
	
}