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: 680px; height: 420px; z-index:10;
position:absolute; left:50%; top:50%;margin-left:-325px;margin-top:-245px;
}
.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:-280px; 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:-280px;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;
}
.login_button {
position:absolute;left:38%;top:82%;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: 200px; 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;
}
.login_changemode_area{
position:absolute;
left:87.5%;
bottom:10%;
float:left;
z-index:2;
}
.login_changemode{
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-family: century gothic;
}
.nebula_desc{
font-size:14px;
color:#666666;
text-align: left;
font-family: Century Gothic,tahoma,arial,helvetica,sans-serif;
}
.nebula_info1 {
height: 25px; z-index:10;float:left;
position:relative; left:10%; top:43%;
}
.nebula_info1_1 {
width: 85px; height: 25px; z-index:10;float:left;
position:relative; left:10%; top:40%; cursor:pointer;
}
.nebula_info1_2 {
z-index:10;float:left;
position:relative; left:5%; top:43%;
}
.nebula_info2 {
width: 500px; z-index:10; line-height:24px;float:left;
position:relative; left:-9.5%; top:45%;
}
.nebula_bg{
position:absolute;left:30%;top:71%;width:14%; height:6%;z-index:10;
}
.nebula_href{
float:left; position: relative; top: 40%; left: 23%;z-index:10;
}
.nebula_href a {
color:#00b2ff;
font-family: Century Gothic,tahoma,arial,helvetica,sans-serif;
font-size:15px;
cursor: pointer;
}
.video_content {
background-color: #000000; position:absolute; left:50%; top:50%;margin-left:-480px;margin-top:-260px;
}
.nebulaInfo_closebtn{
left:100%; margin-left:-100px; margin-top:30px; position:absolute; cursor:pointer;
}