body,html,h1,h2,h3,h4,h5,p,ul,dl,li{ margin: 0; padding: 0;}
ul,li{list-style: none}
body{font-family: microsoft Yahei; font-size:14px; background:url("../images/body_bg.png") center repeat-y;}

.content{ position: absolute; top:50%;left:50%; z-index: 9; margin-top:-190px; margin-left: -300px;  width: 600px;  height: 380px;color: #333; -webkit-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;border-radius:10px; background:#fff; -webkit-box-shadow:2px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:2px 3px 3px rgba(0,0,0,.1);-ms-box-shadow:2px 3px 3px rgba(0,0,0,.1);box-shadow:2px 3px 3px rgba(0,0,0,.1);  }
.content .title{font-size:16px;padding-left:22px;line-height: 54px; border-bottom:1px solid #e4e4e4;}
.computer{ position: absolute;left:42px;top:100px; width:210px;height: 216px;background:url("../images/computer.jpg") no-repeat; }
.login-btn{ display: inline-block; width: 206px;height: 44px;background:url("../images/login_btn.png") no-repeat; overflow: hidden;text-indent: -999em; }
.tab{ padding:67px 0 0 266px; }
.tab li{ margin-bottom: 22px }
.tab .tit{display: inline-block; width: 62px; line-height: 30px}
.inp{width: 206px;height: 24px; border: 1px solid #e4e4e4; text-indent: 10px}
.tab .tit,.login-btn{*display:inline;zoom:1;}
.footer{ position: absolute;bottom:0;left:0;right:0;height: 50%; background-color: #eff0f2;border-top:1px solid #fff; z-index: 1; text-align: center; }
.footer img{ position:absolute; right: 0;bottom:0; }
.txt-hide{ visibility: hidden; }

.animated {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}