/* ==========================================================================
   Global CSS
   ========================================================================== */

/* From zhangxinyu.com
   ========================================================================== */

/* display */
.dn{display:none;}.db{display:block;}.dib{display:inline-block;}.di{display:inline;}
/* height and line-height */
.h14{height:14px;}.h16{height:16px;}.h18{height:18px;}.h20{height:20px;}.h22{height:22px;}.h24{height:24px;}
.lh14{line-height:14px;}.lh16{line-height:16px;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}
 /* box (compare to oocss spacing) */
.m0{margin:0;}.m1{margin:1px;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.ml-1{margin-left:-1px;}.mt-1{margin-top:-1px;}
.p1{padding:1px;}.pl1{padding-left:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}.p2{padding:2px;}.pl2{padding-left:2px;}.pt2{padding-top:2px;}.pr2{padding-right:2px;}.pb2{padding-bottom:2px;}.pl5{padding-left:5px;}.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.p10{padding:10px;}.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}
/* font */
.g0{color:#000;}.g3{color:#333;}.g6{color:#666;}.g9{color:#999;}.wh{color:white;}
.f0{font-size:0;}.f10{font-size:10px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;}
.fa{font-family:Arial;}.ft{font-family:Tahoma;}.fv{font-family:Verdana;}.fs{font-family:'宋体';}.fw{font-family:'微软雅黑';}
.n{font-weight:normal; font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}
/* paragraph */
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tj{text-align:justify;}
.tdl{text-decoration:underline;}.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}
.lt0{letter-spacing:0;}lt1{letter-spacing:1px;}
.wrap{white-space:nowrap;}
.bk{word-wrap:break-word;}
.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}
/* float (replace with nbd) */
.l{float:left;}.r{float:right;}
.cl{clear:both;}
/* position */
.rel{position:relative;}.abs{position:absolute;}
.zx1{z-index:1;}.zx2{z-index:2;}
/* others */
.poi{cursor:pointer;}.def{cursor:default;}
.ovh{overflow:hidden;}
.vh{visibility:hidden;}.vv{visibility:visible;}
.z{*zoom:1;}

.auto{margin-left:auto; margin-right:auto;}
.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* OOCSS
   ========================================================================== */

/*
 * spacing helpers (from oocss)
 * p,m = padding,margin
 * a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
 * s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
 */
.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prl,.phl,.pal{padding-right:20px !important}
.pbn,.pvn,.pan{padding-bottom:0px !important}  
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.pll,.phl,.pal{padding-left:20px !important}
.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mbn,.mvn,.man{margin-bottom:0px !important}  
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mll,.mhl,.mal{margin-left:20px !important}

/* grid */
.line,.lastUnit{overflow:hidden; *overflow:visible;*zoom:1;}
.unit{float:left;}
.unitRight{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;}




/* ==========================================================================
   Top Nav
   ========================================================================== */

.smallLogo{
   width: 117px;
   height: 19px;
   margin: 5px 15px 0 0;
   background: url(../img/logo-top.gif) no-repeat;
   float: left;
   text-align: left;
   text-indent: -99999px;
}
#top { height:30px; text-align:right; font-family: Arial, sans-serif;}
#top * { font-size:12px; }
#top .innerCenter { width:990px; margin:0 auto; }
#top .innerCenter ul{
   margin-top: 7px;
}
#top .innerCenter ul li{
   float: left;
}
#top .innerCenter ul li{
   padding: 0 10px;
}
#top .innerCenter ul li.first{
   padding-left: 0;
}
#top .innerCenter ul li.last{
   border-right: none !important;
   padding-right: 0;
}

#topStyle { height:100%; } /* for ie6 */

#top.dark #topStyle { background:#2d2d2d; color:#ccc; }
#top.dark #topStyle a{color: #ccc;}
#top.dark #topStyle a:hover{color: #fff;}
#top.dark #topStyle ul li {border-right: 1px solid #404040;}
#top.dark #topStyle .smallLogo{
   background-image: url(../images/logo-top-dark.gif);
}

#top.gray #topStyle { background:#eceff5; color:#404040; }
#top.gray #topStyle a { color:#404040; }
#top.gray #topStyle a:hover { color:#000; }
#top.gray #topStyle ul li { border-right: 1px solid #cfd6e5; } 

#topNavigation { float:left; }

#footer { margin-top:20px; padding:10px 0 20px; background:#eceff5 url(../images/graydot-2.gif) left top repeat-x; text-align:center; border-top:1px solid #cfd6e5; font-family:Arial, sans-serif; font-size: 12px; }
#footer .nav { height:30px; line-height:30px; font-size:13px;}
#footer .nav a { padding:0 10px; border-left:1px solid #ccc;}
#footer .nav a.first { border-left:0; }
#footer .nav a.last { border-right:0; }
#footer p {color: #787878; line-height:1.8; }

#footer.dark  { border:none; color:#787878 ; background:#000; }
#footer.dark  a { color:#fff; }



/* ==========================================================================
   Website Base CSS
   ========================================================================== */

body { background:#AD1512; font:14px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#303030; }

a { text-decoration:none; color:#666; }
a:hover { text-decoration:underline; }

.m30 { margin:30px !important; }

.ti2em { text-indent:2em; }

.w300 { width:300px; }

.g_light_yellow { color:#fffbde !important; }
.g_modd_red { color:#99100a !important; }

.bg_light_green { background:#f0faef !important; }
.bg_gradient_gray { background:url(../img/gradient-bg.png) #fff left bottom repeat-x !important; }





/* ==========================================================================
   Website Module CSS
   ========================================================================== */

.unorder_list { list-style:disc inside none; }
.unorder_list li { margin-bottom:10px; }

.page_center { margin:0 10px; }

.rect { padding:1px; border:1px solid #f6f6f6; }
.rect .inner { padding:8px; background:#f6f6f6; }

.hr1 { margin:10px 0; width:100%; height:0; border-top:2px dotted #ececec; }

/* Box
   ========================================================================== */

.box .hd { margin:0 0 10px 0; height:30px; line-height:30px; }
.box .hd b { float:left; margin:5px 5px 0 0; width:19px; height:20px; background:url(../img/icon-heart.gif) 0 0 no-repeat;  }
.box .hd .opts { float:right; font-size:12px; }
.box .bd { margin-bottom:15px; }

.heart_with_bg .hd { color:#cd8320; }
.heart_with_bg .hd b { background-position:0 -20px; }

.heart .hd { color:#e96425; }
.heart .hd b { background-position:0 0; }

.heart .hd, .block .hd { border-bottom:1px solid #e96425; }

.block .hd .block_rect { float:left; padding:0 10px; height:30px; background:#e96425; color:#fff; }

/* Title
   ========================================================================== */

.title { margin:10px 0; padding-left:50px; height:50px; background:url(../img/title.gif) 0 0 no-repeat; line-height:50px; color:#99100a; }

/* Project Item
   ========================================================================== */

.project_item { padding:1px; border:1px solid #f6f6f6; }
.project_item_inner { padding:8px; background:#f6f6f6; }
.project_item_inner .img { float:left; width:196px; }
.project_item_inner .img .highlight { color:#dc2c1f; }
.project_item_inner .info { margin-left:196px; font-size:12px; line-height:2; }
.project_item_inner .info .detail { color:#dc2c1f; }

.join_btn { display:block; margin:15px auto 0; width:132px; height:23px; background:url(../img/join-btn.png) 0 0 no-repeat; } 

/* Scroll Image
   ========================================================================== */

.imageGallery { margin-bottom:10px; overflow:hidden; }
.imageGallery .slideImageInner { position:relative; height:320px; border:5px solid #F0FAEF; }
.imageGallery .imageGroup { height:100%; }
.imageGallery .imageGroup img { width:100%; height:100%; }
.imageGallery .bottomInfo, .imageGallery .bottomInfoBg { position:absolute; bottom:0px; left:0px; width:100%; height:30px; }
.imageGallery .bottomInfo { line-height:30px; color:#fff; font-size: 12px; font-weight:bold;  z-index:0;}
.imageGallery .bottomInfoBg { background:#000; opacity:0.7; filter:alpha(opacity=80); z-index:-1; }
.imageGallery .bottomInfo .imageInfo { float:left; margin-left:10px; width:60%; height:100%; }
.imageGallery .bottomInfo .imageInfo a { color:#fff; word-break:keep-all; white-space:nowrap; }
.imageGallery .bottomInfo .imageIndex { color:#fff; float:right; width:103px;}
.imageGallery .bottomInfo .imageIndex a { margin-left:10px; color:#fff; }
.imageGallery .bottomInfo .imageIndex a.current { color:red; }

/* Trans Box
   ========================================================================== */

.trans_box { margin-bottom:20px; padding:15px; border:1px solid #f2d19e; background:url(../img/trans-bg.png) #fff 0 0 repeat-x; font-size:12px; }
.trans_box .tb_title { margin-bottom:20px; color:#e96425; font-weight:bold; }
.trans_box .tb_title .pre { display:inline-block; margin-right:5px; width:11px; height:13px; background:url(../img/pre.png) 0 0 no-repeat; }
.trans_box .tb_content { padding-left:20px; }

/* ==========================================================================
   Layout CSS
   ========================================================================== */

#page { margin:40px auto; padding-bottom:30px; width:980px; background:#fff; }
#banner { display:block; width:100%; }

/* nav */
#nav { height:43px; background:url(../img/nav.png) 0 0 repeat-x; line-height:43px; text-align:center; color:white; }
#nav a { padding:0 10px; color:white; }

.footer_hr { margin:20px 0; height:22px; background:url(../img/footer-hr.png) 0 0 repeat-x; }





/* ==========================================================================
   Feature_home CSS
   ========================================================================== */

.help_people { margin-bottom:10px; padding:8px; background:#fffbde; }

.think_tank { position:relative; height:132px; }
.think_tank .tt_container { position:relative; margin:0 auto; width:368px; height:100%; }
.think_tank .tt_item { float:left; margin-right:2px; padding:1px; width:70px; height:130px; background:url(../img/think-tank.png) 0 0 no-repeat; -webkit-text-size-adjust:none; font-size:10px; overflow:hidden; text-align:center; }
.think_tank .tt_item strong { font-size:12px; }
.think_tank .tt_item img { width:100%; height:63px; }
.think_tank .prev, .think_tank .next { display:block; position:absolute; top:40%; z-index:999; width:20px; height:20px; }
.think_tank .prev { left:0px; }
.think_tank .next { right:0px; }
.think_tank .last { margin:0; }
.tt_container { width:368px; height:132px; }

.help_power img { float:left; margin:0 2px 2px 0; width:40px; height:40px; background:#ccc; }

.new_power { padding-bottom:10px; font-size:12px; }
.new_power li { float:left; width:50%; margin:10px 0 0; text-align:center; }
.new_power li img { width:60px; height:70px; }
.new_power li p { padding:0 5px; height:20px; line-height:20px; overflow:hidden; }

.project_host { margin:15px 0; padding:10px; border-top:2px dotted #ececec; border-bottom:2px dotted #ececec; }
.project_host th { color:#dc2c1f; text-align:left; font-weight:normal; }
.project_host td, .project_host th { padding-right:30px; }

.support_media .hd { color:#dc2c1f; }
.support_media .bd {}

/* extend trans_box */
.nplus1 .tb_title { margin-bottom:10px; }
.nplus1 .tb_content { margin-bottom:10px; }





/* ==========================================================================
   Feature_contact CSS
   ========================================================================== */

.contact_us { margin:30px; line-height:40px; }
.contact_us p { margin-bottom:10px; }
.contact_us p.item { padding-left:50px; background:url(../img/contact.png) 0 0 no-repeat; }
.contact_us p.phone { background-position:0 -80px; }
.contact_us p.email { background-position:0 -40px; }
.contact_us p.qq { background-position:0 0px; }





/* ==========================================================================
   Feature_apply CSS
   ========================================================================== */

.help_intro { position:relative; }
.help_intro .inner { padding:30px 100px 30px 100px; text-indent:2em; line-height:1.8; }
.help_intro .cangyi_banner { position:absolute; top:0; left:0; width:139px; height:137px; background:url(../img/cang-yi-shu.png); }

.apply-btn { display:block; margin:20px auto; padding-left:55px; width:115px; height:51px; background:url(../img/apply-btn.png) 0 0 no-repeat; font-size:20px; line-height:55px; }

.get_help { margin:0 30px; line-height:30px; }
.get_help .inner { padding:15px; }
.get_help .p1 { height:120px; text-indent:2em; }
.get_help .p2 { height:40px; line-height:40px; font-size:18px; text-align:right; }
.get_help .p3 { height:90px; color:red; }





/* ==========================================================================
   Feature_about CSS
   ========================================================================== */

#body_about p { margin-bottom:10px; line-height:1.8; text-indent:2em; }





/* ==========================================================================
   Feature_project CSS
   ========================================================================== */

.newest_project { padding:10px; background:#f5f5f5; }
.newest_project_intro { margin-right:15px; padding:10px; height:245px; border:1px solid #c4c4c4; background:#fff; font-size:12px; line-height:2; }
.newest_project_img img { display:block; } 
.newest_project_join_btn { float:right; width:101px; height:20px; background:url(../img/join-btn-2.png) 0 0 no-repeat; }





/* ==========================================================================
   Feature_proceed CSS
   ========================================================================== */

.image_expo { margin-right:20px; }
.image_expo .image_item { float:left; display:inline; margin-bottom:20px; width:33%; text-align:center; }
.image_expo .image_item img { padding:5px; width:220px; height:165px; border:1px solid #dbdfe0; }
.image_expo .image_item p { height:15px; font-size:12px; line-height:15px; overflow:hidden; }