* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-weight: 300;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
}

.wrapper {
	/*background: #50a3a2;
	background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
	background: linear-gradient(to bottom right, #3170a7 0%, #53e3a6 100%);*/
	opacity: 0.9;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url('../img/emp_login.jpg');
	background-size: cover;
	background-position: center
}

	.wrapper.form-success .container h1 {
		-webkit-transform: translateY(85px);
		-ms-transform: translateY(85px);
		transform: translateY(85px);
	}

.container {
	max-width: 1000px;
	margin: 0 0 0 21%;
	text-align: center;
	position: relative;
}

	.container .logo {
		float: left;
		overflow: hidden;
		padding-right: 95px;
		margin-top: 70px;
	}

		.container .logo i {
			font-size: 35px;
			color: #fff;
			float: left;
			text-shadow: 4px 3px 0 #1d9d74,80px 80px 0 rgba(0,0,0,0.15);
		}

		.container .logo h1 {
			padding-top: 2px;
			padding-left: 15px;
			float: left;
			font-size: 38px;
			font-weight: bold;
			color: #193497;
		}

		.container .logo h2 {
			padding-top: 2px;
			padding-left: 15px;
			font-size: 22px;
			font-weight: bold;
			color: #193497;
		}

		.container .logo span {
			font-size: 30px;
			font-weight: bold;
		}

form {
	float: left;
	position: relative;
	z-index: 2;
	text-align: left;
	background-color: #ebeff0;
	padding: 30px 30px 10px 30px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

	form input {
		font-size: 14px;
		outline: 0;
		border: 1px solid rgba(255, 255, 255, 0.4);
		background-color: #fff;
		width: 300px;
		border-radius: 5px;
		padding: 12px 15px;
		margin-bottom: 20px;
		display: block;
		text-align: left;
		color: #929191;
		-webkit-transition-duration: 0.25s;
		transition-duration: 0.25s;
		font-weight: 300;
	}

	form .row {
		position: relative;
		overflow: hidden;
	}

	form i {
		color: #cbcbcb;
		top: 13px;
		right: 6px;
		z-index: 99;
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		text-align: center;
		font-size: 18px !important;
	}

	form .row .authcode {
		position: absolute;
		left: 105px;
		top: 10px;
	}

	form button {
		outline: 0;
		background-color: #E69939;
		border: 0;
		padding: 10px 15px;
		color: #fff;
		border-radius: 5px;
		width: 300px;
		cursor: pointer;
		font: 16px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif;
	}

		form button:hover {
			opacity: 0.9;
		}

.bg-bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

	.bg-bubbles li {
		position: absolute;
		list-style: none;
		display: block;
		width: 40px;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.15);
		bottom: -160px;
		-webkit-animation: square 25s infinite;
		animation: square 25s infinite;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
	}

		.bg-bubbles li:nth-child(1) {
			left: 10%;
		}

		.bg-bubbles li:nth-child(2) {
			left: 20%;
			width: 80px;
			height: 80px;
			-webkit-animation-delay: 2s;
			animation-delay: 2s;
			-webkit-animation-duration: 17s;
			animation-duration: 17s;
		}

		.bg-bubbles li:nth-child(3) {
			left: 25%;
			-webkit-animation-delay: 4s;
			animation-delay: 4s;
		}

		.bg-bubbles li:nth-child(4) {
			left: 40%;
			width: 60px;
			height: 60px;
			-webkit-animation-duration: 22s;
			animation-duration: 22s;
			background-color: rgba(255, 255, 255, 0.25);
		}

		.bg-bubbles li:nth-child(5) {
			left: 70%;
		}

		.bg-bubbles li:nth-child(6) {
			left: 80%;
			width: 120px;
			height: 120px;
			-webkit-animation-delay: 3s;
			animation-delay: 3s;
			background-color: rgba(255, 255, 255, 0.2);
		}

		.bg-bubbles li:nth-child(7) {
			left: 32%;
			width: 160px;
			height: 160px;
			-webkit-animation-delay: 7s;
			animation-delay: 7s;
		}

		.bg-bubbles li:nth-child(8) {
			left: 55%;
			width: 20px;
			height: 20px;
			-webkit-animation-delay: 15s;
			animation-delay: 15s;
			-webkit-animation-duration: 40s;
			animation-duration: 40s;
		}

		.bg-bubbles li:nth-child(9) {
			left: 25%;
			width: 10px;
			height: 10px;
			-webkit-animation-delay: 2s;
			animation-delay: 2s;
			-webkit-animation-duration: 40s;
			animation-duration: 40s;
			background-color: rgba(255, 255, 255, 0.3);
		}

		.bg-bubbles li:nth-child(10) {
			left: 90%;
			width: 160px;
			height: 160px;
			-webkit-animation-delay: 11s;
			animation-delay: 11s;
		}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

button[disabled], button[disabled] button {
	color: #fff;
	opacity: 1;
	cursor: default;
}

.copyright {
	text-align: center;
	color: #fff;
	position: absolute;
	top: 100%;
	margin-top: -60px;
	width: 97%;
	font-family: Microsoft Yahei;
	line-height: 25px;
	font-size: 14px;
}

.login_tips {
	position: absolute;
	bottom: 10px;
	z-index: 99;
	width: 100%;
	text-align:left;
}

.tips_msg {
	height: 30px;
	line-height: 30px;
	color: red;
	margin: 0 0 0 22%;
	border-radius: 5px;
	width: 1000px;
	font-size: 14px;
	margin-left:20px;
}

	.tips_msg i {
		position: relative;
		top: 0.5px;
		font-size: 15px;
		padding-right: 5px;
	}

.select {
	display: inline-block;
	width: 300px;
	position: relative;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	color: #555;
	border: 1px solid #fff;
	text-shadow: none;
	border-radius: 4px;
	transition: box-shadow 0.25s ease;
	z-index: 2;
	margin-bottom: 20px;
}

	.select:hover {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}

	.select:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top-color: #ccc;
		top: 14px;
		right: 10px;
		cursor: pointer;
		z-index: -2;
	}

	.select select {
		cursor: pointer;
		padding: 10px;
		width: 100%;
		border: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

		.select select:focus {
			outline: none;
		}

.gs {
	float: right;
	color: #193497;
	font-weight: bold;
}

.line {
	width: 1px;
	height: 320px;
	border-left: 1px solid white;
	float: left;
}