@charset "utf-8";
/* CSS Document */
body{position:relative}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td{padding:0;margin:0;}
body, span, a, input, ul, li{ font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; font-style:normal;}
html{ height:100%;}
li{list-style-type:none;}
a{ text-decoration:none;}
body{ background:url(../images/login_bg.jpg) no-repeat top center; background-size:cover;height:100%;background-attachment: fixed;}
.frame{position: absolute; z-index: 10; left: 0; top: 11%; margin: 0 auto; width: 100%;}
.logo{width: 300px; margin: 0 auto}
.logo .l1{width: 300px; height: 171px; display:block;}
.content{margin: 0 auto; width: 580px; margin-top:30px;}
.f-cb{zoom: 1;}

.content{ width:549px;}
.menudiv{ padding-top:56px;}
.menu li{ float:left; width: 549px; height: 56px; text-align: center; font-size: 18px; letter-spacing: 4px; line-height: 56px; background-color: rgba(17,17,17,0.7); color: rgba(255,255,255,0.7); cursor:pointer;}
.menu li.off{background:#fff;color:#444; }
.c1{background: #fff; padding:35px; width:479px; text-align:center; height:150px;}
.account input{ width:430px; height:20px; font-size:16px; padding:10px;}
.cipher input{ width:430px; height:20px; margin-top:-1px; font-size:16px; padding:10px;}
.forget { display:block; font-size:14px; text-align:left; margin:5px 0 20px 15px;}
.forget a{ color:#000000;}
.forget a:hover{ color:#8db800;}

.Button1 a{ width:185px; height:35px; background:#8db800; border:1px solid #ddd; display:inline-block; text-align:center; line-height:35px; color:#fff; font-size:18px; float:left; margin:0 0 0 30px;
-moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius:10px;   /* Webkit browsers */
border-radius:10px;            /* W3C syntax */
}
.Button1 a:hover{ background:#99c801;}
.Button2 a{ width:185px; height:35px; background:#797979; border:1px solid #ddd; display:inline-block; text-align:center; line-height:35px; color:#fff; font-size:18px; float:right; margin:0 30px 0 0;
-moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius: 10px;   /* Webkit browsers */
border-radius:10px;            /* W3C syntax */
}
.Button2 button:hover{background:#939393;}
.Button3 button{ width:400px; height:35px; background:#8db800; border:1px solid #ddd; display:block; text-align:center; line-height:35px; color:#fff; font-size:18px;  margin:0 auto;
-moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius: 10px;   /* Webkit browsers */
border-radius:10px;            /* W3C syntax */
}
.Button3 button:hover{ background:#99c801;}

.return { text-align:center; margin:10px 10px 0 0;}
.return a{ color:#fff; font-size:16px;}
.return a:hover{ color:#8db800;}

.bottom{ text-align:center; position:absolute; width:100%; bottom:5%;}
.bottom li{ display:inline-block; width:100px; height:15px; line-height:12px;}
.bottom li a{ color:#FFFFFF; font-size:12px; font-family:arial;}
.bottom li a:hover{ color:#8db800;}
.bottom span{ color:#FFFFFF; font-size:12px; font-family:arial; margin-top:10px; display:inline-block;}
.li-border{ border-right:1px solid #FFFFFF;}