@charset "utf-8";
/* CSS Document */
html{ font-size:62.5%; overflow-y:scroll;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { padding:0;margin:0; font-size:12px; font-weight:normal;font-style:normal; text-decoration:none; word-wrap:break-word; word-break:break-all; }
ins,u,cite,i,em,b,label,span,strong{ font-size:inherit; padding:0; margin:0; font-weight:normal; font-style:normal; text-decoration:none; word-wrap:break-word; word-break:break-all; }
body { font:12px/1.5 "microsoft yahei",simsun,sans-serif; background:#f8f8f8;}
input[type="button"], input[type="submit"], button { cursor:pointer; noFocusLine:expression(this.onFocus=this.blur()); }
input[type="checkbox"] {margin: 3px 3px 3px 4px;}
table {	border-collapse:collapse; border-spacing:0; }
ul,ol,li{list-style:none;}
fieldset,img,iframe { border:none; }
textarea { resize:vertical; overflow-y:auto; outline-style:none; }
.cf{ zoom:1}
.cf:after,.cf:before{ content:""; clear:both; height:0px; overflow:hidden; display:block; visibility:hidden; }
.fl{ float:left; }
.fr{ float:right; }
.clear0{ clear:both; height:0; overflow:hidden; }

/* 新的习网登录 2012.2.26 */
.wrap { min-height:100%; }
img.logo {width:599px;height: 145px;margin: 20px auto 30px auto;display: block;}
.slideshow { position:relative; width:100%; overflow:hidden; height:460px; margin-bottom:20px; position:relative; overflow:hidden; }
.slideshow ul{ position:absolute; left:0; right:0; width:1000%; height:100%; zoom:1; }
.slideshow ul:before{ clear::both; content:""; visibility:hidden; display:block; }
.slideshow ul li{ float:left; width:10%; text-align:center; height:100%; }
.slideshow ul img{ height:100%; }
.login_form{ display:block; height:64px; margin:17px auto 0; padding: 0 0 0 18px; width:880px; zoom:1;}
.login_form:after{ content:""; clear:both; display:block; visibility:hidden; height:0px; overflow:hidden;}
.input_wrap,.input_icon,.input_icon_pass {background:url(../images/login.png) no-repeat; }
.input_wrap { background-position:0px 0px; width:293px; height:54px; position: relative; float:left; margin-right:10px;}
.input_wrap label{ width:240px; position:absolute; left:40px; top:0; height:54px; line-height:50px; font-family: "Microsoft Yahei",Tahoma, Arial, Helvetica, STHeiti; font-size:16px; color:#aaa; }
.input_icon,.input_icon_pass { display:block; float:left; width:25px; height:25px; background-position:-267px -69px; margin:10px 0px 0px 6px; }
.input_text { padding:10px 8px; width:230px; height:25px; line-height:25px; border:0 none; outline:none;font-family: "Microsoft Yahei",Tahoma, Arial, Helvetica, STHeiti;position: absolute; font-size:16px; z-index:20; color:#333; top:2px;
 background:url(../images/t.png)}
.input_icon_pass { background-position:-265px -175px;}
.input_wrap .tag{ color:#e00; width:250px; padding:0 10px; height:22px; line-height:22px; border:1px solid #fc0; border-bottom:0; background:#ffc; position:absolute; top:-23px; left:10px; border-radius:4px 4px 0 0; }
 
.arrow{ height:100%; width:79px; position:relative; }
.arrow i{ display:inline-block; vertical-align:middle; height:100%; width:0px; overflow:hidden;  }
.arrow_l{ background:url(../images/arrow.png) no-repeat; width:79px; height:70px; vertical-align:middle; display:inline-block;  outline:none;}
.arrow_l:hover{ background-position:0 -72px;}
.arrow_r{ background:url(../images/arrow.png) no-repeat 0 -144px; width:79px; height:70px; vertical-align:middle; display:inline-block; outline:none;}
.arrow_r:hover{ background-position:0 -215px;}
 
.input_button { background:url(../images/login.png) no-repeat 0px -139px; width:141px; height:51px; border:0 none; outline:none; float:left; cursor:pointer; margin-top:2px;}
.input_button:hover { background-position:0px -196px;}
.input_button:active { background-position:1px -194px;}
.login_form{ margin-top:20px; }
.more_dl { display:inline; width:120px; text-align:center;margin-top:-3px; float:left; margin-left:13px; color:#8f8f8f; position:relative; padding:15px 0 0; }
 
.m_qq {background:url(../images/login.png) no-repeat 0px -258px; vertical-align:middle; width:30px; height:30px; display:inline-block; margin:0px 3px;}
.m_sj {background:url(../images/login.png) no-repeat -40px -258px; vertical-align:middle; width:30px; height:30px; display:inline-block; margin:6px 3px;}

.auto_login { padding:5px 10px; color:#8f8f8f; position:relative; top:8px; z-index:100; float:left; width:880px; }
.auto_login:before,.auto_login:after{ content:"";clear:both;display:block; visibility:hidden; }
.auto_login a{ color:#8f8f8f;}
.auto_l{ *margin-top:-4px;}
.auto_l,.forgot_l{ width:35%; display:block; float:left;}
.auto_l input,.auto_l label{ vertical-align:middle; }
.forgot_l{ width:34%;}
.reg_l{ background:url(../images/login.png) no-repeat -281px -278px; padding-left:15px;}

.footer { color:#9ea0a3; width:100%; height:30px; overflow:hidden; font-size:12px; position:absolute; bottom:0; left:0;}
.footer_meta { width:542px; margin:0 auto 15px;}
.footer_meta a {color:#9ea0a3;}
.footer_meta a:hover{ color:#8f8f8f;}

/* 左右布局 */
.layout0{ width:900px; margin:0 auto; overflow:hidden; padding:20px 0; }
.layout0 .slideshow{ float:left; width:500px; height:330px; }
.layout0 .slideshow .arrow{ display:none; }
.layout0 .slideshow ul{ position:static;width:500px; height:100%; }
.layout0 .slideshow ul li{ float:none; width:500px; position:absolute; left:0; right:0;  }
.layout0 .login_form{ float:right; width:390px; height:300px; margin:0; padding:20px 0 0; position:relative; }
.layout0 .login_form .input_wrap{ float:none; margin:0 0 23px 40px;}
.layout0 .login_form .auto_login{ position:absolute; width:320px; top:160px; left:30px; z-index:400; }
.layout0 .login_form .input_button{ position:absolute; top:200px; left:40px; float:none;  }
.layout0 .login_form .more_dl{ position:absolute; top:200px; left:210px; float:none; display:block;  }