@import url(../../src/inc/base2.css);
@import url(../htm0/sub.css);

.sub_locate { padding-top:15px;  }
#list_gap { border:0px; } 
#board_gap { border:0px; } 
#login_gap { border:0px; } 
#notice_gap { border:0px; } 
#reply_gap { border:0px; }
#view_gap { border:0px; }

/* header */
#maintop {width:1020px; margin:0 auto;}
#topsearch {float:left;width:100%;height:95px; }
	#logo {float:left;padding-left:30px; padding-top:5px;}
	#searchdiv {float:right;padding-right:0px; width:700px; padding-top:15px; }

#topline {clear:both;width:100%;height:30px;background:#46392f;}
#toplines {width:1020px; margin:0 auto;}
#info {float:left;color:white;padding:7px 0 0 200px;}	
#keyword {  float:right; padding:7px 0px 0px 10px; width:450px; }
.keywordtitle { float:left; margin:-3px 0 0 5px;  }
#keyword ul { float:left; margin-left:3px; overflow:hidden; width:350px; height:15px; white-space:nowrap; display:block; }
#keyword li { float:left; color:white; }
#keyword li a { color:white; }

#searchform { clear:both; padding:15px 0 0 7px; }
#searchform #searchcodebg2 { cursor:pointer; float:left; margin-right:10px; width:160px; height:28px;font-size:15px;padding:8px 0 0 10px; background:url(image/search1.gif) no-repeat; }
#searchform #searchcodebg3 { top:36px;left:0px; width:148px; background:#ffffff; padding:5px 10px 5px 10px; border:1px solid #d6d6d6; }
#searchform #searchcodebg3 span { display:block; height:21px; cursor:pointer; }
#searchform #searchkeybg2 { cursor:pointer; float:left; margin-right:10px; width:140px; height:28px;font-size:15px;padding:8px 0 0 10px; background:url(image/search2.gif) no-repeat; }
#searchform #searchkeybg3 { top:36px;left:180px; width:128px; background:#ffffff; padding:5px 10px 5px 10px; border:1px solid #d6d6d6; }
#searchform #searchkeybg3 span { display:block; height:21px; cursor:pointer; }
#searchform #searchcode { }
#searchform .selected {  }
#searchform #searchkey { }
#searchform #searchval { float:left; height:28px; font-size:15px; padding-top:8px; background:url(image/search3.gif) no-repeat;  border:0px; }
#searchform .searchval { width:267px; top:36px;}
#searchform #searchvallabel { float:left; }
#searchform #td { position:relative;z-index:10; }
#searchform #submit {float:left;margin:-7px 0px 0px 8px;}	
	

#main { float:left;width:100%; background:url(image/bottombg.gif) repeat-x 0px 739px;}
#main2 { float:left;width:100%; background:url(image/middlebg.gif) repeat-x; }
#main3 { width:1020px; margin:0 auto;} 
#main4 { float:left; width:100%; background:url(image/leftbg.gif) no-repeat; } 
#left { clear:both; float:left; width:268px; height:760px;  }
#right { float:left; width:750px; padding-top:20px; }

#category { padding:50px 0px 0px 70px;}
#category .li {  }
#category .li a { padding-left:10px; font-weight:bold; font-size:16px; color:white;  }
#category .num0 , #category .num1 { color:#e6a63c; font-size:13px; padding-left:2px; }
#category .num2 { display:none; }
#category .li .p { width:126px; height:10px; margin-top:3px; background:url(image/cateline.gif) no-repeat;  }
#category .li .p2 { width:126px; height:10px; margin-top:3px; background:url(image/cateline.gif) no-repeat;  }
#category .li .p3 { height:25px; }
#category .ul2 { line-height:5mm; padding-left:10px;  } 
#category .ul2 .li2 {   }
#category .ul2 .li2 a { font-weight:normal; font-size:14px; color:#e5e5e5; font-weight:bold; }
#category .ul2 .li2 p { }

/* bottom */
#bottom { clear:both; height:70px;}
#bottoms { width:1020px; margin:0 auto; padding-top:10px;  }
#bottomlogo { float:left; padding-left:50px; }
#bottom1 { float:left; padding:10px 0 0 40px; }
#checkimg { float:right; text-align:center; padding-right:30px; }
#checkimg2 { float:left;  }
#checkimg3 { border:1px solid #e6e6e6; }
#qrcodes { float:left; margin:-5px 0 0 10px; }

#notice_table tbody { background:none; }
#notice_view td { background:none; }
#reply_table tbody { background:none; }

/* index */
#mainindex { width:729px; margin:0 auto;  }
#mainindex .list {clear:both; }
#mainindex .list .title { padding:0 0 10px 20px; }
#mainindex .list .title2 { float:left; padding:0 0 10px 25px; }
#mainindex .list .title3 { float:left; padding:0 0 10px 280px; }
#mainindex .list ul { float:left; width:100%; height:180px; background:url(image/index_bar.gif) no-repeat 0 114px;}
#mainindex .list li {float:left; width:19.8%; }
#mainindex .list li a { margin:0 auto; display:block; width:89px;height:119px;background:url(image/bookborder.gif) no-repeat;}
#mainindex .list li img {padding:1px 0px 0px 1px; width:81px; height:118px;}
#mainindex .list li span { float:left; overflow:hidden;width:81px; padding-right:5px; height:32px; line-height:4.5mm; font-size:13px;font-weight:bold; text-align:center;  margin:25px 0 0 0; }
#mainindex .listgap {clear:both;height:50px; } 

#notice1 { float:left; padding:10px 0px 0 20px; width:340px;}
#notice2 { float:right; padding:10px 20px 0 0px; width:300px;}
.notice .noticetitle1 { float:left;}
.notice .noticetitle2 { float:left;}
.notice .noticetitle3 { float:right;}
.notice .noticediv {clear:both; display:block; padding-top:3px; }
.notice .noticediv ul {line-height:5.5mm;}
.notice .noticediv li { clear:both; display:block;}
#notice1 .noticediv li a { float:left; font-weight:bold; font-size:12px; width:250px; height:20px; overflow:hidden; }
#notice2 .noticediv li a { float:left; font-weight:bold; font-size:12px; width:220px; height:20px; overflow:hidden; }
.notice .noticediv li span { float:right; }