@charset "utf-8";
body,div,p,ul,ol,li,h1,h2,h3,h4,h5,dl,dt,dd,pre,fieldset,legend{ margin:0; padding:0;word-wrap:break-word}
body{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5; background:#000000 ; color:#3a6408}
a{ color:#000000; text-decoration:none; outline:none }
a:hover{ color:#ff0000; text-decoration:underline}
input,textarea{ font-size:12px;  }
select{font-size:12px;}
li{ list-style:none}
img{ border:0}

#fs_wrap{ width:1000px; margin:0 auto;background:#e4f2d6}
#header{ background:url(../images/head.jpg) no-repeat; height:334px ;text-indent:-9999px;}

#nav{ background:url(../images/middle.jpg) no-repeat; height:192px; position:relative}
#nav a{ position:absolute; width:190px; cursor:pointer; height:120px; left:68px; top:-3px; text-indent:-9999px;}
#nav .current a{ background:url(../images/hover.gif) no-repeat}
#nav a.s1{ left:229px;top:-4px;}
#nav .current a.s1{ background-position:-190px 0;}
#nav a.s2{ left:409px;}
#nav .current a.s2{ background-position:-380px 0;}
#nav a.s3{ left:599px;}
#nav .current  a.s3{ background-position:-570px 0;}
#nav a.s4{ left:758px;}
#nav .current a.s4{ background-position:-760px 0;}
#nav .n1 .move{ left:250px;}
#nav .n2 .move{ left:430px;}
#nav .n3 .move{ left:600px;}
#nav .n4 .move{ left:780px;}
.move{ display:none;  background:url(../images/move.gif) no-repeat; width:224px; height:42px; position:absolute; text-indent:-9999px; left:100px; top:120px}
#nav .current .move{ display:block}

#join{ background:url(../images/center.jpg) no-repeat; height:245px;}
#join a{color:#3a6408}
#join p{ width:760px; margin:0 auto; font-size:14px; padding-top:50px; line-height:1.8}
.c{ color:#c7450c}

.content{ width:750px; margin:0 auto; font-size:14px;  line-height:2}
.content h3{ background:url(../images/title1.gif) no-repeat; width:143px; height:36px; text-indent:-9999px; margin:10px 0;}
.content h3.s1{background:url(../images/title2.gif) no-repeat}

.sm{ background:url(../images/center1.jpg) no-repeat; height:142px;}
.sm .area{width:760px; margin:0 auto; padding-top:10px; line-height:2}
.sm .area h4{ font-size:12px;}
.sm a{ color:#3a6408}
#foot{ background:url(../images/foot.jpg) no-repeat; height:189px; text-align:center; padding-top:50px}

.login{ width:435px; position:absolute; top:250px; left:50%; margin-left:-217px;}
.login h3{ background:url(../images/title.gif) no-repeat; height:34px; line-height:34px; padding:0 10px; font-size:14px; color:#faffe0}
.login .area{ height:185px; background:#dcf3b8; border:1px #64861a solid; padding-top:20px;}
.login .area ul li{ font-size:14px; padding:0 0 10px 80px;}
.login .area ul li label{ float:left; margin-left:-50px; line-height:2}
.login .area ul li .txt{ width:290px; padding:5px; border:1px #92a43b solid; background:#f4fee4}
.login .btn{ background:url(../images/btn.gif) no-repeat; width:90px; font-weight:bold; cursor:pointer; height:31px; line-height:35px; font-size:14px; border:0; font-size:14px; color:#fff}
.login .tc{ text-align:center; padding:10px 0}
.login .img{ height:100px; padding:0 15px;}
.login .img img{ float:left}
.login .img p{ float:left; padding:40px 0 0 20px; font-size:14px;}
.login .img p.s1{ width:277px; padding:0 0 0 20px; line-height:2; font-size:12px;}
.login .img p.s1 strong{ color:#c7450c}


/* top */
#top_wraper{ height:80px; background: url(http://www.rexue.com/images/bar.gif) repeat-x;}
#top_header{ width:980px; margin:0 auto; height:78px; background:url(http://www.rexue.com/images/top.jpg) no-repeat;}
#top_header h1{ float:left; width:524px; height:70px; }
#top_header h1 a{ display:block; height:70px; text-indent:-9999px;}
#top_nav{ float:left; margin:9px 0 0 50px;}
#top_nav ul li{ float:left}
#top_nav ul li a{ display:block; position:relative; z-index:1; font-weight:bold; width:71px; height:34px; font-size:14px; color:#bfbdbe; padding-top:35px; background:url(http://www.rexue.com/images/nav.gif) no-repeat; color:#bfbebc; text-align:center}
#top_nav ul li a:hover,#top_nav ul li.current a{ background-position:0 -69px; color:#ffcc00}
#top_nav ul li ul{ display:none}
#top_nav ul li.current ul{ display:block; position:absolute; z-index:100; margin:-1px 0 0 -16px;}
#top_nav ul li.current ul{ width:85px; background:#1c2125; border:1px #000000 solid}
#top_nav ul li.current ul li a{ height:30px;  color:#fff;line-height:30px; width:85px; padding:0; border-bottom:1px #0f1214 solid; background:none; font-size:12px; font-weight:normal;}
#top_nav ul li.current ul li a:hover{ background:#18191d;}
#top_nav ul li a.s1{ background-position:-71px 0;}
#top_nav ul li a.s1:hover,#top_nav ul li.current a.s1{ background-position:-71px -69px;}
#top_nav ul li a.s2{ background-position:-142px -69px ;}
#top_nav ul li a.s2:hover{ background-position:-142px -69px; }
#top_nav ul li.current a.s2{ background-position:-142px -69px ; color:#ffcc00}
#top_nav ul li a.s3{ background-position:-213px 0 ;}
#top_nav ul li a.s3:hover{ background-position:-213px -69px ; }
#top_nav ul li.current a.s3{ background-position:-213px -69px ; color:#ffcc00}
#top_header .add{ float:right; padding:15px 20px 0 0; line-height:1.5 }
#top_header .add a{ display:block; color:#b2b2b2;}
#top_header .add a:hover{ color:#ffcc00; text-decoration:underline;}







