@charset "UTF-8";

/* Reset-盒模型 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,
table,caption,th,td,form,fieldset,legend,input,button,textarea,
menu {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* Reset-显示模式 */
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,
details,img {display:block;}

html,body,fieldset,img,iframe,abbr {border:0;}

/* Reset-文字设置 */
body,textarea,input,button,select,keygen,legend {
  font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;
  font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;
}

i,cite,em,var,address,dfn {font-style:normal;}

h1,h2,h3,h4,h5,h6,small {font-size:100%;}

sup,sub {font-size:83%;}

pre,code,kbd,samp {font-family:inherit;}

h1,h2,h3,h4,h5,h6,em,strong,b {font-weight:bold;}

del,ins,u,s,a,a:hover {text-decoration:none;}

caption,th {
  text-align:left;
  font-weight:normal;
}

/* Reset-视觉设置 */
body {background:#fff;}

a,a:hover {color:#333;}

[hidefocus],summary {outline:0;}

li {list-style:none;}

q:before,q:after {content:none;}

label,summary {cursor:default;}

a,button {cursor:pointer;}

textarea {
  overflow:auto;
  resize:none;
}

/*// Reset-清除浮动*/
.ks-clear:after, .clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}

.ks-clear, .clear {
  *zoom: 1;
}


/* 背景 */
html,body {
  width: 100%;
  height: 100%;
}

/* 内容 */
.content-box {
  width: 1200px;
  margin: 0 auto;
}

/* 登录页面背景 */
.login-bg {
  width: 100%;
  height: 100%;
  background-image: url("../../images/bg1.jpg");
}

/* 用户登录 */
.login-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 900px;
  height: 550px;
  margin-top: -275px;
  margin-left: -450px;
}

/* 登录背景图 */
.login-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 450px;
  height: 470px;
  margin-top: -235px;
  background-image: url("../../images/bg2.jpg");
  background-repeat: no-repeat;
}

/* 登录信息输入区 */
.login-input {
  position: absolute;
  top: 50%;
  right: 0;
  width: 300px;
  height: 400px;
  margin-top: -200px;
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #ccc\9;
}

/* 登录框logo */
.login-input > .logo-img {
  margin: 10px auto 0 auto;
}

/* 忘记密码 */
.login-input > .find-user {
  float: right;
  margin-right: 10%;
}

/* 用户名&密码 */
.login-input > label {
  margin-left: 10%;
}
.login-input > label > .login-name,
.login-input > label > .login-password {
  width: 80%;
  height: 30px;
  margin: 10px 10%;
  text-indent: 5px;
}

/* 自动登录 */
.login-input > label > .login-auto {
  margin-right: 10px;
}

/*登录信息提交按钮*/
.login-input > .login-submit {
  width: 80%;
  height: 40px;
  border: 0;
  margin: 10px 10%;
  color: #fff;
  font-size: 18px;
  background-color: #38C008;
}

/* 作者 */
.author-info {
  position: absolute;
  bottom: 0;
  left: 50%;
  /*width: 200px;*/
  margin-left: -130px;
  text-align: center;
}