/*---------------------------
	Project Name:习网-快乐资源 common.css
	Version:1.0
	URI:http://resource.ciwong.com/
	Author:Clover
	Date:2008-12-11
---------------------------*/

* { margin: 0; padding: 0;outline:0;}
body { font:14px/18px Arial, "宋体", sans-serif; color: #333;}
a { color: #333; text-decoration: none;}
a:hover { color: #f00; text-decoration: underline;}
li { list-style: none;}
img { border: none;}
input,textarea{font-size: 14px;color: #333;}
table{border-collapse:collapse;}
.sb{font-weight: bold;color: #fff;border: 0;cursor: pointer;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { z-index:1}

/*-----------------------------------------------------------------*/
.systop{width: 100%;height: 27px;background: url(../images/topbg.gif) 0 0 repeat-x; font-size:12px}
.systop .systop_con{	width:980px; margin:0 auto;line-height:25px}
.systop .systop_con ul{float:left; width:600px}
.systop .systop_con ul li{	float:left; width:84px; border-right:1px #EFEFEF solid		}
.systop .systop_con ul li a{display:block;	padding:1px 14px 0;	color:#5a8a01;text-decoration:none; font-weight:bold;letter-spacing:1px}
.systop .systop_con ul li a:hover{	color: green; background-color:#cfeb9c	 }
.systop .systop_con span{ float:right}
.systop .systop_con span a{  padding:0 10px;color:green;text-decoration:none}
.systop .systop_con span a:hover{ color:#CC3300}
.systop .systop_con span b.cheng{ color:#CC3300}



/*page*/
.page {padding:3px;margin:10px 3px; text-align: right;font-size: 12px;font-family: "宋体";}
.page a{border: #999 1px solid;padding:3px 7px;margin: 2px; color:#7DBC11; text-decoration:none;}
.page a:hover,.page a:active{border:#639A05 1px solid;color:#7DBC11;text-decoration:none;background:#b2e05d;}
.page .current {border:#66990D 1px solid;padding:3px 7px;font-weight:bold; margin:2px;color: #fff;background:#7DBE0B}
.page .disabled {border: #ddd 1px solid;padding:3px 7px; margint:2px;color:#666;}
.page .txt, .page .btn{padding: 0;}
.page input{border:1px solid #999;width:30px;height:16px;margin:0 2px;padding: 1px 0;position: relative;top:1px;}
.page .btn input{border:0;background: transparent;cursor: pointer;height: 18px;padding-top: 0;}

.top{width: 100%;height: 191px;background: url(../images/head_bg.png) 0 0 repeat-x;}
/*@Header*/
#header{width: 960px;height: 150px;background: url(../images/head.jpg) 0 0 no-repeat;margin: auto;}
#header h1{float: left;width: 264px;height: 89px;background: url(../images/logo.png) 0 0 no-repeat;text-indent: -9999px;}
#header h1 a{display: block;width: 264px;height: 89px;}
#header .quick{float: right;background: url(../images/resource.png) 0 0 no-repeat;width: 264px;height: 26px;font-size: 12px;text-align: center;}
#header .quick li {display: inline;line-height: 22px;}
#header .quick li a{color: #499817;padding: 0 8px;}

#header #nav{margin: 33px 0 0 0px;display: inline;float: left;width:90%;}
#header #nav li {float: left;}
#header #nav li a{color: #679800;text-decoration: none;display: block;background: url(../images/resource.png) 0 -280px no-repeat;width: 93px;line-height: 28px;text-align: center;font-size: 14px;font-weight: bold;margin: 0 1px;}
#header #nav li.cur a, #header #nav li a:hover{background-position: 0 -308px;color: #fff;}
#header #nav li.up a{background-position: 0 -336px;color: #fff;}
#header #nav li.cur a, #header #nav li.up a{}

/*@Search*/
#search {width: 900px;margin: auto;margin-top: 6px;height: 34px;background: url(../images/resource.png) 10px -400px no-repeat;padding-left: 60px;font-size: 12px;}
#search fieldset{border: 0;padding-top: 4px;}
#search fieldset input.kw{height: 16px;width: 360px;padding-top: 2px;}
#search fieldset .sb{background: url(../images/resource.png) 0 -460px no-repeat;width: 61px;height: 24px;display: inline-block;margin: 0 5px;}
#search fieldset a.adv{font-weight: bold;padding: 0 10px;}
/*@Container*/
#container{width: 960px;margin: 10px auto;min-height:300px;}
/*box*/
#container .box{border: 1px solid #E2E0E1;width: 100%;position: relative;margin: 15px 0;}
#container .box .ltt{position: absolute;top:-1px;left:-1px;background: url(../images/resource.png) 0 -1200px no-repeat;width: 6px;height: 6px;overflow: hidden;}
#container .box .ltb{position: absolute;bottom:-1px;left:-1px;background: url(../images/resource.png) 0 -1206px no-repeat;width: 6px;height: 6px;overflow: hidden;}
#container .box .rtt{position: absolute;top:-1px;right:-1px;background: url(../images/resource.png) 0 -1212px no-repeat;width: 6px;height: 6px;overflow: hidden;}
#container .box .rtb{position: absolute;bottom:-1px;right:-1px;background: url(../images/resource.png) 0 -1218px no-repeat;width: 6px;height: 6px;overflow: hidden;}
#container .box .tab{ margin-bottom:30px;}

#container .main{width: 660px;float: left;}
#container .green{border-color: #5A9400;}
#container .orange{border-color: #DC6C00;}
#container .blue{border-color: #0095C5;}
#container .gray {border-width: 2px;height: 164px;}
#container .gray .ltt{background-position: 0 -1150px;width: 9px;height: 9px;top:-2px;left:-2px;}
#container .gray .ltb{background-position: 0 -1159px;width: 9px;height: 9px;bottom:-2px;left:-2px;}
#container .gray .rtt{background-position: 0 -1168px;width: 9px;height: 9px;top:-2px;right:-2px;}
#container .gray .rtb{background-position: 0 -1177px;width: 9px;height: 9px;bottom:-2px;right:-2px;}
#container .orange .ltt{background-position: 0 -1235px;}
#container .orange .ltb{background-position: 0 -1241px;}
#container .orange .rtt{background-position: 0 -1247px;}
#container .orange .rtb{background-position: 0 -1253px;}
#container .blue .ltt{background-position: 0 -1265px;}
#container .blue .ltb{background-position: 0 -1271px;}
#container .blue .rtt{background-position: 0 -1277px;}
#container .blue .rtb{background-position: 0 -1283px;}
#container .slide{height: 224px;border-color: #d3d3d3;}

/*@Main*/
.main .box h2.t1{float: right;width: 84px;line-height: 29px;text-align: center;color: #fff;font-size: 16px;background: url(../images/resource.png) no-repeat;margin-right: 30px;margin-top: -3px;}
.main .green h2.t1{background-position: 0 -760px;}
.main .orange h2.t1{background-position: 0 -789px;}
.main .blue h2.t1{background-position: 0 -818px;}
.main .box h4{float: right;width: 60px;text-align: center;color: #fff;font-size: 12px;background: url(../images/resource.png) no-repeat;margin:-25px 160px 0 0px !important;margin:-25px 80px 0 0px;padding:5px 0 2px; }
.main .green h4{background-position: 0 -885px;}
.main .orange h4{background-position: 0 -910px; margin-right:286px !important; margin-right:143px}
.main .blue h4{background-position: 0 -935px; margin-right:286px !important; margin-right:143px}


.main .box h4 a{ text-decoration:underline}
.main .box h4 a:hover{ text-decoration: none}

.main .hd{border-bottom: 1px solid;margin: 0 10px;}
.main .hd ul{clear:both;margin: 0 auto;width: 90%;padding: 0 20px;}
.main .hd ul li{float: left;margin: 0 1px;background: url(../images/resource.png) 0 -860px;width: 60px;line-height: 25px;text-align: center;cursor: pointer;}
.main .green .hd .on{background-position: 0 -885px;}
.main .orange .hd .on{background-position: 0 -910px;}
.main .blue .hd .on{background-position: 0 -935px;}
.main .hd ul li a{text-decoration: none;font-weight: bold;}
.main .orange .hd ul li.cur{background-position: 0 -910px;}
.main .blue .hd ul li.cur{background-position: 0 -935px;}

.main .bd {margin: 15px;line-height: 28px;}
.main .bd  li{border-bottom: 1px dashed #ccc;}
.main .bd  li a{padding: 0 10px;}

/*@Sidebar*/
#container .sidebar {width: 280px;float: right;}
.sidebar .quicklink{height: 43px;margin-top: 15px;width: 282px;}
.quicklink a{background: url(../images/resource.png)  no-repeat;width: 138px; height: 43px;text-indent: -9999px;}
.quicklink .sc{background-position: 0 -1300px;float: left;}
.quicklink .sc:hover{background-position: 0 -1343px;}
.quicklink .zsd{background-position: 0 -1386px;float: right;}
.quicklink .zsd:hover{background-position: 0 -1429px;}
/*login*/
iframe{ padding:0; margin:0;}
.login {padding: 0 15px;}
.login h2 { background: url(../images/resource.png) 0 -560px no-repeat; width: 248px;height: 32px;margin: 5px auto;text-indent: -9999px;}
.login ul{margin: 20px 0;}
.login ul li label{display: inline-block;width: 60px;margin-right: 5px;}
.login ul li.txt {margin-bottom: 5px;}
.login ul li.txt input{width: 90px;}
.login ul li.sb{float: right;}
.login ul li.sb input{width: 80px;height: 50px;background: url(../images/resource.png) 0 -640px no-repeat;border: 0;cursor: pointer;}
.login .reg{float: right;width: 80px;height: 30px;background: url(../images/resource.png) 0 -690px no-repeat;text-indent: -9999px;}
.login .m{padding-top: 8px;}
.login.ed h2{background-position: 0 -592px;}
.login.ed img{float: left;padding: 3px;margin: 15px 5px;border: 1px solid #ccc;}
.login.ed strong{color: #f60;}
.login.ed li em{font-style:normal;color: #f60;}
.login.ed li{line-height: 26px;}

.sidebar h2.col{position: absolute;top:-1px;left:-1px;background: url(../images/bar.png) 0 0 no-repeat;height: 30px;width: 250px;padding-left: 32px;font-size: 14px;}
.sidebar h2.col a{height: 30px;line-height: 30px;font-weight: bold;color: #fff;text-decoration: none;}
.sidebar h2.col .more{float: right;background: url(../images/bar.png) right -30px no-repeat;font-weight: normal;font-size: 12px;text-decoration: underline; padding-right:10px}
.sidebar h2.col .more:hover{text-decoration: none;}
.sidebar .orange h2.col{background-position: 0 -60px;}
.sidebar .orange h2.col a{background-position: right -90px;}
.sidebar .blue h2.col{background-position: 0 -120px;}
.sidebar .blue h2.col a{background-position: right -150px;}

.sidebar .ctn{margin-top: 40px;padding: 0 10px; margin-bottom:20px; }

.sidebar .hd{width: 250px;margin: 5px 0;text-align: right;padding-right: 10px;border-bottom: 1px solid;}
.sidebar .hd li{display: inline;}
.sidebar .hd li a{border: 1px solid;padding: 2px 8px;background: #fff;border-bottom: 0;display: inline-block;background: #eee;}
.sidebar .hd li.on a{position: relative;bottom:-1px;padding-bottom: 3px;background: #fff;}
.sidebar .bd {font-size: 12px;line-height: 26px;}
.sidebar .bd li span{float: right;}
.tab .bd{display: none;}
.tab .bd.on{display: block;}
/*border-color*/
.green .hd li a, .green .hd  {border-color: #5A9400;}
.orange .hd li a, .orange .hd  {border-color: #DC6C00;}
.blue .hd li a, .blue .hd  {border-color: #0095C5;}

.form dfn{color: #f00;padding: 0 5px;}
.form span{font-size: 12px; color: #999;}
.pos{border-bottom: 1px solid #ccc;font-size: 12px;line-height: 28px;}
.filter{margin: 10px 0;}
.filter .sb{background: url(../images/resource.png) 0 -460px no-repeat;width: 61px;height: 24px;cursor: pointer;display: inline-block;margin: 0 5px;}

/*@List*/
#list {text-align: center;width: 100%;line-height: 28px;}
#list th{background: #AEDD27;text-align: center;color: #fff;}
#list th a{color:#fff;}
#list th .f12{font-size: 12px;}
#list td{padding: 0 10px;border-bottom: 1px dashed #ccc;color: #777;}
#list td a{padding: 0 4px;}
#list .odd td{background: #efe;}
#list .t{text-align: left;}
#list .rank{display: block;}
.rank{display: inline-block;vertical-align: middle;width: 95px;background: url(../images/resource.png) no-repeat;height: 16px;text-indent: -9909px;overflow: hidden;}
.r0{background-position: 0 -144px;}
.r1{background-position: 0 -160px;}
.r2{background-position: 0 -176px;}
.r3{background-position: 0 -192px;}
.r4{background-position: 0 -208px;}
.r5{background-position: 0 -224px;}




/*@Page资源详细页*/
.noH{height: auto!important;padding-bottom: 10px;}
.main h2.t2{background: #ADDD27 url(../images/page.png) 5px 5px no-repeat;text-indent: 25px;font-size: 14px;line-height: 26px;color: #fff;border-bottom: 1px solid #5A9400;}
.main .thumb {width: 200px;border-right: 1px dotted #999;margin-top: 10px;text-align: center;float: left;}
.main .thumb img{background: #fff;padding: 3px;border: 1px solid #ccc;width: 148px;height: 148px;display: block;margin: auto;margin-bottom: 30px;}
.main .thumb dfn{font-style:normal;color: #fff;display: inline-block;background: url(../images/page.png) 0 -40px no-repeat;height: 30px;overflow:hidden;line-height: 30px;text-align: center;}
.main .thumb dfn strong{display: inline-block;background: url(../images/page.png) right -70px no-repeat;height: 30px;padding: 0 15px;}
.main .detail {margin: 10px;margin-bottom: 0;float: left;width: 420px;}
.main .detail .lists{height: 180px;}
.main .detail .lists li{width: 210px;float: left;line-height:30px;}
.main .detail .lists li strong{display: inline-block;width: 70px;}
.main .detail .tool {float: left;}
.main .detail .tool li{float: left;text-indent: -9999px;margin: 0 3px;display: inline;}
.main .detail .tool li a{background: url(../images/page.png) no-repeat;display: block;width: 99px;line-height: 26px;}
.main .detail .tool li a.down{background-position: 0 -220px;}
.main .detail .tool li a.c{background-position: 0 -246px;}
.main .detail .tool li a.rec{background-position: 0 -272px;}
.main .detail .tool li a.com{background-position: 0 -298px;}

.main h2.t3{background: url(../images/page.png) 0 -180px no-repeat;font-size: 14px;color: #fff;height: 32px;line-height: 25px;text-indent:5px;margin-bottom: -15px;}
.main h2.t3 a{float: right;font-size: 12px;font-weight: normal;}
.main .box p{margin: 10px;text-indent: 24px;line-height: 24px;}
.main .comment {font-size: 12px;border: 0!important;}
.main .comment li h3 {font-size: 12px;font-weight: normal;height: 28px;line-height: 28px;padding: 0 25px;background:#eee url(../images/page.png) 5px -334px no-repeat;}
.main .comment li h3 span{float: right;}
.main .comment li h3 span a{padding: 0 5px;}
.main .comment li h3 .re{display: inline-block;padding-left:17px;background: url(../images/page.png) 0 -365px no-repeat;}
.main .comment li h3 .good{display: inline-block;padding-left:20px;background: url(../images/good.gif) 0 4px no-repeat;}
.main .comment li h3 .bad{display: inline-block;padding-left:20px;background: url(../images/bad.gif) 0 4px no-repeat;}
.main .comment textarea{overflow: auto;display: block;margin-bottom: 10px;padding: 3px;line-height: 20px;font-size: 12px;width: 654px;}
.main .comment input.yzm{width: 50px;}
.main .comment img.yzm{vertical-align: top;cursor: pointer;}
.main .comment .sb{display: block;background: url(../images/page.png) 0 -400px no-repeat;width: 80px;height: 30px;border: 0;color: #fff;cursor: pointer;font-weight: bold;margin: 10px auto;}
.rate {margin-bottom: 10px;width: 100%;}
.rate label{vertical-align: 3px;padding-right: 12px;}
/*@Adv高级搜索*/
.form  p{font-size: 12px;color: #7DBF0D;}
.form .main h2{background: url('../images/search_bg.png') no-repeat 0 0;
width: 660px;height: 80px;text-indent: -9999px;margin-top:15px;
}
.form .main h3{background: url('../images/know_bg.png') no-repeat 0 0;
width: 660px;height: 168px;text-indent: -9999px;margin-top:15px;
}
.form .main h4{width: 660px;height: 168px;text-indent: -9999px;margin-top:15px;}
.form .main h4.k{background: url('../images/kaoti_bg.png') no-repeat 0 0;}
.form .main h4.k02{background: url('../images/kaoti02_bg.png') no-repeat 0 0;}
.form .main h4.k03{background: url('../images/kaoti03_bg.png') no-repeat 0 0;}
.form .main ul{margin: 0 15px;}
.form .main li {line-height: 24px;margin: 10px 0;}
.form .main li label{display: inline-block;width: 100px;text-align: right;margin-right: 15px;}
.form .main li .sb{background: url('../images/page.png') 0 -470px;
width: 120px;height: 30px;display: inline-block;margin: 10px 0;
}

/*   知识点   */
.form .main .know {width: 620px; margin:0 auto;padding:10px;}
.form .main .know .knowbox { clear:both;margin-top:5px;}
.form .main .know .knowleft {width: 275px; margin:0 15px;padding:0px; float:left;overflow:hidden; clear: both}
.form .main .know .knowright {width: 275px; margin:0 15px;padding:0px; float:left;overflow:hidden; }
.form .main .know h1{background: url(../images/resource.png) 0 -1500px no-repeat;height: 35px;margin-top:0px; line-height:35px; font-size:14px;color:#339933;padding:5px 0 0 45px;}
#knowli ul {margin:0px; font-size:14px;color:#E29B35;padding:0px; }
#knowli li a {background: url(../images/resource.png) 0px -1545px no-repeat;height: 18px;margin-top:0px; line-height:18px; font-size:14px;color:#C16412;padding:2px 0 0 30px; text-decoration:none;border-bottom:1px #CECCCC dashed; display:block}
#knowli li a:hover{color:#983108;text-decoration:none; font-weight:bold;

}
/*   考题资源   */
.form .main .kaoti {width: 620px; margin:0 auto;padding:10px 5px;}
.form .main .kaoti .kaotibox { clear:both;margin-top:5px;}
.form .main .kaoti h1{background: url('../images/resource.png') no-repeat 0 -1500px;margin-top:0px;  font-size:14px;color:#339933;padding:12px 0 5px 45px; border-bottom:1px #CFDF8E solid}
.form .main .kaoti h1 span{ float:right;padding-right:6px}
.form .main .kaoti h1 span a{ color:#669900;text-decoration:underline}
ul.kaotilb {margin:0px 0px; font-size:14px;color:#E29B35;padding:0px; }
ul.kaotilb li a {height: 18px;margin-top:0px; line-height:16px; font-size:14px;color:  #5D5D5D;padding:0px 0 0 0px; text-decoration:none;border-bottom:1px #CECCCC dashed; display:block}
ul.kaotilb li a:hover{color: #669900;text-decoration:none; font-weight:bold;}

/*@My我的资源*/
.my .main .wel{border-bottom: 1px dashed #8AAE1F;padding: 10px;}
.my .main .wel img{float: left;padding: 3px;border: 1px solid #ccc;margin-right: 10px;}
.my .main .wel li{line-height: 26px;}
.my .main .wel li a{padding: 0 20px;}
/*
.main  h2.t4{background:#B0DE27 url(../images/page.png) 0 -530px no-repeat;color: #fff;font-size: 14px;text-indent: 32px;margin-top: 15px;}
.main  h2.t4 span{display: block;background: url(../images/page.png) right -560px no-repeat;height: 30px;overflow: hidden;line-height: 32px;}
*/
.my .main .box .bd {margin: 10px;line-height: 24px;}
.my .main .box .bd li{border-bottom: 1px dashed #ccc;}
.my .main .box .bd li.od{background: #efe;}
.my .main .box .bd li a{color: #f00;}
.my .sidebar ol li {margin: 3px 0;}
.my .sidebar ol li a{display: block;text-indent: 40px;line-height: 36px;color: #fff;font-size: 14px;font-weight: bold;background:#b3df26 url(../images/page.png) right -636px no-repeat;height: 36px;border: 1px solid #fff;border-width: 1px 0;}
.my .sidebar ol li.cur a{background:#F0F9D4 url(../images/page.png) right -600px no-repeat;border-color: #7CA800;color: #87A93E;}
.my .sidebar .ctn{padding: 0;}


.my .main .box .myt {margin: 10px;}

/*新单页加入*/
.ty{width:660px;height:80px;overflow:hidden;background: url(../images/ty.jpg) 0 0 no-repeat;;margin-bottom:10px;}
.ty a{ color: #CC3300;font-size:0px;  display:block; text-decoration: none; letter-spacing:0.1em ;width:100%;height:80px;text-indent:-9999px;}

.laoshi{ margin-bottom:10px}
.laoshi h3{background: url(../images/ls.gif) 0 0px no-repeat; padding-left:25px; line-height:23px;font-size:14px;color:#669900; border-bottom:1px #8acf00 solid;margin-top:10px}
.laoshi h3 span{ float:right;font-size:12px;font-weight:normal}

.laoshi h4{line-height:37px;font-size:12px;color:#669900; border:1px #9fd477 solid;margin:5px 0;text-align:center;background-color:#fbfde7}
.laoshi h4 a{ color: #568905}
.laoshi h5{  height:13px;display:block;background: url(../images/jt.gif) center center no-repeat;}
 
.laoshi ul{}
.laoshi ul li{ font-size:12px;border-bottom:1px #ccc dashed; padding:8px 8px 5px 10px}
.laoshi ul li span{ float:right }

 
 

/*@Upload上传*/
.upload .main h2{background: url(../images/up.png) 0 0 no-repeat;}
.upload .main textarea{width: 500px;overflow: auto;padding: 3px;font-size: 12px;line-height: 20px;}
.upload .main li label{float: left;min-height:18px;}
.upload .main li label.rd{width: auto;float:none;}
.upload .main select{width: 90px;}
.upload .main #fileup{height: 20px;}
.upload .main .class1, .upload .main .class2, .upload .main .class3 {display: none;}
.upload .main .cla1 .class1{display: block;}
.upload .main .cla2 .class2{display: block;}
.upload .main .cla3 .class3{display: block;}

form span.error{visibility: hidden;color: #f00;}
form span.error.on{visibility: visible;}

.links{}
.links a{width: 280px; height: 80px; display:block;margin:5px 0 8px}
.links a.one{background: url(../images/rlink01.jpg)  no-repeat;}
.links a.two{background: url(../images/rlink02.jpg)  no-repeat;}
.links a.three{background: url(../images/rlink03.jpg)  no-repeat;}


/*Footer*/
#footer{clear:both;font-size: 12px;width: 100%;height: 120px;text-align: center;border-top: 4px solid #8DC11D;}
#footer ul{padding-top: 20px;}
#footer ul li{display: inline;padding: 0 10px;border-right: 1px solid #5B731F;line-height: 14px;}
#footer p{margin: 5px;}