@charset "utf-8";                    
@import url(../../lib/nbg/nbg.css?v=2); 

@import url(../../src/inc/base2.css);
@import url(../htm0/sub.css?v=1);

.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:1320px; margin:0 auto;}
	#logo {float:left; width:450px; padding:20px 0 10px 0px;}
	#logoright {float:right; }
		#topline {clear:both;padding-top:15px;}
			#info {float:left;padding:12px 0 0 75px;}	
			#keyword {  float:right; padding:15px 30px 0px 0px; width:380px; }
			.keywordtitle { float:left; margin:-3px 0 0 5px;  }
			#keyword ul { float:left; margin-left:3px; overflow:hidden; width:280px; height:15px; white-space:nowrap; display:block; }
			#keyword li { float:left;  }
			#keyword li a {  }
		#searchdiv {clear:both;float:right;}


#searchform { clear:both; float:left; padding:10px 0 0 7px; width:490px; }
#searchform #searchcodebg2 { cursor:pointer; float:left; margin-right:10px; width:130px; height:28px;font-size:15px;padding:8px 0px 0 10px; background:url(image/search1.gif) no-repeat; }
#searchform #searchcodebg2s { display:block;width:100px; height:28px; white-space:nowrap; overflow:hidden; }
#searchform #searchcodebg3 { top:36px;left:0px; width:180px; 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:31px; font-size:15px; padding-top:5px; padding-left:10px; background:url(image/search3.gif) no-repeat;  border:0px; }
#searchform .searchval { width:265px; top:36px;}
#searchform #searchvallabel { float:left; }
#searchform #td { position:relative;z-index:31; }
#searchform #submit {float:left;margin:-7px 0px 0px 0px;}	

#searchform2 { float:left; padding:15px 0px 0 10px; }
	
#searchform #searchkeybg { display:none; }

#menubggap {clear:both; height:10px;}
#menubg { clear:both; width:100%; height:62px; }
#menubg2 { clear:both; width:1320px; margin:0 auto; height:60px; background:#142c46;}

#category {  }
#category .li { position:relative; z-index:30; height:42px; float:left; text-align:center; padding-top:18px; }
#category .lilast {border-right:0px; }
#category .li a { font-weight:normal; font-size:17px; letter-spacing:-1px; color:#ffffff;  }
#category .num0 { display:none; }
#category .num1 { display:none; }
#category .num2 {  }
#category .li .p { visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; } 	/* no design case (ie6,7) : visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; */
#category .li .p2 { visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; }	/* no design case (ie6,7) : visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; */
#category .li .p3 { visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; }	/* no design case (ie6,7) : visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; */
#category .ul2 { line-height:5.5mm; position:absolute;top:55px; white-space:nowrap; width:2000px; height:43px;padding:2px 0 0px 0px; }		/* subcategory mouseevent */
#category .ul2left { left:0px;}
#category .ul2right { left:-200px;}
#category .ul2last { left:0px;}
#category .ul2 .li2 { float:left; background:url(image/dot.gif) no-repeat 0px 23px; padding:7px 15px 10px 15px; background:white; border-bottom:2px solid #737373; border-top:2px solid #737373;  }
#category .ul2 .li2first { border-left:2px solid #737373;}
#category .ul2 .li2last { border-right:2px solid #737373;}
#category .ul2 .li2 a { font-weight:normal; font-size:14px; color:#000000; font-weight:bold; }
#category .ul2 .li2 p { visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left;  }	/* no design case (ie6,7) : visibility:hidden; position:absolute; overflow:hidden; height:0px; width:0px; font-size:0pt; text-align:left; */
#category .selected1 a { color:#f3d50e; }
#category .ul2 .selected2 a { color:#d30000; }

#category .li a:hover {text-decoration:none; color: yellow;}
#category .ul2 .li2 a:hover {text-decoration:none; color: red;}



#menu2bg { clear:both; width:1320px; margin:0 auto; }
#menu2_1 { float:left;width:200px;  font-size:15px;text-align:center;padding-top:14px;}
.totalmsgnum {color:#aa1111;font-size:17px;}
#menu2_2 { float:left;  font-size:15px; text-align:center;padding-top:14px;}



#categorymenus {position:relative;}
#categorymenu {display:none;position:absolute;top:120px;right:-100px;z-index:20;background:#ffffff;border:5px solid #000000;padding:0 20px 20px 20px;}
.categorymenu1 {clear:both;float:left;width:230px;padding-right:20px;padding-top:20px;}
.categorymenu2 {padding-left:30px;}
.categorymenufont1 {font-size:18px; font-weight:bold; color:#a08675; padding-left:10px;}
.categorymenufont2 {font-size:16px;}
.categorymenuline { border-top:2px solid #a08675; margin-top:5px; height:10px; }
.categorymenusel {font-weight:bold;color:#da603e;}
.category_count {font-size:15px;color:#999999;letter-spacing:-1px;}



#leftbanner {  clear:both; padding:80px 0 0 15px; }

	
#main { clear:both; width:1320px; margin:0 auto; }

#mainsub {padding:0px 40px 0px 40px; background:#d3d3d3;}
#mainsub2 {width:850px; background:#ffffff; margin:0 auto; padding:20px 0 20px 0;}
#mainsub3 {width:750px; margin:0 auto;}

#mainsubs {width:100%;padding:0px 0px 0px 0px;} 
#mainsubs1 {float:left;width:200px;height:1150px;}
#mainsubs2 {float:left; width:200px; height:1150px; background:url(image/subleft4.gif) no-repeat;}
#mainsubs3 {float:left; padding:0px 0 0 0px; }
#mainsubs4 {width:1320px; margin:0 auto;}

#mainsubs8 {float:left;width:0px;height:800px;}

#subcategory { padding:25px 0px 0px 20px;}
#subcategory .li { background:url(../htm0/img/codelist2_ico.gif) no-repeat; padding:0px 0px 0px 15px; }
#subcategory .li a { font-weight:bold; font-size:11pt; }
#subcategory .li .p { margin-top:5px; background:url(../htm0/img/codelist4_dot.gif) repeat-x; width:110px; height:8px;   }
#subcategory .li .p2 { margin-top:5px;  }
#subcategory .li .p3 { margin-top:5px; background:url(../htm0/img/codelist4_dot.gif) repeat-x; width:110px; height:8px;  }
#subcategory .ul2 { line-height:6mm; }
#subcategory .ul2 .li2 { background:url(../htm0/img/codelist2_ico2.gif) no-repeat; padding:0px 0px 0px 10px; }
#subcategory .ul2 .li2 a { font-weight:normal; font-size:14px; width:80px; }
#subcategory .ul2 .li2 p { }
#subcategory .selected1 a { color:#d30000; }
#subcategory .ul2 .selected2 a { color:#d30000; }
#subcategory .ul2 a { color:#000000; }


/* bottom */
#bottom{clear:both;width:100%;background:#181818;height:110px;}
#bottom2{clear:both;width:1320px;height:100px; margin:0 auto; background:#181818;padding:10px 0 0 0px;}
#bottom2 #apps {float:left; width:1180px;}
#bottom2 #apps #apps3 {float:left;color:white;font-size:17px;padding:18px 0 0 35px;}
#bottom2 #apps #apps3 a {color:white;font-size:17px;}
#bottom2 #apps #apps3 #ad {color:yellow;font-weight:bold;} 
#bottom2 #apps #apps5 {float:left;height:80px;padding-left:20px;}
#bottom2 #apps #apps5 td {color:white;font-size:15px;}
#bottom2 #apps #apps4 {float:right;color:white;font-size:19px;padding:33px 0 0 0;}
#bottom2 #qrcodes {float:right;padding-right:20px;}
#bottom2 #qrcodes img { width:90px;height:90px;  }
	
	
#notice_table tbody { background:none; }
#notice_view td { background:none; }
#reply_table tbody { background:none; }

/* index */
.mainlist {clear:both; padding-top:5px; width:98%; margin:0 auto;  }
.mainlist .title {float:left;padding:0 0 5px 4px;}
.mainlist .more {float:right;padding:0 13px 5px 0;}
.mainlist ul { clear:both; float:left; width:100%; height:250px; background:url(image/bar5.gif) no-repeat 0 172px;}
.mainlist li {float:left;width:19.8%;}
.mainlist li a { margin:0 auto; display:block; width:124px;height:172px;background:#f1f1f2;}
.mainlist li .imgs {padding:1px 0px 0px 1px; width:120px; height:170px;border-top:0px solid #e6e7e8;border-left:0px solid #e6e7e8;border-right:0px solid #e6e7e8;box-shadow: 5px 0px 15px #c6c6c6;}
.mainlist li .imgs2 {padding:1px 0px 0px 1px; width:122px; height:171px;box-shadow: 5px 0px 15px #c6c6c6;}
.mainlist li .imgs3 {width:60px; height:170px; border-top:0px solid #e6e7e8;}
.mainlist li .imgs3L {border-left:0px solid #e6e7e8;}
.mainlist li .imgs3R {border-right:0px solid #e6e7e8;}
.mainlist li span { float:left; overflow:hidden;width:124px; padding-right:0px; height:58px; line-height:5mm; font-size:15px;text-align:center;  margin:15px 0 0 0; color:#000000; }
.maingap {clear:both;height:20px;} 

.mainlist2 {clear:both; padding-top:0px; width:100%; margin:0 auto;  }
.mainlist2 ul { clear:both; width:100%; }
.mainlist2 li {float:left;width:33%;text-align:center;padding-top:10px;}
.mainlist2 li span {font-size:20px;font-weight:bold;font-family:ns,nbg;}
.mainlist2 li span a {color:#000000;}
.mainlist2 .lifirst {clear:both;}
.mainlist2 .lilast {}
.mainlist2 li div {clear:both;margin:0 auto;position:relative;width:300px;background:#000000;}
.mainlist2 li div .img {position:absolute;border2:1px solid #d5d0d1;top:0px;left:0px;width:300px;height:410px;z-index:5; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;}
.mainlist2 li div .hid {border-top:1px solid #d5d0d1;visibility:hidden;width:300px;height:410px;}
.mainlist2 li div .txt {filter:alpha(opacity:0);opacity:0.0; position:absolute;z-index:7;top:42%;left:5%;width:90%;text-align:Center;color:white;font-family:ns;font-size:25px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;}
.mainlist2 li .tcount {color:#1951d0;font-size:15px;padding-left:2px;}

.mainlist2 li .img0 {border-top:6px solid #66a683;border-bottom:1px solid #d5d0d1;border-left:1px solid #d5d0d1;border-right:1px solid #d5d0d1;}
.mainlist2 li .img1 {border-top:6px solid #7c9bba;border-bottom:1px solid #d5d0d1;border-left:1px solid #d5d0d1;border-right:1px solid #d5d0d1;}
.mainlist2 li .img2 {border-top:6px solid #fc8c00;border-bottom:1px solid #d5d0d1;border-left:1px solid #d5d0d1;border-right:1px solid #d5d0d1;}
.mainlist2 li .img3 {border-top:6px solid #66a683;border-bottom:1px solid #d5d0d1;border-left:1px solid #d5d0d1;border-right:1px solid #d5d0d1;}
.mainlist2 li .img4 {border-top:6px solid #7c9bba;border-bottom:1px solid #d5d0d1;border-left:1px solid #d5d0d1;border-right:1px solid #d5d0d1;}
.mainlist2 li .img5 {border-top:6px solid #fc8c00;border-bottom:1px solid #d5d0d1;border-left:1px solid #d5d0d1;border-right:1px solid #d5d0d1;}


.mainlist3 {clear:both; padding-top:5px; width:100%; margin:0 auto;  }
.mainlist3 .title {float:left;padding:0 0 5px 4px;}
.mainlist3 ul { clear:both; width:100%; }
.mainlist3 li {float:left;padding-right:5px;}
.mainlist3 .lilast {padding-right:0px;}