#login_main {
 	background: url(../images/login_bg.jpg) 50% 50% no-repeat;
 	background-size: cover
 }

 .login-content {
 	padding: 50px 0
 }

 #login_left {
 	padding-top: 70px;
 	width: 70.1%
 }

 #login_right {
 	width: 29.9%
 }

 #login_left .banner {
 	background: url(../images/login_bg.jpg) 50% 50% no-repeat;
 	background-size: cover
 }

 .bg_checkbox .text {
 	font-size: 15px
 }

 .slogan-title,
 .slogan-desc {
 	color: #FFF;
 	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5)
 }

 .slogan-title {
 	font-size: 34px
 }

 .slogan-desc {
 	position: relative;
 	font-size: 18px
 }

 .slogan-desc:after {
 	content: "";
 	position: absolute;
 	width: 50px;
 	height: 3px;
 	bottom: -25px;
 	left: 0;
 	border-radius: 2px;
 	background: #fff;
 	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1)
 }

 .form-head {
 	padding: 10px 0 25px;
 	text-align: center;
 	font-size: 20px;
 	color: #1e4c88
 }

 .login-form {
 	background: #FFF;
 	box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.05);
 	padding: 20px 30px
 }

 .login-form .form-control,
 .login-form .btn {
 	height: 40px;
 	box-shadow: none;
 	line-height: 24px;
 	font-size: 15px;
 	padding: 8px 18px
 }

 .login-form .form-control:focus,
 .login-form .form-control:hover {
 	border-color: #1e4c88
 }

 #input-password {
 	margin-bottom: 5px
 }

 .form-foot {
 	position: relative;
 	text-align: center;
 	margin: 15px 0 0;
 	height: 30px;
 	line-height: 30px
 }

 .form-foot:before {
 	content: "";
 	position: absolute;
 	height: 16px;
 	width: 100%;
 	left: 0;
 	top: 0;
 	border-bottom: 1px #e4e4e5 solid
 }

 .form-foot a {
 	position: relative;
 	display: inline-block;
 	padding: 0 10px;
 	background: #FFF;
 	z-index: 1;
 	color: #333;
 	font-size: 15px
 }

 @media(max-width:1199px) {
 	.bg_checkbox .text {
 		font-size: 14px
 	}

 	.slogan-title {
 		font-size: 30px
 	}

 	.login-form {
 		padding: 15px 20px
 	}

 	.login-form .form-control,
 	.login-form .btn {
 		height: 38px;
 		font-size: 14px;
 		padding: 6px 12px
 	}

 	.form-foot a {
 		font-size: 15px
 	}
 }

 @media(max-width:991px) and (min-width:768px) {
 	#login_left {
 		width: 65%
 	}

 	#login_right {
 		width: 35%
 	}
 }

 @media(max-width:767px) {
 	.bg_checkbox .text {
 		font-size: 28px
 	}

 	#nav_head {
 		display: none
 	}

 	#login_main>.container {
 		padding: 0
 	}

 	#login_left,
 	#login_right {
 		width: 100%;
 		padding: 0
 	}

 	.login-content {
 		padding: 0;
 		margin: 0
 	}

 	#login_left .banner {
 		padding: 30px 24px
 	}

 	.slogan-desc:after {
 		display: none
 	}

 	.logo-wrapper {
 		background: #FFF;
 		text-align: center;
 		padding: 25px 0
 	}

 	.logo-wrapper>a {
 		display: inline-block
 	}

 	.logo-wrapper>a>img {
 		height: 80px
 	}

 	.login-form {
 		box-shadow: none
 	}

 	.login-form .form-horizontal .form-group {
 		margin-bottom: 20px
 	}

 	.login-form .form-control,
 	.login-form .btn {
 		height: 90px;
 		line-height: 40px;
 		font-size: 32px;
 		border-radius: 12px;
 		padding: 24px
 	}

 	.login-form .btn {
 		text-transform: uppercase
 	}

 	.form-head {
 		display: none
 	}

 	#input-password {
 		margin-bottom: 10px
 	}

 	.form-body {
 		padding: 0 50px
 	}

 	.form-foot {
 		padding: 0 20px;
 		margin-bottom: 60px;
 		margin-top: 55px
 	}

 	.form-foot:before {
 		left: 50px;
 		right: 50px;
 		width: auto
 	}

 	.form-foot a {
 		font-size: 28px
 	}

 	.bg_checkbox label input[type="checkbox"][value="true"]+.cr,
 	.bg_radio label input[type="radio"]+.cr {
 		background: #1e4c88;
 		border-color: #1e4c88;
 		box-shadow: none
 	}

 	.bg_checkbox label input[type="checkbox"][value="true"]+.cr>.cr-icon,
 	.bg_radio label input[type="radio"][value="true"]+.cr>.cr-icon {
 		transform: scale(2) rotateZ(0);
 		opacity: 1
 	}

 	.bg_checkbox .cr .cr-icon,
 	.bg_radio .cr .cr-icon {
 		top: 1.15em;
 		left: .6em
 	}
 }