﻿/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */ margin: 0; padding: 0; }

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */ }

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { color:#666; text-decoration: none; }
a:hover { color:#009900; text-decoration: underline; }
a.green { color:#009900; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; vertical-align:middle; /* 使得表单元素在 ie 下能继承字体大小 */}

/* 重置表格元素 */
table { border-collapse: collapse; border-spacing: 0; border-cellpadding:0px; }

/* 重置 hr */
hr { border: none; height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

/* 左右浮动+清除浮动 */
.fl { float:left; }
.fr { float:right; }
.clear { display:block; clear:both; height:0px; line-height:0px; border:0px; font-size:0px;_height:-1px; }

/* 头部背景 */
body { background:url(../img/body_bg.gif) repeat-x; background-color:#f2f2ea; }

/* 通用间距 */
.mt10 { margin-top:10px; }
.tc { text-align:center; }

/* 按钮格式 */
.btn_01 { width:50px; height:24px; line-height:24px; background-color:#009900; border:0; color:#fff; font-size:12px; font-weight:bold; }


/* 文本框格式 */
.input_1 { width:190px; height:18px; line-height:18px; padding:0 10px; border:1px solid #7f9db9; color:#393939; }

.hide{ display:none}

/* 框架大小 */
#content { width:960px; margin:0 auto; margin-top:10px;}
#frame_a { width:240px; overflow:hidden; }
#frame_b { width:700px; overflow:hidden; margin-left:8px}
#frame_c { width:710px; overflow:hidden; }

/* 网站头部 */
#header { width:960px; margin:0 auto; overflow:hidden; }
#logo { width:190px; float:left; overflow:hidden; }
#top_tools { float:right; height:32px; overflow:hidden; }
#top_tools a { margin:0 5px; }
#top_tools a:hover { color:#009900; }
#top_tools p { float:left; vertical-align:sub; background: transparent url("../img/left_01.gif") no-repeat left top; padding:0 0 0 10px; }
#top_tools span { float:left; height:32px; line-height:32px; display:block; background: transparent url("../img/right_01.gif") no-repeat right top; padding:0 10px 0 0; color:#666; }
#top_nav { width:770px; height:38px; float:right; margin-top:24px; overflow:hidden; }
#top_nav li { float:left; height:28px; padding-top:10px; margin-left:35px; display:inline; }
#top_nav li a { font-size:14px; color:#fff; font-weight:bold; }
#top_nav li a:hover { color:#333; }
#top_nav .current { width:140px; text-align:center; background:url(../img/nav_hover.gif) top center no-repeat; }
#top_nav .current a { color:#333; }

/* 网站尾部 */
#footer { width:100%; overflow:hidden; margin-top:10px; }
#footer .page_btn { float:left; margin-top:10px; }
#footer .page_btn li a { color:#999; }
#footer .page_btn li { float:left; margin-right:15px; display:inline; }
#footer .page_btn li.up { background:url(../img/left_arrowhead.gif) left center no-repeat; line-height:20px; padding-left:15px; }
#footer .page_btn li.top { background:url(../img/up_arrowhead.gif) left center no-repeat; line-height:20px; padding-left:15px; }
#footer .page_btn li.home { background:url(../img/right_arrowhead.gif) left center no-repeat; line-height:20px; padding-left:15px; }
#footer .copy { float:right; background:url(../img/foot_logo.gif) right top no-repeat; text-align:right; font-size:11px; color:#a4a4a3; padding-top:35px; }
#footer_index { width:960px; margin:0 auto; margin-top:10px; overflow:hidden; background:url(../img/foot_logo_index.gif) right top no-repeat; padding-top:30px; font-size:11px; color:#a4a4a3; text-align:right; }

	
/* 当前位置 */
#log { margin:0 auto; width:700px; text-align:right; padding-right:260px; }
#log em { font-size:9px; color:#009900; margin:0 5px; }
#log a { color:#b6b6b6; }
#log a:hover { }

/* 左边内容(背景图) */
#info {padding:1.5em 1.5em 1.5em 1.5em; padding-bottom:35px; background:url(../img/cont_bg.jpg) bottom left no-repeat; background-color:White;}
#info h3 { padding:10px 0; color:#009900; }
.info_list { width:640px; background:#fff; margin:15px auto 10px auto; padding:5px; }
.info_list dt { float:right; }
.info_list dt p { text-align:center; font-size:9px; color:#999; margin-top:10px; }
.info_list dt img { width:60px; height:60px; border:1px solid #dfdfdf; padding:5px; }
.info_list dd { width:500px; float:left; line-height:150%; color:#666; margin-top:5px; }
.info_list dd.title { height:20px; border-bottom:1px solid #ddd; }
.info_list dd.title a { font-weight:bold; }
.info_list dd a span { color:#009900; }
.kong { height:150px; }
.photo_list { background:url(../img/photo_line.gif) bottom repeat-x; height:auto}
.photo_list dl { float:left; width:190px; margin:20px 15px; display:inline; text-align:center;}
.photo_list dt { background-color:#fff; padding:10px; }
.photo_list dt img { width:150px; height:115px; border:1px solid #dfdfdf; padding:3px; }

/* 文章内容 */
.attribute { float:right; height:25px; }
.attribute li { color:#999; margin-left:15px; display:inline; }
.attribute li a { color:#009900; }
.pilot {border:1px dashed #dfdfdf; padding:15px; background-color:#f9f9f9; width:635px}
.pilot dt { float:right; margin-left:50px; }
.pilot dt img { width:60px; height:60px; border:1px solid #dfdfdf; padding:5px; }
.pilot dd { line-height:150%; color:#666; }
.pilot dd strong { font-size:11px; color:#009900; }
.intro { width:100%; margin:20px 0; font-size:14px; color:#666; line-height:200%; }
.intro p{ margin-top:1em;}
.label { width:100%; margin-top:70px; padding-bottom:10px; color:#999; }
.label a { color:#009900; }
.favorite { width:100%; padding-bottom:10px; color:#999; }
.favorite img { vertical-align:middle; }
.favorite a { margin:0 2px; }
.url_btn { height:30px; line-height:30px; }
.url_btn a { background-color:#009900; padding:5px 10px; color:#fff; font-weight:bold; margin-right:15px; }
.url_btn a:hover { color:#fff; }
.article_link { margin:10px 0; }
.article_link li { line-height:24px; color:#999; }
.article_link li a { color:#009900; }

/* 菜单 */
#menu_sub { width:220px; padding:0 8px 40px 12px; background:url(../img/bg_01.gif) bottom no-repeat; }
#menu_sub h3 { color:#333; margin:0 15px; padding:15px 0 10px 0; border-bottom:1px solid #999; background-color:#fff; }
#menu_sub .type { width:190px; margin:0 15px; }
#menu_sub .type li {  line-height:38px; background:url(../img/bg_02.gif) no-repeat;}
#menu_sub .type li a { color:#999; display:block ; padding-left:35px; }
#menu_sub .type li.current { background:url(../img/bg_03.gif) no-repeat; }
#menu_sub .type li.current a { color:#000; }
#menu_sub .type li.js { background:url(../img/bg_04.gif) no-repeat; }
#menu_sub .type li.js a { color:#009900; font-weight:bold; }
#menu_sub .type li a:hover { background:url(../img/bg_03.gif) no-repeat; color:#000; }

/* 文章列表 */
.article_list { width:190px; margin:0 15px; }
.article_list li { width:190px; line-height:38px; background:url(../img/bg_05.gif) bottom repeat-x; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.article_list li a { color:#999; }
.article_list li a:hover { color:#000; }

/* 招募志愿者 */
#join { width:220px; padding:0 8px 0 12px; }
#join dl { width:220px; margin-top:15px; }
#join dt { float:left; margin-right:10px; padding-top:10px; }
#join dt img { width:65px; height:65px; }
#join dd { width:145px; float:right; margin-top:5px; line-height:150%; color:#999; }
#join dd a { color:#333; font-size:14px; font-weight:bold; }
#join dd input { margin-right:10px; }
#join_foot { width:600px; margin-top:80px; }
#join_foot dl { float:left; width:220px; margin-right:10px; display:inline; }
#join_foot dt { float:left; margin-right:10px; padding-top:10px; }
#join_foot dt img { width:65px; height:65px; }
#join_foot dd { width:145px; float:right; margin-top:5px; line-height:150%; color:#999; }
#join_foot dd a { color:#333; font-size:14px; font-weight:bold; }

/* 评论 */
#comment { width:220px; padding:0 8px 0 12px; }
#comment h3 { background:url(../img/ico_22.gif) no-repeat; line-height:42px; padding-left:50px; }
#comment dl { width:220px; margin-top:20px; }
#comment dt { height:18px; margin-bottom:5px; border-bottom:1px dashed #ccc; }
#comment dt p { float:left; font-weight:bold; }
#comment dt span { float:right; font-size:11px; font-weight:bold; color:#009900; }
#comment dd { line-height:150%; color:#999; }

/* 发表评论 */
#post_comment { width:366px; background:url(../img/bg_06.gif) repeat-y; padding:15px; }
#post_comment dl { width:360px; }
#post_comment dt { float:left; width:60px; text-align:right; padding:10px 0; font-weight:bold; }
#post_comment dd { float:right; width:280px; padding:6px 0; }
#post_comment dd input { width:220px; height:18px; line-height:18px; }
#post_comment dd textarea { width:220px; height:120px; background:url(../img/bg_07.gif) no-repeat; }
#post_comment li { padding-left:80px; }
#post_comment li input { background-color:#333; padding:5px 10px; color:#fff; font-weight:bold; border:0; }

/* 友情链接 */
#fans_link { width:220px; padding:0 8px 0 12px; margin-top:30px; }
#fans_link h4 { float:left; line-height:24px; color:#009900; font-weight:normal; }
#fans_link ul { float:left; }
#fans_link li { float:left; line-height:24px; margin-right:10px; display:inline; }

/* 幻灯片 */
#slider { width:703px; height:212px; background:url(../img/bg_09.gif) no-repeat; padding-left:7px; padding-top:8px; margin-top:15px; }
#slider img { width:690px; height:180px; }

/* 首页资讯 */
#info_index { width:710px; margin-top:15px; background:url(../img/bg_10.gif) top no-repeat; }
#news { float:left; width:355px; }
#news h3 { padding-top:5px; }
#news h3 span { font-weight:normal; font-size:12px; color:#009900; margin:0 15px; }
#news dl { width:305px; padding:15px; }
#news dt { float:left; width:80px; }
#news dt img { width:60px; height:60px; border:1px solid #dfdfdf; padding:5px; }
#news dd { float:right; width:210px; color:#999; line-height:150%; }
#news dd p { line-height:20px; text-align:right; margin-top:30px; }
#news dd p a { background:url(../img/ico_23.gif) left center no-repeat; padding-left:20px; color:#009900; font-size:11px; }
#myinfo { float:left; width:355px; }
#myinfo dl { width:305px; padding:0 15px; }
#myinfo dt { width:80px; float:left; }
#myinfo dd { width:210px; float:right; color:#999; line-height:150%; }
#myinfo dd.title { line-height:33px; }
#myinfo dd.title span { font-size:12px; color:#009900; margin-right:15px; }
#myinfo dd.title a { font-size:14px; font-weight:bold; }
#myinfo dd p { line-height:20px; text-align:right; margin-top:30px; }
#myinfo dd p a { background:url(../img/ico_23.gif) left center no-repeat; padding-left:20px; color:#009900; font-size:11px; }

/* 分页 */
#page { height:35px; padding-left:1em}
#page p { float:left;border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666;height:20px; display:block; line-height:20px; padding-left:5px; padding-right:5px}
#page ul { float:left;}
#page li { float:left; line-height:35px; margin-left:5px; display:inline; }
#page li a { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666;height:20px; display:block; line-height:20px; padding-left:5px; padding-right:5px; float:left}
#page li a span { font-size:9px; }
#page li.current a { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666; height:20px; display:block; line-height:20px; padding-left:5px; padding-right:5px;color:#009900; font-weight:bold; }


.imageOver{
	background:url(../img/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}