/*
登陆、注册页用，覆盖原生bootstrap样式
@time: 2017-07-26;
*/

body {min-width: 320px;}

/*顶部LOGO和文字*/
.logo {float:left;margin-top:20px;border:0px solid red;}
.logo img {width: 90px/*228px*/; height: 90px;}
.page-topic {float: left;}
.page-topic>div {margin:25px 0 0 25px;padding-left:25px;border-left:1px solid #ddd;}
/*表单*/
.error-tips {font-size: 14px; height: 50px; line-height: 50px; padding-left: 120px; color: red;}
.form-block {border-right: 1px solid #ddd; margin-top: -15px;}
.form-block form {margin-top: 35px;}
/*第三方登录按钮*/
.corp-login {padding: 40px; text-align: center;}
.corp-login button {border: none; padding: 2px 6px;}
.corp-login button * {color: #fff;}
.btn-group {margin-top:8px;}
.messageBox {width:450px;}
@media(max-width: 992px) {
	.form-block form {width: 520px; margin-left: auto; margin-right: auto;}
	.corp-login button {padding: 1px;}
	.corp-login button span {display: none;}
	.btn-group {margin-left: auto;margin-right: auto;}
	.btn-group>div {float: left; margin-right: 0px;}
}
@media(max-width: 768px) {
	.form-block form {width: 200px;}
	.error-tips { padding-left: calc(50% - 100px); }
}
@media(max-width: 650px) {
	.logo {width: 55%;}
	.page-topic {width: 45%;}
}
@media(max-width: 600px) {
	.logo img {width: 95%; height: 95%;}
	.page-topic>div {margin-left: 0px;}
}
@media(max-width: 500px) {
	.logo img {width: 90%; height: 90%; margin: 10px;}
	.page-topic>div {margin-top: 30px;}
	.fs28 {font-size: 26px;}
}
@media(max-width: 450px) {
	.logo img {width: 90%; height: 90%;}
	.page-topic .fs28 {font-size: 24px;}
	.messageBox {width:300px;}
}
@media(max-width: 400px) {
	.page-topic>div {margin-top: 25px;}
	.page-topic .fs28 {font-size: 22px;}
}
@media(max-width: 350px) {
	.page-topic>div {margin-top: 20px;}
	.page-topic .fs28 {font-size: 20px;}
	.messageBox {width:250px;}
}

.footer {border-top: 1px solid #e6e6e6; padding: 25px 0; text-align: center;}