/**
 * Bootstrap3.3.7 
 * 文件中的col-sm宽度已改成480px
 * 文件中的字体图标样式已删除,纯属鸡肋
 */
body {
    font-family: 'Microsoft Yahei','simsun', "arial", "sans-serif";
}
/*链接*/
a:active,
a:hover {
  outline:0;
}
/*字体*/
.font-normal {
    font-weight: 100;
}
.font-turquoise {
    color: #36c6d3!important
}
/*输入框*/
.form-control {
    box-shadow: none;
    border: 1px solid #c2cad8;
    border-radius: 0px;
}
.form-control:focus {
    box-shadow: none;
    outline: none;
	border-color: #93A1BB;
}

/*按钮*/
.btn {
    border-radius: 0px;
}
.btn-outline {
	color:#666;
	background-color:#fff;
	border-color:#fff
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn.active,
.btn:active {
    outline:0;
}
.btn-turquoise {
    color: #fff;
    background-color: #36c6d3;
    border-color: #2bb8c4;
}
.btn.btn-outline.btn-turquoise {
    border-color: #32c5d2;
    color: #32c5d2;
    background: 0 0;
}

/*复选框*/
.mt-checkbox {
	display:inline-block;
	position:relative;
	padding-left:30px;
	margin-bottom:15px;
	cursor:pointer;
	font-size:14px;
	webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.mt-checkbox.mt-checkbox-disabled {
	opacity:.8;
	filter:alpha(opacity=80);
	cursor:not-allowed
}
.mt-checkbox>input {
	position:absolute;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0)
}
.mt-checkbox>span {
	border:1px solid transparent;
	position:absolute;
	top:1px;
	left:0;
	height:18px;
	width:18px;
	background:#E6E6E6
}
.mt-checkbox>span:after {
	content:'';
	position:absolute;
	display:none
}
.mt-checkbox>span:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mt-checkbox>input:checked~span:after {
	display:block
}
.mt-checkbox:hover>input:not([disabled])~span,
.mt-checkbox>input:focus~span {
	background:#d9d9d9;
	webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.mt-checkbox:hover>input:not([disabled]):checked~span,
.mt-checkbox>input:checked~span {
	webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	background:#d9d9d9
}
.mt-checkbox>input:disabled~span {
	opacity:.6;
	filter:alpha(opacity=60);
	pointer-events:none
}
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span,
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span,
.mt-checkbox.mt-checkbox-outline>input:checked~span,
.mt-checkbox.mt-checkbox-outline>input:focus~span,
.mt-checkbox.mt-checkbox-outline>span {
	border:1px solid #d9d9d9;
	background:0 0
}

/*登录*/
.user-login {
	min-height:100vh
}
.user-login .bs-reset {
	margin:0;
	padding:0
}
.user-login .text-right {
	text-align:right
}
.user-login .login-bg {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:100vh
}
.user-login .login-logo {
	position:absolute;
	top:2.5em;
	left:2.5em
}
.user-login .login-container {
	position:relative;
	min-height:100vh
}
.user-login .login-container .login-copyright,.user-login .login-container .login-social,.user-login .login-container>.login-content {
	padding:0 80px
}
.user-login .login-container>.login-content {
	margin-top:30%
}
.user-login .login-container>.login-content>h1 {
	font-size:30px;
	font-weight:300;
	color:#4e5a64
}
.user-login .login-container>.login-content p {
	color:#a0a9b4;
	font-size:15px;
	line-height:22px
}
.user-login .login-container>.login-content>.login-form {
	margin-top:80px;
	color:#a4aab2;
	font-size:13px
}
.user-login .login-container>.login-content>.login-form .form-control {
	width:100%;
	padding:10px 0;
	border:#a0a9b4;
	border-bottom:1px solid;
	color:#868e97;
	font-size:14px;
	margin-bottom:30px;
	border-radius:0!important
}
.user-login .login-container>.login-content>.login-form .form-control:focus {
	outline:0
}
.user-login .login-container>.login-content>.login-form .forgot-password,.user-login .login-container>.login-content>.login-form .login-button {
	display:inline-block
}
.user-login .login-container>.login-content>.login-form .rem-password {
	margin-top:10px
}
.user-login .login-container>.login-content>.login-form .rem-password>p {
	margin:0
}
.user-login .login-container>.login-content>.login-form .rem-password>.rem-checkbox {
	border-color:#a4aab2
}
.user-login .login-container>.login-content>.login-form .forgot-password {
	margin-right:1em;
    vertical-align: sub;
}
.user-login .login-container>.login-content>.login-form .forgot-password>a {
	color:#a4aab2
}
.user-login .login-container>.login-content>.login-form .forgot-password>a:hover {
	color:#337ab7;
	text-decoration:none
}
.user-login .login-container>.login-content>.login-form .forgot-password>a:focus {
	color:#a4aab2;
	text-decoration:none
}
.user-login .login-container>.login-footer {
	position:absolute;
	bottom:0;
	width:100%;
	padding-bottom:10px
}
.user-login .login-container>.login-footer .login-social {
	padding-right:0;
    padding-top: 6px;
}
.user-login .login-container>.login-footer .login-social li {
	display:inline-block;
	list-style:none;
	margin-right:1em
}
.user-login .login-container>.login-footer .login-social a:hover {
	color:#337ab7;
	text-decoration:none
}
.user-login .login-container>.login-footer .login-social a:focus {
	color:#a9b5be
}
.user-login .login-container>.login-footer .login-copyright {
	padding-left:0;
	margin-top:6px
}
.user-login .login-container>.login-footer .login-copyright>p {
	margin:0;
	font-size:13px;
	color:#a9b5be
}
.user-login .alert {
	margin-top:-60px
}
.user-login .form-group.has-error {
	border-bottom:2px solid #ed6b75!important
}
.user-login .form-group.valid {
	border-bottom:1px solid #a0a9b4!important
}
@media (max-width:1365px) {
    .user-login .login-container .login-copyright,.user-login .login-container .login-social,.user-login .login-container>.login-content {
    	padding:0 40px
    }
    .user-login .login-container .login-social {
    	padding-right:0
    }
    .user-login .login-container .login-copyright {
    	padding-left:0
    }
}
@media (max-width:1023px) {
	.user-login,.user-login .login-bg,.user-login .login-container {
    	min-height:50vh
    }
    .user-login .mt-login-bsfix,
    .user-login .mt-login-5-bsfix {
    	width:100%
    }
    .user-login .login-container>.login-content {
    	margin-top:60px
    }
    .user-login .login-container>.login-content .login-form {
    	margin-top:40px
    }
    .user-login .login-container .rem-password {
    	margin-bottom:1em
    }
    .user-login .login-container>.login-footer {
    	position:relative;
    	margin-top:40px;
    	padding-bottom:0
    }
    .user-login .login-container>.login-footer .login-social li {
    	margin-right:.5em
    }
    .user-login .alert {
    	margin-top:-20px
    }
}
@media (max-width:480px) {
	.user-login .login-container>.login-content .text-right {
	    text-align:left
    }
}