body {
margin:0;padding:0;
background: #f2f2f2 url(image/login_background.png) center fixed no-repeat;
background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;
}
html, body {
overflow: hidden;
}
.container{
height:98%;position:relative;overflow-x: hidden; overflow-y: auto;
}
.login_content_bg {
background-color: #ffffff; box-shadow:0px 0px 1px rgba(0,0,0,.2); width: 490px; height: 415px;
position:absolute; left:50%; top:100px;margin-left:-245px;
}
.login_logo {
background: url(image/logo_black.png) no-repeat; width: 138px; height: 50px;
position:absolute; left:30px; top:30px;
}
.login_model {
width: 490px; height: 40px; font-size:30px;
position:absolute; left:50%;; top:12%;margin-left:-245px; color:#333333; text-align: center; font-weight:bold; font-family: "Century Gothic";
}
.login_model_info {
width: 490px; height: 40px;
position:absolute; left:50%; top:25%;margin-left:-245px;font-size:15px; color:#333333; text-align: center;font-family: "Century Gothic";
}
.login_account_area {
position:absolute; left:22%; top:40%;
}
.login_account_content {
font-size:16px; color:#575757; text-align: left;font-family: "Century Gothic";width:280px; height:50px;
border: 1px solid #DADADA;border-radius: 4px;padding-left:10px;
}
.login_password_area {
position:absolute; left:22%; top:55%;
}
.login_password_content {
font-size:16px; color:#575757; text-align: left;font-family: "Century Gothic";width:280px; height:50px;
border: 1px solid #DADADA;border-radius: 4px; padding-left:10px;
}
.login_showerror {
font-family: "Century Gothic";position:absolute; left:110px; top:70%; width: 250px; height:36px; font-weight:bold;
font-size:14px; color:#ff2837; text-align: left;
}
.login_button {
position:absolute;left:22%;top:78%;width:14%; height:6%;
}
.login_button_content {
font-size:16px; color:#fff; text-align:center; font-family: "Century Gothic";font-weight:bold;width: 280px; height: 50px;border-radius: 4px; -webkit-appearance: none; background-color: #3C9F00;text-decoration: none;display: inline-block; border: 1px solid #3C9F00; cursor: pointer;
}
.login_button_content:hover {
background-color: #6CAA25;
color: white;
}
.kelly-green{color:#3C9F00;}
.nebula_content_bg {
background: url(image/login_nebula.png) #fff; box-shadow:0px 0px 1px rgba(0,0,0,.2); width: 490px; height: 115px;
position:absolute; left:50%; top:360px;margin-left:-245px; margin-top:165px;
}
.nebula_message_area{
position:absolute; left:5%; top:0%;height: 100px; width:200px;
}
.nebula_content {
font-size:14px; color:#333333; text-align: left;font-family: "Century Gothic";
margin-top:20px;
}
.nebula_button_area{
position:absolute; left:0%; bottom:0%;
}
.nebula_button{
font-size:14px; color:#fff; text-align:center; font-family: "Century Gothic";font-weight:bold;width: 100px; height: 28px;border-radius: 4px; -webkit-appearance: none; background-color: #6CAA25;text-decoration: none;display: inline-block; cursor: pointer;border:1px #6CAA25 solid;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #ccc;
font-style: italic;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
opacity: 1;
font-style: italic;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
opacity: 1;
font-style: italic;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
font-style: italic;
}
.dark-green {
color: #288719;
}
.pwdsetup_content_bg{
width: 600px; height: 520px; margin-left:-300px;
}
.changepwd_area {
position:absolute; left:11%; top:36%;
}
table span {
font-family: "Century Gothic";font-size:15px; color:#333333;
}
.changepwd_err_msg{
font-family: "Century Gothic";font-weight:bold;font-size:14px; color:#ff2837; width:300px;
}
.apply_button{
position:absolute;left:27%; top:80%;
}