#loginWrapper {
width: 473px;
min-height: 365px;
height:auto !important;
height: 425px;
margin: 20px auto;
position: relative;
}
.loginTitle {
width: 100%;
height: 72px;
line-height: 72px;
padding-left: 40px !important;
padding-left: 70px;
background: url(../img/login_title.gif) no-repeat;
}
.sceneTipWrap {
padding: 0 10px;
}
.loginContainer {
background: url(../img/login_bg.gif) repeat-y;
height: auto;
overflow: hidden;
padding: 10px;
}
#loginBtn {
width: 100%;
height: 40px;
background: url(../img/login_footer.gif) no-repeat;
}
.login {
float: right;
margin: 5px 30px 0 0;
}
.loginInstCfgArea {
margin: 0;
padding: 15px 0 30px 0;
text-align: left;
}
@media screen and (max-width: 1020px) {
#loginWrapper {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
margin: 0 auto;
min-height: auto;
border: 1px solid #bfbdbe;
border-radius: 5px 5px 0 0;
max-width: max-content;
}
.loginTitle {
padding-left: 0 !important;
line-height: 20px;
height: auto;
background: none;
background-color: #e9e9e9;
border-radius: 5px 5px 0 0;
padding: 5px 0;
}
.loginContainer {
background-color: #f7f7f7;
background: none;
}
#loginBtn {
background: none;
}
.loginInstCfgArea {
padding: 0;
}
.login {
margin: 5px 5px 0 0;
}
#page_container {
width: 100%;
padding: 0;
}
#page_content {
padding: 0 1em;
}
}