PC-application/app/login/login.css

body {
	width: 100%;
	height: 100%;
	background: url(../../images/BG.jpg);
	font-size: 14px;
}
#main {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}
.tabs-container {
	margin-top: 40;
	border: 10px solid rgba(255,255,255,0.2);
}
.tabs-container .nav-tabs {
	border: 0;
}
.nav.nav-tabs {
	background-color: #fff;
}
.nav.nav-tabs li {
	width: 50%;
	text-align: center;
	padding: 0 15px;
}
.nav.nav-tabs li.active a {
	color: #1eaaff;
}
.tabs-container .nav-tabs>li.active>a, 
.tabs-container .nav-tabs>li.active>a:focus, 
.tabs-container .nav-tabs>li.active>a:hover {
	border: 0;
	border-bottom: 3px solid #1eaaff;
}

button[type="submit"] {
	margin-top: 40px;
}

.form-group {
		position: relative;
	}
	
.fa-eye,
.fa-eye-slash {
	position: absolute;
	top: 16px;
	right: 10px;
	margin-top: -8px;
	font-size: 16px;
	cursor: pointer;
}

.getCaptcha {
	position: absolute;
	top: 8px;
	right: 10px;
}

.getCaptcha.disabled{
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.left-img img{
	width: 100%;
}
#loginForm{margin-top: 150px;}
@media only screen and (max-width: 1200px) {
	#main,.left-img,#loginForm {
		width: 100%;
	}
	
	#loginForm {
		margin-top: 0px;
	}

	.left-img > img{
		display: block;
		width: 500px;
		margin: 0 auto;
	}

	.tabs-container {
		width: 400px;
		margin: -40px auto 0;
	}
}