body{
	background:url(images/bg.jpg) repeat-x #65b4ef; font:12px Tahoma; color:#73747a
}
div{
	float:left
}
#wrapper{
	margin:0 auto; float:none; width:833px; padding: 6px; background:#d3def0; overflow:hidden;
}
#container{
	border:#4d9fdc solid 1px; background:url(images/bg_container.jpg) repeat-x #a5daff; padding:0 7px 8px 7px; width:817px;
}
#header .obj{
	padding-top:11px;
}
#header .dlf{
	padding: 10px 0 0 0
}
.nav{
	background:#eaeaed; border-bottom:1px solid #e0e0e7;  border-top:1px solid #e0e0e7; width:807px; padding:5px; color:#646466; margin-bottom:3px; font-size:11px
}
.main-menu{
	background:url(images/mainmenu_bg.jpg) repeat-x; width:817px; color:#fff; padding:5px 0 9px 0; float:left
}
.main-menu a.menu{
	background:url(images/bullet.png) no-repeat; padding:1px 0 1px 20px ; margin:0 15px!important; margin:0 5px; font-weight:bold; display:block; float:left; text-decoration:none; color:#fff;behavior: url(templates/images/iepngfix.htc);
}
.main-menu a.menu:hover{
	background:url(images/bullet.png) no-repeat; padding:1px 0 1px 20px ; margin:0 15px!important; margin:0 5px; font-weight:bold; display:block; float:left; text-decoration:underline; color:#fff;
}
#main{
	width:817px; background:url(images/bg_main.jpg) #abdbff repeat-x; padding: 8px 0
}

/* start left-side */
#main #left-box{
	width:190px; padding-right:8px
}
#main #left-box .side-menu{
	width:180px;float:left;background:url(images/bg_side_menu.jpg) no-repeat;padding:35px 5px 25px 5px; margin-bottom:5px
}

#main #left-box .side-menu a.active{
	padding:3px 0; list-style:none; text-align:right; display:block; padding-right:15px; background:url(images/bullet02.png) no-repeat right 5px; font-weight:bold; color:#fff; text-decoration:none; cursor:default; border-bottom:1px solid #a5deec
}
#main #left-box .side-menu a.on{
	padding:3px 0; list-style:none; text-align:right; display:block; padding-right:15px; background:url(images/bullet02.png) no-repeat right -11px; color:#064e67; text-decoration:none;border-bottom:1px solid #a5deec
}
#main #left-box .side-menu a.on:hover{
	padding:3px 0; list-style:none; text-align:right; display:block; padding-right:15px; background:url(images/bullet02.png) no-repeat right 5px; font-weight:bold; color:#fff; text-decoration:none; border-bottom:1px solid #a5deec
}


#main #left-box .reg{
	background:url(images/bg_reg.jpg) no-repeat; width:180px; padding:25px 5px 0px 5px; font-weight:bold; color:#305016; height:80px;
}
#main #left-box .reg input{
	border:none; font-size:11px
}
#main #left-box .reg a{
	color:#fff; font-weight:normal; text-decoration:none
}
#main #left-box .poll{
	background:url(images/bg_poll.jpg) no-repeat; width:180px; padding:45px 5px 0px 5px; font-weight:bold; color:#db6b20; height:217px;
}

#main #left-box .poll ul,li{
	margin:0; padding:7px 0 
}
#main #left-box .poll ul li{
	border-bottom:1px solid #fde0ba; padding:3px 0; margin:0; list-style:none; color:#fff
}

#main #left-box .date_{
	background:url(images/bg_date.jpg) no-repeat; width:179px; padding:5px;color:#305016; height:58px; color:#333; font-size:12px; font-family:tahoma; text-align:center; margin-bottom:8px;
}
#main #left-box .date_ .dt{
	width:169px; background:url(images/bg_dt.png); padding:4px; border:1px solid #fff
}
#main #left-box .date_ .count_{
	padding-top:6px; width:179px
}
/* start middle-side */
#main #mid-box{
	width:410px; padding-right:9px!important; padding-right:0
}
#main #mid-box .hilight{
	width:371px; border:1px solid #7ba5c1; background:#fff; padding:5px 18px; margin-bottom:8px;height:auto!important ;height:400px
}
#main #mid-box .hilight .title{
	width:335px; padding:3px 0 3px 36px; background:url(images/bubble.jpg) no-repeat; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:30px; margin-bottom:5px
}
#main #mid-box .hilight .intro{
	width:371px; padding-top:10px; text-indent:16px; color:#4c6b93; font-size:11px
}

#main #mid-box .hilight02, .library, .link , .news , .lib ,.download ,.CLD{
	width:580pxt; border:1px solid #7ba5c1; background:#fff; padding:5px 18px; margin-bottom:8px; min-height:697px; height:auto!important; height:697px
}
#main #mid-box .hilight02 .title{
	width:544px; padding:3px 0 3px 36px; background:url(images/bubble.jpg) no-repeat; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:30px; height:auto!important; height:30px;margin-bottom:5px
}
#main #mid-box .hilight02 .detail{
	width:580px; padding-top:10px;
}
#main #mid-box .hilight02 .detail p{
	text-indent:16px; 
}

#main #mid-box .board{
	width:580pxt; border:1px solid #7ba5c1; background:url(images/bg_board.jpg) no-repeat bottom right #fff; padding:5px 18px; margin-bottom:8px; min-height:697px; height:auto!important; height:697px; color:#57585d
}
#main #mid-box .board .title{
	width:540px; padding:15px 0 0px 40px; background:url(images/shout.jpg) no-repeat; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:23px; height:auto!important; height:23px;margin-bottom:5px
}
#main #mid-box .board .forum .title_{
	background:url(images/bg_forum.jpg) repeat-x; text-align:center; color:#305016; font-weight:bold; padding:9px; border:1px solid #619518
}
#main #mid-box .board .forum .g01 , .topic .g01{
	background:#efefef; padding:10px
}
#main #mid-box .board .forum .g02 , .topic .g02{
	background:#f4f4f4; padding:10px
}
#main #mid-box .board .forum .sep , .topic .sep {
	background:url(images/sep.jpg) repeat-x; padding:4px
}
#main #mid-box .board .forum a , .topic a{
	font-weight:bold; text-decoration:none; color:#57585d
}
#main #mid-box .board .forum a:hover, .topic a:hover{
	font-weight:bold; text-decoration:none; color:#000
}

#main #mid-box .board .topic .title_{
	background:url(images/bg_topic.jpg) repeat-x; text-align:center; color:#b25517; font-weight:bold; padding:4px; border:1px solid #db6b20
}
#main #mid-box .board .topic span{
	font-size:11px
}
#main #mid-box .board .topic span a.forum{
	text-decoration:none; color:#1faad6; font-weight:normal;
}
#main #mid-box .board .topic span a.forum:hover{
	text-decoration:underline; color:#1faad6
}
#main #mid-box .board .topic span.name{
	color: #305016; font-size:12px
}
#main #mid-box .board h1{
	color:#115e78; font-weight:bold; font-size:14px; margin:0; padding:0 0 10px 0; display:block; float:left; width:490px
}

/*topic_detail update on Aug 10 */
#main #mid-box .board .topic_detail{
	width:558px; padding: 0 10px; background:#fff; border-left: 1px solid #115e78; border-right: 1px solid #115e78
}
#main #mid-box .board .topic_detail .sep{
	background:url(images/sep.jpg) repeat-x; width:558px; height:5px
}
#main #mid-box .board .topic_detail .detail{
	width:558px; padding:10px 0; font-size:13px;background:#fff;
}
#main #mid-box .board .reply{
	width:558px; padding:0 10px; border-left:1px solid #54872a; border-right:1px solid #54872a; background:#fff;
}
#main #mid-box .board .reply .rep_{
	width:558px; color:#115e78; font-weight:bold; padding:5px 0; background:#fff;
}
#main #mid-box .board .reply .rep_detail{
	width:558px; padding:5px 0;background:#fff;
}
#main #mid-box .board .reply .sep{
 	border-bottom:dashed 1px #ccc
}
#main #mid-box .board .form{
	padding:10px; border:1px dashed #ccc; background:#fff; margin:10px 0
}
/*Clip update on Aug 10 */
#main #mid-box .library .title{
	width:544px; padding:13px 0 3px 36px; background:url(images/clip.jpg) no-repeat; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}
#main #mid-box .library .cate{
	width:580px;
}
#main #mid-box .library .cate .bb_on , .bb{
	margin:0 5px
}
#main #mid-box .library .cate .bb_on img , .bb img{
	float:left
}
#main #mid-box .library .cate .bb_on a{
	color:#fff; background:url(images/bb_active_m.jpg) repeat-x; padding:6px 9px 9px 0; display:block; float:left; text-decoration:none
}
#main #mid-box .library .cate .bb a{
	color:#666; background:#ccc; padding:6px 3px 8px 3px; display:block; float:left; text-decoration:none;
}
#main #mid-box .library .clip{
	text-align:center; padding:15px 18px; width:157px;
}
#main #mid-box .library .clip .frame{
	width:157px; background:#b1b1b1; margin-bottom:5px;
}
#main #mid-box .library .clip span{
	display:block; width:157px; float:left
}
#main #mid-box .library .clip a.issue{
	font-weight:bold; color:#000; text-decoration:none; display:block; width:157px; float:left
}
#main #mid-box .library .clip a.issue:hover{
	text-decoration:underline
}
#main #mid-box .page{
	background:url(images/sep_b.jpg) repeat-x #fff ; padding:10px; width:560px;
}
#main #mid-box .page span{
	color:#21abd8
}
#main #mid-box .page a.current{
	color:#fff; font-weight:bold; text-align:center; background:#21abd8; border:1px solid #21abd8; padding:1px 4px; float:right; text-decoration:none; margin:0 2px
}
#main #mid-box .page a{
	color:#21abd8; font-weight:bold; text-align:center; background:#fff; border:1px solid #21abd8; padding:1px 4px; float:right; text-decoration:none; margin:0 2px
}
#main #mid-box .page a:hover{
	color:#fff; font-weight:bold; text-align:center; background:#21abd8; border:1px solid #21abd8; padding:1px 4px; float:right; text-decoration:none; margin:0 2px
}
/*End Clip*/

/*link update on Aug 10 */
#main #mid-box .link{
	width:580px; border:1px solid #7ba5c1; background:url(images/bg_website.jpg) no-repeat bottom right #fff; padding:5px 18px; margin-bottom:8px;
}
#main #mid-box .link .title{
	width:530px; padding:13px 0 3px 50px; background: url(images/website.jpg) no-repeat bottom left; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}
#main #mid-box .link a{
	background:url(images/bullet_arrow.jpg) no-repeat 0 7px ; color:#064e67; font-weight:bold; text-decoration:none; display:block; padding:7px 0 7px 23px
}
#main #mid-box .link a:hover{
	text-decoration:underline;	background:url(images/bullet_arrow.jpg) no-repeat 5px 7px 
}

/*CLD update on Aug 10 */
#main #mid-box .CLD{
	width:580px; border:1px solid #7ba5c1; background:url(images/bg_website.jpg) no-repeat bottom right #fff; padding:5px 18px; margin-bottom:8px;
}
#main #mid-box .CLD .title{
	width:530px; padding:13px 0 3px 50px; background: url(images/website.jpg) no-repeat bottom left; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}
#main #mid-box .CLD a{
	color:#0858bb; text-decoration:none; display:block
}
#main #mid-box .CLD a:hover{
	color:#f60;
}
#main #mid-box .CLD .time{
	width:580px; padding-top:20px
}
#main #mid-box .CLD .time .title_{
	background:#0858bb; color:#fff; font-weight:bold
}
#main #mid-box .CLD .time .dd_{
	color:#f60; font-weight:bold
}
#main #mid-box .CLD .time .list_{
	color:#0858bb; font-weight:bold; border-bottom:1px dotted #333; border-top:1px dotted #333
}


#main #mid-box .link .pad20{
	padding:20px; width:540px
}
#main #mid-box .link .pad20 a.DL{
	background:none; display:inline
}
#main #mid-box .link a.DL{
	background:none; display:inline; padding-left:5px;
}
/*news update on Aug 10 */
#main #mid-box .news .title{
	width:530px; padding:13px 0 3px 50px; background: url(images/news.jpg) no-repeat bottom left; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}
#main #mid-box .news .box{
	padding:15px 0; border-bottom:1px solid #ededee; width:580px
}
#main #mid-box .news .box a.img{
	padding:5px; border:1px solid #a7b9c6; display:block; float:left; margin-right:8px
}
#main #mid-box .news .box  img{
	border:1px solid #a7b9c6
}
#main #mid-box .news .box dl, dd, dt{
	padding:0px; margin:0
}
#main #mid-box .news .box dl{
	height:85px;
}
#main #mid-box .news .box dt a{
	font-weight:bold; text-decoration:none; color:#73747a;
}
#main #mid-box .news .box dt a:hover{
	font-weight:bold; text-decoration:underline; color:#73747a
}
#main #mid-box .news .box dd a{
	text-decoration:none; color:#6ec9ff; padding-bottom:5px; 
}
#main #mid-box .news .box dd a:hover{
	text-decoration:underline; color:#6ec9ff; padding-bottom:5px; 
}

/*download update on Aug 10 */
#main #mid-box .download .title{
	width:550px; padding:13px 0 3px 30px; background: url(images/download.jpg) no-repeat bottom left; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}

/*reg update on Aug 10 */
#main #mid-box .reg{
	width:580pxt; border:1px solid #7ba5c1; background:url(images/bg_regis.jpg) bottom right no-repeat #fff; padding:5px 18px; margin-bottom:8px; min-height:697px; height:auto!important; height:697px
}
#main #mid-box .reg .title{
	width:540px; padding:13px 0 3px 40px; background: url(images/reg.jpg) no-repeat bottom left; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}
#main #mid-box .reg .form{
	padding:15px; background:url(images/reg_bg.jpg) repeat-y; color:#fff; 
}


#main #col-sp{
	width:617px;
}
#main .update{
	width:803px;  background:#fff; padding:7px; margin-top:8px
}
#main .update .title{
	font-weight:bold; color:#fff; padding:3px 0 3px 10px; background:url(images/bg_update.jpg) repeat-x; float:none
}
#main .update .box{
	padding:8px 0; border-bottom:1px solid #ededee; width:803px
}
#main .update .box a.img{
	padding:5px; border:1px solid #a7b9c6; display:block; float:left; margin-right:8px
}
#main .update .box  img{
	border:1px solid #a7b9c6
}
#main .update .box dl, dd, dt{
	padding:0px; margin:0
}
#main .update .box dl{
	height:85px;
}
#main .update .box dt a{
	font-weight:bold; text-decoration:none; color:#73747a;
}
#main .update .box dt a:hover{
	font-weight:bold; text-decoration:underline; color:#73747a
}
#main .update .box dd a{
	text-decoration:none; color:#6ec9ff; padding-bottom:5px; 
}
#main .update .box dd a:hover{
	text-decoration:underline; color:#6ec9ff; padding-bottom:5px; 
}
/* start right-side */
#main #right-box{
	width:192px; background:url(images/bg_banner.jpg) repeat-x #fff; padding:0 4px;height:780px
}
#main #right-box img{
	margin-bottom:5px
}
#footer{
	background:url(images/bg_footer.jpg) repeat-x; font-weight:bold; color:#fff; text-align:center; width:803px; padding:7px;
}
a.more{
	color:#6ec9ff; padding:6px 0 5px 12px; float:right; background:url(images/more.jpg) no-repeat 0 8px ; display:block; text-decoration:none; font-size:11px
} 
a.more:hover{
	color:#6ec9ff; padding:6px 0 5px 12px; float:right; background:url(images/more.jpg) no-repeat 0 8px ; display:block; text-decoration:underline; font-size:11px
}

.txt_blue_title{
	font-weight:bold;
	color:#0099CC;
}

/* Library 15/09/2009*/
/*news update on Aug 10 */
#main #mid-box .lib .title{
	width:530px; padding:13px 0 3px 50px; background: url(images/website.jpg) no-repeat bottom left; color:#54872a; border-bottom:1px solid #a2ba8d; font-weight:bold; min-height:20px; margin-bottom:5px
}
#main #mid-box .lib .box{
	padding:15px 0; border-bottom:1px solid #ededee; width:580px
}
#main #mid-box .lib .box a.img{
	padding:5px; border:1px solid #a7b9c6; display:block; float:left; margin-right:8px
}
#main #mid-box .lib .box  img{
	border:1px solid #a7b9c6
}
#main #mid-box .lib .box dl, dd, dt{
	padding:0px; margin:0
}
#main #mid-box .lib .box dl{
	height:85px;
}
#main #mid-box .lib .box dt a{
	font-weight:bold; text-decoration:none; color:#73747a;
}
#main #mid-box .lib .box dt a:hover{
	font-weight:bold; text-decoration:underline; color:#73747a
}
#main #mid-box .lib .box dd a{
	text-decoration:none; color:#6ec9ff; padding-bottom:5px; 
}
#main #mid-box .lib .box dd a:hover{
	text-decoration:underline; color:#6ec9ff; padding-bottom:5px; 
}
#main #mid-box .lib{
	width:580px; border:1px solid #7ba5c1; background:url(images/bg_website.jpg) no-repeat bottom right #fff; padding:5px 18px; margin-bottom:8px;
}

.txt_red{
	font-weight:bold;
	color:#FF3300;
}	
.txt_green{
	font-weight:bold;
	color:#009900;
}	
#main #mid-box .about a{
	background:url(images/bullet_arrow.jpg) no-repeat 0 7px ; color:#064e67; font-weight:bold; text-decoration:none; display:block; padding:7px 0 7px 23px
}
#main #mid-box .about a:hover{
	text-decoration:underline;	background:url(images/bullet_arrow.jpg) no-repeat 5px 7px 
}