*{margin:0px;padding:0px;}
html,body{ font-size: 12px; line-height: 22px; font-family: Arial;}
a{color:#069;text-decoration:none;}
a:hover{text-decoration:underline;}
input{padding:1px;}
p{ line-height:18px;}
p.top, p.more { margin-right: 8px; text-align: right; }
.clear{clear:both;padding:0px;margin:0px;}
.cf:after{content:".";clear:both;height:0;visibility:hidden;display:block;} /* for Firefox */
.cf{display:inline-block;} /* for Mac IE */
* html .cf {height:1%;} /* for Win IE */
.cf{display:block;} /* for display:inline-block; */
body a img{border:0}

#container{margin:0px auto;width:960px;}

#message { margin: 10% 20%; padding: 5%; background:#f7fcff; border:#CCC 1px solid }

#top-box{ background:#f7f7f7; height:22px; border:#e0e0e0 1px solid; width:955px; padding:3px 0 1px 3px;margin-bottom:2px;}
#header{ padding:2px 0 0 0px;}
#header #logo{width:960px; height:124px;}
#header #logoa{float:left; margin-left:2px;}
#header #bar{float:right;}
#header #bar ul{list-style:none;}
#header #bar li{float:left;margin-right:2px; }
#header #bar li a{ color:#000; border-right:#999 1px solid;margin:2px; padding-right:6px;}
#header #login-box{ float:right; margin-top:4px;}
#header #menu{ clear: both; margin: 8px 0 0 0; }
#header #menu ul{ list-style: none; }
#header #menu li{ float: left; background: #069; }
#header #menu li a{ display: block; padding: 8px; color: #fff; font-weight: bold; }
#header #menu li a:hover{ background: #fff; color: #069; }

#left{float:left;width:180px;}
#left div {  margin: 8px 0 0 0; background: #f8fafe; border: 1px solid #ccc; }
#left li.logo { padding:2px 0 0 0; }
#left a:hover{color:#F00}
#left p, #left a, #left input, #left td{font-size:12px;}
#left h2 { background: url(/img/title-bgimg.gif) repeat-x; padding-top: 3px; text-indent: 10px; color: #069; font-weight: bold; font-size: 12px; border-bottom: 1px solid #ccc;}
#left ul { clear:left; padding:8px; background:#f8fafe; list-style-type:none; }
#left ul.imglist{text-align:center;list-style:none;}
#left li{padding:2px 0 0 10px;border-bottom:1px dashed #ccc;background:url(/img/list-img.gif) 0px 11px no-repeat;}
#left li.more{margin-right:8px;text-align:right;list-style:none;}

#left #links li { float: left; width: 70px; }
#left #links a{color:#008f00;}


#left .minleftbox{margin-top:10px; }
#left .minleftbox img{float:left;margin-right:5px;}
#left #expert{}

#right{float:right;width:200px;}
#right div { margin: 8px 0 0 0; padding: 4px; background: #f8fafe; border: 1px solid #ccc; } 
#right li.logo { padding:2px 0 0 0; }
#right a:hover{color:#F00}
#right p, #right a, #right input, #right td{font-size:12px;}
#right h2 { background: url(/img/title-bgimg.gif) repeat-x; padding-top: 3px; text-indent: 10px; color: #069; font-weight: bold; font-size: 12px; border-bottom: 1px solid #ccc;}
#right form { clear: left; padding: 8px; }
#right td{padding:2px;}
#right td.controller{text-align:center;}
#right ul { clear:left; padding:8px; background:#f8fafe; list-style-type:none; }
#right ul.imglist{list-style-type:none;height:170px}
#right ul.imglist li{margin:0px;}
#right li{ overflow: hidden; padding:2px 0 0 10px ; border-bottom:1px dashed #ccc; background:url(/img/list-img.gif) 0px 11px no-repeat; }
#right li.more{margin-right:8px;text-align:right;list-style:none;}
#right .hyzl{border:1px solid #d0d0d0; text-align:center; padding:6px 0;}
#right .hyzl ul{list-style-type:none;}
#right .hyzl ul li{ padding:10px; margin:10px;}
#right .hyzl ul li img{ margin-bottom:100px;}
#right .minleftbox{margin-top:10px; }
#right .minleftbox img{float:left;margin-right:5px;}
#right #links{ padding-bottom:6px;}

#index{float:left;width:550px; margin:7px 0 0 15px;}
#index a:hover{color:#F00}
#index h2{margin-top:8px;background:#f0f0f0;padding:4px;font-size:12px;font-weight:bold;border-bottom:1px solid #999;}
#index ul{ list-style-type:none}
#index li{margin-left:4px;padding:3px 0 2px 12px; background:url(/img/list-img.gif) 0px 11px no-repeat;border-bottom:1px dashed #ccc;}
#index div.block{margin-top:8px;clear:both; border:#ccc 1px solid}
#index div.section{float:left; width:250px; padding:2px 8px 10px 12px;}
#index div.section li{clear:both;}
#index h3{margin:8px 0px; border-bottom:#bbdbef 1px solid; border-top:#bbdbef 1px solid; background:url(img/h3-img.gif) no-repeat 4px 9px #f1fafe;padding:5px 0 1px 27px;font-size:12px;}
#index h3 a{ color:#0073ac; font-size:14px; }
#index h3 a.more { float:right; color:#0073ac; font-size:12px; font-weight: normal; }

#index h4{margin:4px 0px;} 
#index h4 a{font-size:14px;font-weight:bold; padding-left:20px;}
#index img{float:left;}
#index p{font-size:12px;}

#highlight{ clear:both; height:230px;border:#CCC 1px solid}
#highlight #donghua{float:left;width:220px; padding:14px 0 6px 14px;}
#highlight #news {float:right;width:300px;clear:both; padding:6px 4px 0 4px;}
#highlight #news ul{margin-left:0px;padding-left:0px;}
#highlight #news ul{margin-left:0px;padding-left:0px;}
#highlight #news p{text-align:right;padding:4px;}
 
#adlink a{color:#ccc;}
#adlink{width:548px;margin:10px 0 10px 0; border:#CCC 1px solid;height:60px;}
#adlinks{width:548px;margin:10px 0;border: 1px solid #CCCCCC;height:66px;}
#adlinks .links1{height:64px;text-align:center; line-height:16px;float:left;width:24px;background-color:#ebf6fe; color:#0073ac; padding-top:2px;font-weight:bold}
#adlinks .links2{float:right;width:520px;padding-top:12px;}
#adlinks .links2 a img{ margin-left:6px; border:#e0e0e0 1px solid}

#sectionlist{float:left;width:550px; margin:7px 0 0 13px;border-right:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:#CCC 1px solid}
#sectionlist a:hover{color:#F00}
#sectionlist #path{padding:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#sectionlist #path img{vertical-align:middle;}
#sectionlist #navigate { padding: 8px; background: #f7fcff; }
#sectionlist #navigate span { display: block; float: left; width: 175px;  }
#sectionlist #navigate a { color: #f00; }
#sectionlist p.more{float:right; padding-right:10px;}
#sectionlist h2{margin:8px 0px;color:#0073ac;font-size:14px;font-weight:bold; border-bottom:#bbdbef 1px solid; border-top:#bbdbef 1px solid; background:url(img/h3-img.gif) no-repeat 4px 9px #f1fafe;padding:5px 0 1px 27px;}
#sectionlist h2 a.more{ float:right; padding-right:10px; font-size: 12px; font-weight: normal; }
#sectionlist ul{list-style-type:none;clear:both; margin-bottom:10px;}
#sectionlist li{margin-left:4px; padding:3px 0 2px 20px;background:url(/img/list-img.gif) 4px 11px no-repeat;border-bottom:1px dashed #ccc;}
#sectionlist li.top{margin-right:8px;text-align:right;list-style-type:none;}

#sectionone{float:left;width:550px; margin:7px 0 0 13px;border-right:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:#CCC 1px solid}
#sectionone #path{padding:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#sectionone #path img{vertical-align:middle;}
#sectionone h2{margin:8px 0px;color:#0073ac;font-size:14px;font-weight:bold; border-bottom:#bbdbef 1px solid; border-top:#bbdbef 1px solid; background:url(img/h3-img.gif) no-repeat 4px 9px #f1fafe;padding:5px 0 1px 27px;}
#sectionone ul{list-style-type:none;}
#sectionone li{margin-left:4px; padding:3px 0 2px 20px;background:url(/img/list-img.gif) 4px 11px no-repeat;border-bottom:1px dashed #ccc;}

#sectionone #page{margin-top:8px;text-align:center;padding:6px 0;}
#sectionone #page a{padding:4px;border:1px solid #ccc;}
#sectionone #page a:hover{background:#f0f0f0;}
#sectionone #page #pagenow{padding:4px;color:#f00;border:1px solid #c99;background:#fcc;}

#article{float:left;width:720px;margin:7px 4px;}
#article #path{margin-right:8px;padding:4px;}
#article #path img{vertical-align:middle;}
#article h1{margin-top:8px;text-align:center;color:#069;font-size:18px;font-weight:bolder;}
#article #time{text-align:center; margin-left:250px;color:#f00;font-size:12px;}
#article #content{text-indent:28px;line-height:24px;font-size:14px; padding:20px 22px 20px 26px;background:#f7fcff; border:#CCC 1px solid;}
#article #content p{ line-height:24px; margin-top:16px;}
#article #article-logo{float:left;margin:8px;}
#article #accessory{}

#footer{text-align:center;clear:both; margin-top:10px;}
#footer #link{margin-top:8px;background:#f8fafe; margin:4px 0 0px 0; border:#e4e4e4 1px solid}
#footer #copyright{padding:8px;}
#footer #copyright p{ padding:6px 0 6px 0;}
.cred	,a.cred:link	,.cred a:visited	{color:Red; }

#tabs5 {
	width:958px;
	  font-size:12px;
      line-height:normal;
	  clear:both;
	  height:30px;
	  background:#f1f9ff;
	  border:#b8cfe7 1px solid;
	  margin-top:2px;
      }
#tabs5 ul {
	  margin:0;
	  list-style:none;
      }
	  
#tabs5 ul li{ float:left; margin:8px 0px 0 0px; padding:2px 6px 2px 6px;border-right:#999 1px dashed;}
#tabs5 ul li a{
      display:inline;
	  padding:6px 0 0 0;

	  font-weight:bold;
      }
	  
#tabs5 ul li a:hover{ color:#090}

.cr{padding:10px 0;border-bottom:1px dashed #ccc;}
.cr h1{ text-align:center}
.cr h1 a{font-size:13px; color:#F00}
.cr h1 a:hover{ color:#F00}
.cr p{line-height:19px; padding:0 4px 0 14px;}

.cr2{padding:10px 0;border-bottom:1px dashed #ccc;}
.cr2 h1{ text-align:center}
.cr2 h1 a{font-size:16px;}
.cr2 h1 a:hover{ color:#F00}
.cr2 p{line-height:19px; padding:0 4px 0 14px;}

#loginname{ width:110px;}
#loginpassword{width:110px;}

#signup { padding: 20px; }
#signup table tr td.label{width:20%; text-align:right;}
#signup table tr td.field{width:40% text-align:left;}
#signup table tr td.tabcolor{width:36% text-align:left;color:#999;}
#signup input[type=text], #signup input[type=password]{ border: 1px solid #ccc; }

#comments { margin: 16px 0 0 0; border: 1px solid #ccc;  }
#comments h2 { padding: 4px; font-size: 12px; background: #f7fcff; border-bottom: 1px solid #ccc;  }
#comments div { margin: 8px; border: 1px solid #ccc; }
#comments h3 { padding: 4px; font-size: 12px; background: #f7fcff; border-bottom: 1px solid #ccc; }
#comments h4 { margin: 8px 4px 0 8px; }
#comments p { margin: 0 4px 8px 16px; }

#comment_form { margin: 8px 0 0 0; border: 1px solid #ccc; }
#comment_form h3 { padding: 4px; font-size: 12px; background: #f7fcff; border-bottom: 1px solid #ccc;  }
#comment_form div { margin: 8px; }
#comment_form p { margin: 4px; }

#member_menu { float: left; margin: 8px 0 0 0; width: 180px; background: #f8fafe; border: 1px solid #ccc; }
#member_menu h3 { margin: 0 4px; font-size: 12px; border-bottom: 1px solid #999; }
#member_menu ul { list-style: none; }
#member_menu li { margin: 4px 8px; border-bottom: 1px solid #ccc; }

#member_main { float: left; margin: 8px 0 0 8px; width: 760px;  }
#member_main h3 { margin: 4px 4px; font-size: 14px; border-bottom: 1px solid #ccc; }
#member_main #searchform { margin: 4px; }
#member_main #list{clear:both;width:100%;background-color:#e7e7e7;}
#member_main #list th{white-space:nowrap;background-color:#f0f0f0;border-bottom:1px solid #999;border-left:1px solid #fff;padding:4px;}
#member_main #list td{white-space:nowrap;background-color:#ffffff;padding:4px;}
#member_main #list .order{text-align:right;background-color:#eef;}

#local_association table { margin: 4px; width: 96%; border-collapse: collapse; }
#local_association tr.odd { background-color: #fff; }
#local_association tr.even { background-color: #e4f3f3; } 
#local_association td { padding: 2px; text-align: center; border: 1px solid #ccc; }

table#edit{align:center; width:100%; border-collapse:collapse; margin-top:20px; background:#FFF}
table#edit td{ border:1px solid #adcede; padding:10px;}
table#edit td.label{font-weight:bold; width:20%;}
table#edit td.field{ width:80%;}