/*
===================
@explain: 系统后台登录页面
@copyright: Copyright 2012,phpwind.com
@author: longwenid@gmail.com
$Id: admin_login.css 22060 2012-12-19 03:01:55Z yanchixia $
===================
*/
*{
	margin: 0;
	padding: 0;
}
html{
	padding:0;
	margin:0;
	background: url(/admin/themes/simplebootx/Public/assets/images/bg1.jpg) no-repeat center;
	height: 100%;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, "Microsoft Yahei";
}
.wrap {
	width: 250px;
	overflow:hidden;
	margin: 180px auto 0;
	-webkit-animation: bounceIn 600ms linear;
	-moz-animation: bounceIn 600ms linear;
	-o-animation: bounceIn 600ms linear;
	animation: bounceIn 600ms linear;
}
h1 {
	font-family: 'Exo 2', sans-serif;
	text-align: center;
	padding-top: 4em;
	font-weight: 400;
	color: #fff ;
	font-size: 2em;
}
.login-form {
	background: rgba(0,0,0,0.5);
	position: relative;
	width: 600px;
	margin: 3% auto 0 auto;
	padding-bottom: 40px;
	text-align: center;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
}
.box{
	padding-left: 19%;
}
.avtar img {
	margin: 2em 0 0;
}
.key {
	height: 50px;
	line-height: 50px;
	padding-bottom: 20px;
	text-align: left;
}
.pic {
	margin-top: 10px;
	float: left;
	line-height: 50px;
	height: 50px;
	width: 50px;
}
.verify_img{
	border-radius: 4px;
	float: right;
	margin-top: 6px;
	margin-right: 166px;
}
.input {
	width: 260px;
	height: 30px;
	padding: 5px;
	vertical-align: middle;
	border:0 none;
	border-radius: 4px;
	background:#fff;
	font-size:18px;
	font-family:Arial,"Microsoft Yahei";
}
 .input:focus {
	outline:0 none;
}
.btn {
	width: 248px;
	height: 38px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background:#549fcc url(../images/btn.png) no-repeat;
	overflow:visible;
	color:#fff;
	font-size:20px;
	cursor:pointer;
	font-family:Arial, "Microsoft Yahei";
	border:none;
	border-radius:3px;
}
.btn:hover{
	background-position:0 -40px;
}
.btn:active {
	background-position:0 -80px;
}
.placeholder{
	color:#999;
}
/*登录框动画*/
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}
@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}