input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666;
}
.login {
	 }
	.login-bg {
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		/*background-image: -webkit-linear-gradient(left, #047, #ddb);
		background-image: -o-linear-gradient(left, #047, #ddb);
		background-image: -moz-linear-gradient(left, #047, #ddb);
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#047,endcolorstr=#ddb,gradientType=1);*/
		background-image:url(../image/bg.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
  		background-color: #fff;}
	.login-box.before {
		opacity:0;
	}
	.login-box {
		opacity:1;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		width: 440px;
		height: 285px;
		background: rgba(97,97,97,0.5);
  		filter: alpha(opacity=50);
		left: 50%;
		top: 0;
		margin-left: -220px;
		padding: 20px;
		border-radius: 8px;
		color: #eee;
		font-family: Georgia, serif;
		-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
  		transition: all 0.3s ease-in-out;}
	.login-box h2 {
		margin:20px 0 40px 0;
		color: #fff;
		font-weight: normal;
		font-size: 24px;
		text-align: center;
		line-height: 36px;}
	.login-box .avatar {
		display: none;
		background-color:#eee;
		width: 50px;
		height: 50px;
		border-radius: 100%;
		vertical-align: middle;
		margin-left: 5px;}
	.login-box h3 {
		display: none;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 20px;
		color: #fff;
		font-weight: normal;
		font-style:italic;
		text-align: center;
		line-height: 36px;}
	.login-box p {
		background: rgba(228,228,228,0.5);
  		filter: alpha(opacity=50);
		padding: 10px;
		line-height: 24px;
		margin-bottom: 20px;
		border-radius: 4px;
		font-size: 18px;}
	.login-box p:hover {
		transition: background 0.3s;
		background: rgba(255,255,255,0.7);
  		filter: alpha(opacity=70);
		transition: all 0.4 ease;
		-webkit-transition: all 0.4 ease;
		-moz-transition: all 0.4 ease;
		-o-transition: all 0.4 ease;}
	.login-box p input {
		font-family: Georgia, serif;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background:none;
		border:none;
		outline:none;
		padding-left:40px;
		color: #555;	}
	.login-box p input:focus {
		border:none;
		outline:none;
		background: none;	}
			#username {
				background-image: url(../image/username.png);
				background-position:12px center;
				background-repeat:no-repeat;}
			#password {
				background-image: url(../image/password.png);
				background-position:12px center;
				background-repeat:no-repeat;}
	@media all and (max-width: 700px) {
		.login-bg {
			background-image:url(../image/bg_s.jpg);}
	}
	@media \0screen\,screen\9 {
		.login-box {
			background/*\**/: #616161\9;}
		.login-box p {
			background/*\**/: #e4e4e4\9;}
		.login-box p:hover {
			background/*\**/: #ffffff\9;}
	}
	.ip {
		background:#000;
		color:#fff;
		filter: alpha(opacity=0);
		opacity:0;
		position:absolute;
		left:0;
		bottom:0;
		padding:5px 10px;}
	.ip:hover {
		filter: alpha(opacity=50);
		opacity:0.5;
		-webkit-transition: all 0.4 ease;
		-moz-transition: all 0.4 ease;
		-o-transition: all 0.4 ease;		}