@charset "gb2312";
/* CSS Document */


body{font-family:"微软雅黑",Arial,"宋体"; width:100%;font-size:12px;background:#f8f8f8;color:#333;margin:0;padding:0;background-image:url(images/bodybg.png);}
div,form,img,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;}
li{list-style:none;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,p,select,td{margin:0;padding:0;font-size:12px;}
.wrap:after,.cf:after{content:"";display:table;clear:both}  
.cf,.wrap{*zoom:1}
.clear{ clear:both;}
a{text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
.mainbox{width:185px; height:200px; position:absolute; left:50%; top:35%;}
.loginbox{ width:330px; height:360px; padding:20px;position:relative; left:-100%; top:-70%;}
.header{ width:370px; height:95px; background-image:url(images/loginTop.png); position:absolute; left:0px; top:0px;}
.concent{ width:330px; height:254px; background-color:#fcfcfc; margin-top:75px; padding-top:31px; position:relative; float:left;}
  .textinput{ width:272px; height:53px; padding:0 13px; margin:7px auto 0 auto; position:relative;}  
  .textinput input{ width:272px; height:43px; padding:5px 0px; margin:0px; border:none; outline:none; background-image:url(images/boxbg.png); background-position:0 -146px; background-color:transparent; font-size:20px; color:#333;}
  .inputleft{ width:13px; height:53px; position:absolute; background-image:url(images/boxbg.png); background-position:-26px -40px; top:0px;*top:1px; left:0px; background-repeat:no-repeat;}
  .inputright{ width:13px; height:53px; position:absolute; background-image:url(images/boxbg.png); background-position:-0px -199px; top:0px;*top:1px; right:0px; background-repeat:no-repeat;}
  .texticon{ width:26px; height:27px; background-image:url(images/boxbg.png); background-position:-13px -199px; position:absolute; right:15px; top:13px;}
  .pwicon{width:23px; height:28px; background-image:url(images/boxbg.png); background-position:-13px -280px; position:absolute; right:17px; top:13px;}
  .verificationbox{ display:none;}
  .textinput .verification{ float:left; width:175px; height:53px; position:relative;}
  .textinput .verificationimg{ width:89px; height:45px; position:absolute; right:4px; top:4px; background-color:#339933;}
  .textinput .verification input{width:175px;}
  .textinput .verification .inputleft{left:-13px;}
  .textinput .verification .inputright{right:-13px;}
  .inputfocus .inputleft{ background-position:-0px -40px;}
  .inputfocus .inputright{background-position:-13px -40px;}
  .inputfocus  input{ background-position:0 -93px; color:#333333;}
  .inputfocus .texticon{background-position:-13px -226px;}
  .inputfocus .pwicon{background-position:-13px -308px;}
  .pwwrong .pwicon{background-position:-13px -336px;}
  .pwwrong .texticon{background-position:-13px -253px;}

  .btnbox{ width:272px; height:37px; padding:0 13px;margin:11px auto 0 auto;}
  .signinbtn:link,.signinbtn:visited{ width:87px; height:37px; background-image:url(images/btn.png); background-position:0 0; float:right; text-align:center;color:#FFFFFF; font-size:18px; line-height:37px;}
  .signinbtn:hover{ background-position:0 -37px;}
  .signinbtn:active{ background-position:0 -74px;}
  .loginbtn{ width:87px; height:37px; background-image:url(images/btn.png); background-position:-87px 0; float:right; margin-left:15px; margin-right:-9px;text-align:center; color:#FFFFFF; font-size:18px;line-height:37px;}
  .loginbtn:hover{ background-position:-87px -37px;}
  .loginbtn:active{ background-position:-87px -74px;}
  
  .regbtn:link,.regbtn:visited{ width:87px; height:37px;  background-position:0 0; float:right; text-align:center; font-size:16px; line-height:37px;}
  .regbtn:hover{ background-position:0 -37px;}
  .regbtn:active{ background-position:0 -74px;}

  .prompt{ width:100%; height:18px; position:absolute; bottom:0px; left:0px; text-align:center; color:#CCCCCC;}
  .copyright{ width:100%; text-align:center; font-size:14px; color:#CCC; position:absolute; bottom:20px;}
  .copyright a:link,.copyright a:visited{color:#CCC;}
  .copyright a:hover,.copyright a:active{color:#cb3d3d;}
  .mainbg{ width:100%; height:253px; background-image:url(images/mainbg.png); background-position:center; position:absolute; top:35%; z-index:-1; background-repeat:no-repeat; display:none;}
  .mainbg img{ display:none;}
  
  
.leftbottombg{ width:20px; height:20px; background-image:url(images/boxbg.png); background-position:0 -20px; background-repeat:no-repeat; position:absolute; left:0px; bottom:0px;}
.rightbottombg{ width:20px; height:20px; background-image:url(images/boxbg.png); background-position:-20px -20px;  background-repeat:no-repeat;position:absolute; right:0px; bottom:0px;}
.bottombg{ width:100%; height:20px; background-image:url(images/boxbg.png); position:absolute; right:0px; bottom:-20px;}
.leftbg{ width:20px; height:285px; background-image:url(images/boxbg2.png);background-position:0px 0; position:absolute; left:-20px; top:0px; }
.rightbg{ width:20px; height:285px; background-image:url(images/boxbg2.png); background-position:-20px;  position:absolute; right:-20px;top:0px;}