*{ margin:0; padding:0;
}
body {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;background:#ffffff ;line-height:20px;color:#3f3f3f
}
a { text-decoration:none; color:#3f3f3f;outline:none;
}
a:hover {color:#43a9d2;text-decoration: underline;
}
a.colora{color:#aaa9a7}
a.coloro{color:#0281ca}
a.colorb{color:#0F70BF}
a.colorh{color:#f1a400}
a.red{color:#ec6941;}
a.underline{ text-decoration:underline;
}
ul li { padding:0; margin:0; list-style:none;
}
img {border:0;
}
.spacing10{margin-top:10px;}
.spacing20{margin-top:20px;}
.notel{float:left
}
.noter{float:right
}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
em{font-style:normal}

/**headerBao**/
#headerBao{width:100%; background-color:#0099ff
}

.abouttop {width:930px;
}
.abouttop em{margin:20px 0 0 15px; font-size:13px;float:left;display:inline;color:#F7E5D4;
}
.abouttop em a{color:#F7E5D4;
}

.abouttop em a:hover{ color:#DBC500
}
.abouttop .snav ul{width:220px;height:23px;font-size:12px;background:url(../images/notebtn.png) no-repeat left 5px;float:right; margin-top:10px
}
.abouttop .snav ul li{line-height:23px;float:left;font-family:'Verdana';
}
.abouttop .snav ul li a{padding:0 15px 0 19px;color:#F7E5D4
}

/*----------search------------*/

#search { background:url(../images/sreach.png) no-repeat; width:233px; height:28px;float:right;position:relative;margin:10px -60px 0 0;display:inline
}
#searchBox { background:url(../images/searchbg.png) no-repeat; width:276px; height:28px;margin:0 auto;
}
#searchBox input,#search input { height:20px;padding:5px 5px 0;color:#6f6f6f;width:190px; border:0; float:left; background:none;  font-size:13px;
}
#searchBox input{width:232px}
#searchBox button,#search button { float:right; border:none; padding:0; height:25px; width:28px; background:none;cursor:pointer;
}


#header {width:1000px;height:92px;margin:0 auto;position:relative; background:url(../images/logo.png) no-repeat 20px 4px; 
}
#header .logo{float:left;display:inline;
}
#header .hi{float:left;margin:-15px 8px 0 110px;display:inline;height:40px; 
}
#header .hi em{width:35px;height:40px;background:url(../images/hibtn.png) no-repeat left 5px;
}


#header .hi .name{
	font-size:14px;
	color:#F7E5D4;
	font-weight:bold;
	position:absolute;
	left:298px;
	top:13px;
}
.gider{
	position:absolute;
	z-index:500;
	left:387px;
	top:11px;
	background:url(../images/mynote.png) no-repeat center -1px;
	cursor:pointer;
}
#gear a {display: block;}
#gear a:hover {}
#gear li { width:98px;}
#gear li a:hover{}
#gear li ul {line-height: 22px;left: -999em; width: 88px;top:0; position: absolute;z-index:5000;background:url(../images/mygear.png) no-repeat;padding:25px 0 20px 10px;}
#gear li ul li{width: 75px;clear:both;}
#gear li ul li p{float:left}
#gear li ul a{display: block;background:none; color:#FFFFFF}
#gear li ul a:hover  {text-decoration: underline;}
#gear li:hover ul { left: 0;}
#gear li.sfhover ul {left: 0;}
#header .hi .gear{
	width:88px;
	height:113px;
	position:absolute;
	z-index:20;
	left:349px;
	top:14px;
	background:url(../images/mynote.png) no-repeat center -1px;
}
#header .hi .mygear{border:solid 1px #FFFFFF; width:68px;height:113px; line-height:22px;padding:25px 10px;background:url(../images/mygear.png) no-repeat;color:#fff;font-size:13px;display:none;
 }
#header .hi .mygear a{color:#fff;
}

#header .hi .utext{
	position:absolute;
	left:487px;
	top:15px;
	color:#F7E5D4;
	font-size:13px
}
#header .hi .why{
	position:absolute;
	left:407px;
	top:15px;
	color:#F7E5D4;
	font-size:13px
}

#header .hi a:hover{
color:#DBC500;
text-decoration:underline
}
#header .hi .utext a, #header .hi .why a{
color:#DBC500
}

#header .login{height:18px;display:block;position:absolute;left:285px; top:10px; background:none; font-size:14px; color:#FFFFFF; font-weight:bold
}
#header .join{width:77px;height:18px;display:block;position:absolute;left:345px; top:15px; background:none;font-size:14px;
}
.menu_iframe{
	width:88px;
	height:113px;
	filter: Alpha(Opacity=0);
	position:absolute;
	opacity:0;
	position:absolute;
	visibility:inherit;
	width:110px;
	z-index:-1;
	top:-7px;
	left:2px;
}

/*-Top Nav-------------*/
#tnav{clear:both; float:right;margin:12px 10px 0 0}

#tnav,
.sectionnav{
	height:20px;
	margin-bottom:10px;
	font-size:10px;

}

#tnav ul,
.sectionnav ul{
	margin:0;
	padding:0;
	border:0
}

#tnav li,
.sectionnav li{
	list-style:none;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}

#tnav a,
.sectionnav a{
	display:block;
	float:left;
	width:138px;
	margin:0;
}

#tnav a{
	font-weight:bold;
	text-decoration:none;
}

#tnav ul li a,
#tnav ul li a:hover,
#tnav ul li.current a{
	width:138px;
	width /**/ :147px; /* IE 6 hack */
	margin:0 2px 0 0;
	border-bottom:5px solid white;
	padding:3px;
	background-image:none;
	text-align:center;
	text-transform:none;
	color:#FFF;
	border-color:#0099ff;
}

#tnav > ul li a,
#tnav > ul li a:hover,
#tnav > ul li.current a{
	width:138px;
	margin-right:5px;
}

#tnav li#tn_tests a{background-color:#126EC1;}

#tnav li#tn_tests a:hover,
#tnav li#tn_tests.current a{border-bottom-color:#BBD9F1;}

#tnav li#tn_plan a{background-color:#614FA3;}

#tnav li#tn_plan a:hover,
#tnav li#tn_plan.current a{border-bottom-color:#CFC6F3;}

#tnav li#tn_csearch a{background-color:#C04B2A;}

#tnav li#tn_csearch a:hover,
#tnav li#tn_csearch.current a{border-bottom-color:#DBA49D;}

#tnav li#tn_apply a{background-color:#EDAA25;}

#tnav li#tn_apply a:hover,
#tnav li#tn_apply.current a{border-bottom-color:#F5F0B8;}

#tnav li#tn_pay a{background-color:#018843;}

#tnav li#tn_pay a:hover,
#tnav li#tn_pay.current a{border-bottom-color:#C3E0CE;}

/*header*/
#content{width:100%;
}
#content:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;
}
#index{width:1000px;margin:0 auto;padding-bottom:30px;
}
.articbg{background:#ffffff url(../images/artibg.png) repeat-x 0 bottom;}
.albg{background:#ffffff url(../images/conterbg.png) repeat-x;}

/** public class **/

#wrapper {width:966px;margin:0px auto;
}
#wrapper:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;
}
.step {width:100%;
}
.step:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;
}

.sunavBao{width:980px;float:right;}
.sunav{height:30px;line-height:30px;font-size:13px;float:left;}


/*-------------------------------------main */

#main{width:537px;float:left;}
.headertitle{height:35px;line-height:35px;margin-top:12px;overflow:hidden;}
.headertitle .edith{width:21px;height:35px;display:block;float:left;background:url(../images/edit.png) no-repeat 0 10px;}

.headertitle p a{padding-right:10px;display:inline;}
.headertitle p span{color:#bababa;background:url(../images/arrow.png) no-repeat 125px 1px; padding-right:30px;}
.note_300{width:225px;line-height:35px;}
.headertitle p em a{font-style:normal;width:55px;height:30px;line-height:30px;color:#ffffff;text-align:center;background:url(../images/notebtn.png) no-repeat left -260px;display:block;float:right;padding-left:7px;}
.headertitle p em a:hover{color:#ffffff;}

.nitebox{width:517px;height:465px;overflow-y:auto;border-top:#c9c9c9 1px dashed;padding:10px;}
.nitebox h2{font-size:16px;color:#222222;text-align:center;font-family:'Arial Black';height:25px;}
.nitebox p.fubiao{text-align:right;color:#9a9998;height:25px;line-heihgt:25px;}
.nitebox p.fubiao a{padding:0 5px;}
.nitebox p.fubiao a.keep{padding-left:25px;font-size:14px;}
.nitebox p.textbox{font-size:14px;margin-top:10px;font-family:'Verdana'}
.nitebox p.textbox a:hover{background:#a1c5f3;color:#ffffff;}


/* ------------------------------------- sidebar area  */

#sidebar {width:405px;float:right;}

ul.sidnav{width:400px;height:35px;margin-top:15px;position:relative;z-index:200px;margin-bottom:-5px;}
ul.sidnav li{height:30px;float:left;font-size:14px;}
ul.sidnav li a{height:35px;line-height:35px;background:url(../images/notebtn.png) no-repeat;display:block;text-align:center;float:left;color:#9f9f9f;}
ul.sidnav li a:hover,ul.sidnav li a.on{color:#43a9d2;text-decoration:none}
ul.sidnav li.sn a{width:57px;margin-right:6px;background-position:left -346px;display:inline;_margin-right:4px }
ul.sidnav li.sn2 a{width:77px;background-position:-65px -346px;margin-right:45px;_margin-right:22px}
ul.sidnav li.sn3 a{width:47px;background-position:-148px -346px;margin-left:5px;_margin-left:3px}
ul.sidnav li.sn a.on,ul.sidnav li.sn a:hover{background-position:left -418px; }
ul.sidnav li.sn2 a.on,ul.sidnav li.sn2 a:hover{background-position:-65px -418px;}
ul.sidnav li.sn3 a.on,ul.sidnav li.sn3 a:hover{background-position:-148px -418px;}
.sidebox{width:405px;height:485px;overflow-y:auto;background:#f7f9ff;border:#8cc5dc 1px solid;}

.boxheader{height:30px;line-height:30px;background:#ffffff;text-align:right}
.boxheader a{padding:0 5px;color:#6e6e6e}
.boxheader a.on,.boxheader a:hover{color:#43a9d2;text-decoration:underline;}
.boxconten{width:366px;border-bottom:#c2c2c2 1px dotted;margin:0 auto;padding:8px 0}
.boxconten p{line-height:18px;color:#555555}
.boxconten p a.color9c{color:#99c000;text-decoration:underline;}
.boxconten p a.color9a{color:#9a9998;text-decoration:underline;}
.boxconten p a.bg9c{background:#43a9d2;padding:0 2px;color:#ffffff;margin:0 3px;}
.boxconten p a.bgab{background:#ababab;padding:0 2px;color:#ffffff;margin-left:8px;}
.boxconten p em{font-style:normal;float:right;}
.boxconten p span.color9c{color:#43a9d2;padding:1px 2px;}
.boxconten p span.colorf1{color:#f1a400;}
.boxconten p span.color2{color:#222222;font-weight:bold;font-size:14px;}
.boxconten p span.color8{color:#808080;padding:0 5px;}


/* commentform */
.edit{width:325px;}
.edtop{width:305px;height:24px;background:url(../images/notebtn.png) no-repeat left -472px;padding:4px 10px;}

.close{width:100%;text-align:right;color:#227048;display:block;font-style:normal;cursor:pointer;}
.edit .edft{width:324px;height:15px;background:url(../images/notebtn.png) no-repeat left -524px;overflow:hidden;}
.edit .edct{width:290px;background:url(../images/editct.png) repeat-y;overflow:hidden;padding:5px 25px 5px 9px;_padding:5px 25px 0px 9px;}


.notice{width:304px;height:133px;background:url(../images/noticebg.png) no-repeat;padding:4px 10px}
.notice p{font-size:14px;margin:25px 0 0 85px;width:180px;}
.notice p.jd{font-size:14px;margin:10px 0 0 85px;}
.notice p.jd a{width:70px;height:30px;line-height:30px;color:#ffffff;text-align:center;background:url(../images/notebtn.png) no-repeat left -260px;display:block;float:right;margin:0;}


.dictionary{width:378px;}
.dictionarytop{width:358px;height:24px;background:url(../images/notebtn.png) no-repeat left -630px;padding:4px 10px;}
.dictionaryft{width:378px;height:15px;background:url(../images/notebtn.png) no-repeat left -690px;overflow:hidden;}
.dictionaryct{width:346px;background:url(../images/czdct.png) repeat-y;overflow:hidden;padding:15px 15px 5px;}
.dictionaryct ul{margin-top:10px;}
.dictionaryct ul li{padding:5px 10px;border-top:#c4c4c4 1px dashed;line-height:18px;}
.dictionaryct ul li.on{background:#edf0fa;border-top:0}
.dictionaryct p{width:200px;float:right;margin:10px;}


#commentform {margin:10px 0 0 5px;
}
#commentform p{margin-top:10px;display:block;overflow:hidden;
}
#commentform p em,.dictionaryct p em{height:40px;line-height:40px;float:left;font-size:13px;font-style:normal;margin-left:10px;display:inline;
}
#commentform p.editbtn{text-align:right;height:20px;padding:0;margin:0;position:relative;margin-bottom:-6px;
}
#commentform label {color:#6e6e6e;padding-left: 5px;float:left;width:35px;
}
#commentform label img{margin-left:15px;
}
#commentform label em {margin:70px 0 0 0;_margin:75px 0 0 0;line-height:15px;
}



#commentform input {width: 242px;border: 1px solid #c7c7c7;float:left;display:inline;height:22px;color:#000000;
}
#commentform textarea {width:240px;height: 150px;
border: solid 1px #c7c7c7;
}
#commentform #submit,.dictionaryct #choose {float:left;margin-left:80px;display:inline;background:url(../images/notebtn.png) no-repeat scroll left -260px;border: none;width:72px;height: 30px;color:#ffffff;cursor:pointer;
}
/* ------------------------------------- footer area  */
#footerBao { width:90%;height:46px;background:url(../images/footer_bg.png) repeat-x;margin:0 auto;
}
#footer {height:46px;padding:0 30px;font-size:12px;
}
#footer p{line-height:46px;color:#5d5d5d;
}
#footer p a{color:#0099ff;
}

/* ------------------------------------- add_article  */
.article{width:799px;height:723px;background:url(../images/article.png) no-repeat left 10px;margin:0px auto;clear:both;
}
.article ul{ width:720px;margin:0px auto;padding-top:25px;_padding-top:35px;
}
.article ul li{ font-size:14px;display:block;margin-top:10px;_margin-top:8px;
}
.article ul li.h35{height:40px;
}
.article ul li.h70{height:64px;
}
.article ul li.h29{height:320px;
}
.article label{display:block; float:left; width:90px;text-align:left; display:inline; color:#7b7b7b;font-size:14px;padding-left:15px;
}
.article label.xing,.rightjoin label.xing{background:url(../images/biaozu.png) no-repeat left center;
}
.article input{ width:388px;
}
.article .idxBox{ width:590px;
}
.article .idxBox .xcontent .art{background:none;text-indent:0;height:25px;padding:2px 0 1px}
.article .idxBox .xcontent{width:580px}
.article .idxBox .xcontent .artbtn{background:url(../images/joinbtn.png) no-repeat -338px -95px;width:175px;float:right;}
.article textarea{ width:570px;height:293px;
}
.article label em{ font-style:normal;padding-right:5px; font-size:15px; color:#ff0000
}
.article select{line-height:normal;
}
.article .str_300{ width:300px;
}
.article .str_80{ width:80px;

}
.article .str_90{ width:90px;
}
.article .str_30{ width:40px;
}
.article .str_560{ width:565px;
}
.mleft20{ margin-left:20px;display:inline
}
.mleft8{ margin-left:8px;display:inline
}
.mleft15{ margin-left:15px;display:inline
}
.article select, .article textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #9FBBCD;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
color:#898989;
padding:3px;
}
.article input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #9FBBCD;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
color:#898989;
padding:6px;
}
.article input.str_80,.article input.str_30, .article input.str_120{padding:4px 0}

#tijiao{float:right;margin-right:25px;display:inline;background:url(../images/notebtn.png) no-repeat scroll left -260px;border: none;width:72px;height: 30px;color:#ffffff;cursor:pointer;font-weight:bold;
}
.answer{ width:700px; margin:0 auto}
.answer table{ width:700px; border:0}
.answer td{ padding:4px 2px 4px 2px;border-bottom:dashed 1px #cccccc}
.answer input{ margin-top:3px; margin-right:4px; }
.answer .submit{background-color:#0099FF; padding:3px 5px 3px 5px; border:0; color:#FFFFFF; font-size:14px; margin-top:15px}
.answer .submit1{background-color:#d5d5d; padding:3px 5px 3px 5px; border:0; color:#f6f6f6; font-size:14px; margin-top:15px}
.answer .wrong{ background-color:#e8eef2}
.answer .right p{background:url(../images/102.png) no-repeat left 3px; padding-left:20px; }
.answer .wrong p{background:url(../images/101.png) no-repeat  left 3px; padding-left:20px}
#myanswer{width:860px;float:right; }
#myanswer .content p{ font-size:13px;  line-height:22px}
#myanswer li{ margin-bottom:10px}
#myanswer h3{ margin-bottom:10px;color:#0F70BF; font-size:13px; font-weight:bold; border-bottom: dotted 1px #ccc}
#myanswer .left{width:360px;float:left; }
#myanswer .right .ps ol{ margin-left:50px; font-size:12px; color:#666666; margin-bottom:30px}
#myanswer .right .ps { margin-top:60px;}
#myanswer .right{width:440px;float:right; }
.pingtu{width:340px;background:url(../images/pingtu.jpg) no-repeat 0 0; padding-top:50px; padding-bottom:40px;text-indent:180px; color:#0099ff; font-size:18px; font-weight:bold; margin-left:}
.pingtu p{color:#333 ;font-size:14px; font-weight:bold; margin-top:5px}
.select_q p { margin-top:10px}
.select_q em { font-size:13px; font-weight:bold}
.select_q  { background-color:#E1EEF7; padding:10px 10px 10px 16px; margin-bottom:35px  }
.select_q input{background-color:#0099FF; padding:3px 3px 3px 3px; border:0; color:#FFFFFF; font-size:14px; }