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 {
height: 100%; overflow: hidden;
}
.login_content_bg {
background-color: #ffffff; box-shadow:0px 0px 1px rgba(0,0,0,.2); width: 420px; height: 380px; z-index:10;
position:absolute; left:50%; top:50%;margin-left:-220px;margin-top:-265px;
}
.login_logo {
background: url(image/logo_black.png) no-repeat; width: 138px; height: 50px; z-index:10;
position:absolute; left:3%; top:5%;float:left;
}
.login_model {
width: 580px; height: 40px; z-index:10;font-size:26px;
position:absolute; left:50%;; top:15%;float:left;margin-left:-290px; color:#333333; text-align: center; font-weight:bold; font-family: "Century Gothic";
}
.login_model_info {
width: 580px; height: 25px; z-index:10;
position:absolute; left:50%; top:25%;margin-left:-290px;font-size:14px; color:#666666; text-align: center;font-family: "Century Gothic";
}
.login_account_area {
z-index:10;position:absolute; left:28%; top:36%; float:left;
}
.login_account_content {
font-size:16px; color:#575757; text-align: left;font-family: "Century Gothic";width:190px; height:40px;
border: 1px solid #DADADA;border-radius: 4px;padding-left:10px;
}
.login_password_area {
z-index:10;position:absolute; left:28%; top:50%;float:left;height: 31px; width:190px;
}
.login_password_content {
font-size:16px; color:#575757; text-align: left;font-family: "Century Gothic";width:190px; height:40px;
border: 1px solid #DADADA;border-radius: 4px; padding-left:10px;
}
.login_showerror {
font-family: "Century Gothic";position:absolute; left:120px; top:63%; width: 250px; height:36px; font-weight:bold;
font-size:13px; color:#ff2837; text-align: left;
}
.login_button {
position:absolute;left:28%;top:70%;width:14%; height:6%;z-index:10;
}
.login_button_content {
font-size:16px; color:#fff; text-align:center; font-family: "Century Gothic";font-weight:bold;width: 190px; height: 40px;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;
}
.nebula_password {
font-family: "Century Gothic";position:absolute; left:20px; top:85%; width: 380px; height:36px; text-align: center; font-size: 12px;
}
.nebula_content_bg {
background: url(image/login_nebula.png) #fff; box-shadow:0px 0px 1px rgba(0,0,0,.2); width: 420px; height: 115px; z-index:10;
position:absolute; left:50%; top:50%;margin-left:-220px; margin-top:130px;
}
.nebula_message_area{
z-index:10;position:absolute; left:5%; top:0%;float:left;height: 100px; width:200px;
}
.nebula_content {
font-size:14px; color:#333333; text-align: left;font-family: "Century Gothic";
margin-top:20px;
}
.nebula_button_area{
z-index:10;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;
}
.selectMode_content_left {
width: 40%; position:absolute; left:10%; top:15%;
}
.selectMode_content_right {
width: 40%; position:absolute; right:5%; bottom:8%;
}
.selectMode_title{
color:#333333;
font-family: Century Gothic,tahoma,arial,helvetica,sans-serif;
font-size:36px;
font-weight:bold;
}
.selectMode_content{
color:#868788;
font-family: Century Gothic,tahoma,arial,helvetica,sans-serif;
font-size:16px;
}
.arrowleft, .arrowright{
cursor:pointer;
}
.arrowleft:hover{
background: url(image/arrowleft_gray_hover.png) no-repeat;
}
.arrowright:hover{
background: url(image/arrowright_gray_hover.png) no-repeat;
}
::-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;
}