/* global */
/*html{filter:gray;}*/
body{ margin:0; padding:0; font-size:12px; color:#444; font-family:Verdana,Arial,Tahoma;}
div,p,ul,ol,form{ margin:0 auto; padding:0; list-style:none; word-wrap:break-word; word-break:break-all; white-space:normal;}
a:link, a:visited, a:hover{ color:#444; text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border:0;}
img{ vertical-align:middle;}

/* public */
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.p5{ clear:both; height:5px; line-height:5px; overflow:hidden;}
.p10{ clear:both; height:10px; line-height:10px; overflow:hidden;}
.p20{ clear:both; height:20px; line-height:20px; overflow:hidden;}
.p50{ clear:both; height:50px; line-height:50px; overflow:hidden;}
.f14{ font-size:14px;}

/* layout */
#header{ width:100%; height:79px; background:url(../Images/unnoo_header_bg.gif);}
#header #inner{ width:960px;}
#header #inner #logo{ margin-top:10px;}

#header #inner #nav{ position:relative; top:38px; right:15px; z-index:9999;}
#header #inner #nav .nav{ display:block; position:relative; float:left; width:79px; height:41px;}
#header #inner #nav .selected{ background:url(../Images/unnoo_nav_selected_bg.gif) center bottom no-repeat;}
#header #inner #nav .nav a.n{ display:block; font-size:14px; height:41px; line-height:41px; text-align:center; outline:none;}
#header #inner #nav .nav a.n:hover{ text-decoration:none;}
#header #inner #nav .selected a.n{ color:#FFF;}

.subbg{ width:98px; position:absolute; display:none; left:-9px; background:#2ad201; border:#81b17d solid 2px; opacity: 0.6; filter: alpha(opacity=60);}
.subnav{ width:98px; position:absolute; left:-9px; margin:2px; display:none;}
.subnav a{ width:100%; height:35px; line-height:35px; color:#FFF; display:block; text-align:center;}
.subnav a:hover{ text-decoration:none; background:#158e01; color:#fff747;}

#wraper{ width:960px; padding:10px 0; overflow:auto; zoom:1;}

#link{ clear:both; height:38px; line-height:38px; background:#ddd;}
#link #linkwraper{ width:960px;}
#link #linkwraper em{ float:left; font-style:normal; background:#CCC; margin-right:10px; display:block; width:105px; text-align:center}
#link #linkwraper p{ float:left;}
#footer{ clear:both; width:100%; height:39px; line-height:37px; text-align:center; background:#aaa; border-bottom:#656565 solid 1px;}

/*
#banner{ position:relative; width:960px; height:240px;; overflow:hidden; margin:0px auto;}
#banner ul#run{ position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden;}
#banner ul#run li{ float:left;}
#banner ul#run li img{ display:block; *float:left; width:960px; height:240px;;}
#banner ul#Num{ position:absolute; bottom:10px; right:20px; padding:5px; opacity: 0.8; filter: alpha(opacity=80);}
#banner ul#Num li{ float:left; margin:0 2px;}
#banner ul#Num li a{ float:left; font:12px/18px Arial, Helvetica, sans-serif; padding:0 5px; color:#FFF; border:1px solid #5aab4e; background:#099101; text-decoration:none;}
#banner ul#Num li a:hover, #banner ul#Num li a.hover{ color:#FFF; background:#997000;}
*/

#banner{ position:relative; width:960px; height:240px;; overflow:hidden; margin:0px auto;}
#banner #show{ float:left; width:960px; height:240px;; overflow:hidden;}
#banner ul{ position:relative; float:right; height:auto; overflow:hidden; padding:5px; margin-top:-45px; margin-right:10px; z-index:9;}
#banner ul li{ float:left; margin:5px 2px;}
#banner ul li a{ float:left; font:12px/18px Arial, Helvetica, sans-serif; padding:0 5px; color:#FFF; border:1px solid #5aab4e; background:#099101; text-decoration:none;}
#banner ul li a:hover,#banner ul li a.over{ color:#FFF; background:#997000;}

.w660{ width:660px;}
.w660 .box{ padding:20px; overflow:auto; zoom:1;}

.w288{ width:282px; padding:3px;}
.w288 .wraper{ width:253px;}
.w288 .box{ padding:10px 5px; overflow:auto; zoom:1;}
.w288 .box ul li{ padding:2px 0; line-height:27px;}

.bar{ clear:both; height:27px; line-height:27px; padding:0 25px; background:url(../Images/unnoo_barbgs.gif) no-repeat;}
.bar em{ font-style:normal; font-weight:bold;}
.bar660_1{ background-position:0 0;}
.bar660_2{ background-position:0 -30px;}
.bar253{ background-position:0 -60px;}

.bgdd{ background:#ddd;}

.input245{ width:245px;}
.gray{ color:#999;}

.focuspic{ width:240px; padding-top:20px;}
.focuspic img{ width:220px; height:165px; padding:2px; border:#bfbfbf solid 1px;}
.focusnews{ width:370px;}
.focusnews h3{ font-size:14px;}
.focusnews p{ color:#AAA; line-height:19px;}
.focusnews ul li{ color:#666; line-height:27px;}

.trial{ text-align:center;}

.sidenav{}
.sidenav li a.nav{ display:block; line-height:33px; font-size:14px; padding-left:38px; text-decoration:none;}
.sidenav li a.selected{ background:#CCC;}

#pos{ line-height:24px; border-bottom:#999 dashed 1px;}
#content{ line-height:25px; padding:12px 16px;}

ul.appform{}
ul.appform li{ clear:both; line-height:36px;}
ul.appform li .field{ float:left; width:295px; margin-right:10px; text-align:right;} 

.row{ clear:both; padding:10px; border-bottom:#CCC dashed 1px; overflow:auto; zoom:1;}
.row img.pic{ padding:1px; border:#CCC solid 1px; width:80px; height:60px; float:left; margin-right:15px;}
.row .info{ float:left; line-height:18px; width:540px;}
.row .info h4{ font-size:13px; margin:0; padding:0;}
.row .info span{ color:#999;}
.row .info p{ color:#666;}
.pager{ clear:both; text-align:right; padding:7px; background:#F7F7F7;}

.empty{ font-size:14px; padding:8px 16px; line-height:25px; border:1px solid #DDDDDD; color:#666; margin-top:8px; text-align:center;}

.contenter{}
.contenter .title h2{ text-align:center; color:#336699; font-size:24px; font-weight:700;}
.contenter .attr{ color:#777; text-align:center; height:24px; line-height:17px;}
.contenter .brief{ background:#EEE; font-size:14px; padding:8px 16px; line-height:25px; border:1px solid #DDDDDD; color:#666; margin-top:8px;}
.contenter .content{ line-height:21px; font-size:12px; padding:12px 16px;}
.contenter .content div { margin-bottom:15px; font-size:12px;}
.contenter .content p{ margin-bottom:15px;  font-size:12px;}
.contenter .content a:link,.contenter .content a:visited{ color:#3366CC; text-decoration:none;}
.contenter .content a:hover{ color:red; text-decoration:underline;}