html {
	height: 100%
}
     button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
    }
body.signin {
	height: 100%;
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.signin-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid #E2F0FF;
	background: #fff;
	align-items: center;
	height: 60px;
	padding: 0 20px;
}

.signin-header>img {
	height: 42px;
}

.signin-header-change {
	padding: 4px 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border: 1px solid #00A0F5;
	color: #00A0F5;
	font-size: 12px;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 22px;

}

.signin-header-change>img {
	margin-right: 4px;
	width: 13px;
}

.signinpanel {
	background:#00A0F5;
	padding:5% 30px;;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom:2.5%;
	justify-content: space-between;
}
.signinpanel.row>.col-sm-7{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-right:1px solid #fff;
	width:51%;
	
}
.signinpanel.row>.col-sm-7>img{
	max-width:260px;
	min-width:200px;
	width:35%
}
.signinpanel>.col-sm-5{
	padding:0 9% 0 5%;;
}
.signinpanel>.col-sm-5>h4{
	color:#fff;font-size:16px;
	font-weight:300;line-height:1.52
}
.signinpanel>.col-sm-5>h4 span{
	display:block;
	font-weight:700;
	font-size:24px;line-height:1.6
}
.signinpanel .uname {
	/* background: #fff url(../img/user.png) no-repeat 95% center;
	color: #333; */
	margin-bottom:5px;
}

.signinpanel .pword {
	background: #fff url(../img/locked.png) no-repeat 95% center;
	color: #333
}

.signinpanel .code {
	background: #fff no-repeat 95% center;
	color: #333;
	margin: 0 0 15px 0;
}
.signin-btn{
	margin-top: 10px;
	/* display: flex; */
	flex-direction: row;
	justify-content: space-between;
	align-items:flex-end;outline:none;
}

.signin-btn>span{cursor:pointer;font-size:13px;color:#fff;}

.signinpanel form {
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height:162px;
} 
.signinpanel form input{
	color:#333;
	background:#F8FAFA;border-radius:6px;
}

.signinpanel form 
.signin-forget{
	color:#fff;font-size:12px;cursor:pointer
}
.signinpanel form .signin-btn>.btn.btn-success,
.signinpanel form .signin-btn>.btn.btn-success:hover,
.signinpanel form .signin-btn>.btn.btn-success:active,
.signinpanel form .signin-btn>.btn.btn-success:visited{
	background:rgba(0,0,0,0);
	width:30%;outline:none;
	min-width:80px;max-width:120px;
	border-radius:4px;border-color:#DEDEDE;color:#fff;font-size:13px;
}


.signin-footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
	text-align: center;
	font-size: 13px;
	color: #BEBEBE;
}

.signin-footer a {
	color: #BEBEBE;
	cursor: pointer;
	margin: 0 5px;
}
.signin-footer b{
	height:10px;width:1px ;background:#BEBEBE;margin:0 9px 0 4px;
}
.signin-footer span {
	color: #00A0F5;
	text-decoration: underline;
	cursor: pointer;
	font-size:14px;
}
.signin-modal-bg{
	position:fixed;top:60px;background:#f5f5f5;
	left:0;right:0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;bottom:0;
	
}
.signin-modal{
	width:70%;max-width:1050px;min-width:900px; height:75%;
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
padding:24px 28px 17px;}
.signin-modal-title{
	color:#3897D9;font-size:18px;line-height:1.2;padding-bottom:12px;border-bottom:1px solid  #ECECEC;
}
.signin-modal-scroller{
	margin:12px 0;flex:1;
	/* color:#9E9E9E; */
	font-size:13px;line-height:1.6;overflow-y:auto
}
.signin-modal-scroller>span{
	display:block;margin-bottom:18px;
}
.signin-modal-scroller>span:last-child{
	margin-bottom:0;
}
.signin-modal-btn,
.signin-modal-btn:hover,
.signin-modal-btn:active,
.signin-modal-btn:visited{
	padding:26px 0 0;border-top:1px solid  #ECECEC;
	display: flex;
	flex-direction: row;
	justify-content:flex-end;
}

.signin-modal-btn>span{
	border-radius:4px;font-size:14px;line-height:32px;padding:0 40px;
	color:#A0A0A0;cursor:pointer;
}

.signin-modal-btn>span.sigin-modal-btn-active{
	margin-left:20px;background:#48A5EA;color:#fff;
	
}
@media screen and (max-width:768px) {

	.signinpanel,
	.signuppanel {
		margin: 0 auto;
		width: 420px !important;
		padding: 20px
	}

	.signinpanel form {
		margin-top: 20px
	}

	.signup-footer,
	.signuppanel .form-control {
		margin-bottom: 10px
	}

	.signup-footer .pull-left,
	.signup-footer .pull-right {
		float: none !important;
		text-align: center
	}

	.signinpanel .signin-info ul {
		display: none
	}
}

@media screen and (max-width:320px) {

	.signinpanel,
	.signuppanel {
		margin: 0 20px;
		width: auto
	}
}

/*
��¼����check��ʽ
*/
.checkbox-custom {
	position: relative;
	padding: 0 15px 0 25px;
	margin-bottom: 7px;
	margin-top: 0;
	display: inline-block;
}

/*
����ʼ��checkbox����ʽ�ı�
*/
.checkbox-custom input[type="checkbox"] {
	opacity: 0;
	/*����ʼ��checkbox��������*/
	position: absolute;
	cursor: pointer;
	z-index: 2;
	margin: -6px 0 0 0;
	top: 50%;
	left: 3px;
}

/*
����µ�checkbox��λ��
*/
.checkbox-custom label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 18px;
	height: 17px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #bbb;
	background: #fff;
}

/*
�����ʼ��checkbox�����µ�checkbox��������
*/
.checkbox-custom input[type="checkbox"]:checked+label:after {
	position: absolute;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	content: "\e013";
	top: 42%;
	left: 3px;
	margin-top: -5px;
	font-size: 11px;
	line-height: 1;
	width: 16px;
	height: 16px;
	color: #333;
}

.checkbox-custom label {
	cursor: pointer;
	line-height: 1.2;
	font-weight: normal;
	/*�ı���rememberme������*/
	margin-bottom: 0;
	text-align: left;
}