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: 620px; height: 400px; z-index:10;
position:absolute; left:50%; top:50%;margin-left:-325px;margin-top:-265px;
}
.login_logo {
background: url(image/login_logo.png); width: 90px; height: 20px; 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_icon {
background: url(image/login_user.png); width: 31px; height: 31px; z-index:10;
position:absolute; left:33%; top:41%;float:left;
}
.login_account_area {
z-index:10;position:absolute; left:39%; top:42%;float:left;height: 31px;width:190px;
}
.login_account_content {
font-size:16px; color:#575757; text-align: left;font-family: "Century Gothic";width:190px;
border: none; border-bottom:1px solid;
}
.login_account_content:hover {
border: none; border-bottom:1px solid #00b2ff;
}
.login_password_icon {
background: url(image/login_password.png); width: 31px; height: 31px; z-index:10;
position:absolute; left:33%; top:55%;float:left;
}
.login_password_area {
z-index:10;position:absolute; left:39%; top:55%;float:left;height: 31px; width:190px;
}
.login_password_content {
font-size:16px; color:#575757; text-align: left;font-family: "Century Gothic";width:190px;
border: none; border-bottom:1px solid;
}
.login_password_content:hover {
border: none; border-bottom:1px solid #00b2ff;
}
.login_showerror {
font-family: "Century Gothic";position:absolute; left:230px; top:65%; width: 250px; height:36px; font-weight:bold;
font-size:13px; color:#ff2837; text-align: left;
}
.nebula_password {
font-family: "Century Gothic";position:absolute; left:10px; top:88%; width: 600px; height:36px; text-align: center; font-size: 14px;
}
.login_button {
position:absolute;left:40%;top:73%;width:14%; height:6%;z-index:10;
}
.login_button_content {
font-size:21px; color:#00b2ff; text-align:center;font-family: "Century Gothic";font-weight:bold;width: 150px; height: 40px;border-radius: 0; -webkit-appearance: none; background-color: #ffffff;text-decoration: none;display: inline-block; border: 1px solid #00b2ff; -webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;
}
.login_button_content:hover {
background-color: #00b2ff;
color: white;
}
.nebula_content_bg {
background-color: #ffffff; box-shadow:0px 0px 1px rgba(0,0,0,.2); width: 620px; height: 100px; z-index:10;
position:absolute; left:50%; top:50%;margin-left:-325px; margin-top:150px;
}
.nebula_logo{
background: url(image/icon_nebula.png); width: 67px; height: 85px; z-index:10;
position:absolute; left:3%; top:10%;float:left;
}
.cloud-icon{
background: url(image/icon_cloud.png); width: 126px; height: 88px; z-index:10;
position:absolute; right:0%; bottom:0%;
}
.nebula_message_area{
z-index:10;position:absolute; left:15%; top:0%;float:left;height: 90px; width:400px;
}
.nebula_content {
font-size:16px; color:#333333; text-align: left;font-family: "Century Gothic";
font-weight:bold; margin-top:30px;
}
.nebula_button_area{
z-index:10;position:absolute; right:2%; bottom:0%;
}
.nebula_button{
font-size:14px; color:#1EB4FC; text-align:center;font-family: "Century Gothic";font-weight:bold;width: 100px; height: 28px;border-radius: 0; -webkit-appearance: none; background-color: #ffffff;text-decoration: none;display: inline-block; -webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;border:1px #1EB4FC solid;
}
.nebula_button:hover {
background-color: #00b2ff;
color: #fff;
}
.changepwd_area {
position:absolute; left:11%; top:37%;
}
.changepwd_model_info {
width: 490px; height: 25px; z-index:10;
position:absolute; left:50%; top:25%;margin-left:-245px;font-size:14px; color:#666666; text-align: center;font-family: "Century Gothic";
}
.changepwd_text_content tr td{
width:165px; height:35px;
}
.changepwd_text_content span {
font-family: "Century Gothic";font-size:14px; color:#333333;
}
.changepwd_err_msg{
font-family: "Century Gothic";font-weight:bold;font-size:14px; color:#ff2837; width:300px;
}
.changepwd_apply_button{position:absolute;left:40%;top:82%;width:14%; height:6%;z-index:10;}
.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;
}
.dodger-blue {
color: #0079FF;
}