/*!(C)2009, agramerpaiting.com. Some rights reserved. @Author: Kairyou. @version: 12. Inspired by YUI|TB.*/
/**
 * Update Log:
 * 2009-04-13   kairyou 考虑渲染效率 3位数的颜色简写#000 全部改为 6位 #000000
 * 2009-04-13   kairyou 增加textarea默认样式,embed,object,applet
 * 2009-04-09   kairyou 加入:fix ie6 2form bug for .NET
 * 2008-12-05   kairyou created Style Platform initial version
 */
/*@charset "gb2312";*/
html{color:#000000;background:#E8E8E8;overflow-y:scroll;}/*永远显示滚动条，否则在有滚动条和没有滚动条页面切换，会发现div在左右移动*/
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,embed,object,applet{margin:0;padding:0;font-weight:400;}
body{padding:0 5px;background:#E8E8E8 url(../img/doc_bg.jpg) repeat-x 0 0;color:#000;font:12px/1.25em arial, sans-serif;text-align:center;}
* html body{text-align:left;/*fix ie6 2form bug for .NET,IE6/IE7都识别这句*/}
/*#505050/#404040/#444444/#669900/#CC6600*/

/* =for english web */
/*IBM|CNN: font: 12px/1.25em arial, sans-serif;*/
/*alibab: font: 75%/150% arial, sans-serif;*/
/*
http://us.my.alibaba.com/user/join/join_step1.htm?cd=0#
http://us.my.alibaba.com/user/join/join_step1.htm?cd=0#
*/
/*alibab.com*/
body,table,td,div,p{word-wrap:break-word;word-break:break-all;word-break/* */:normal ;}

/* =element */
h1,h2,h3,h4,h4,h5,h6,strong{margin:0;padding:0;font-weight:700;}
table{border-collapse:collapse;border-spacing:0;border-spacing:0;/*table-layout:fixed*/
/*border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;*/}
/*需要在html中设置cellspacing="0" 来达到完美重置效果*/
th,td{border:1px solid #CCCCCC/*border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;*/}
caption,th{text-align:left;}
fieldset,img,iframe{border:none;}
li{list-style:none;}/*ol,ul*/
address,caption,cite,code,dfn,em,th,var,b,i {font-style:normal;font-weight:400;}
pre,code,kbd,samp,tt{font-family:'Courier New',Courier,monospace;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
abbr,acronym{border-bottom:1px dotted;font-variant:normal;cursor:help;}
sup,sub{font-size:.7em}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}/*vertical-align: baseline;*/
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}
/*select,input{vertical-align:middle;}*/
/* =input */
.type1{border:#D4D0C8 1px solid;}
.imd{ime-mode:disabled}/*关闭input输入法，只能输入英文数字,text-transform:uppercase 大写*/
button{border:none;cursor:pointer;}/*cursor:default;*/
textarea {padding:4px;border:1px solid #B8CEDD;}
del,ins{text-decoration:none;}
del{color:#666666;}
ins{color:#C32D29;font-weight:700;}
em{color:#666666;}
hr{height:1px;background:#E4E4E4;color:#E4E4E4;border:none;}
h1{font-size:16px;}
h2,h3{font-size:14px;}
/*h4,h5,h6{font-size:12px;}*/
/*div{word-wrap:break-word;overflow:hidden;}*/
a:focus, input:focus {outline:none}/*删除虚线框,<IE8不支持*/
a:link{color:#0044DD/*2754bb*/;text-decoration:none;}
a:visited{color:#565553;text-decoration:underline;}
a:hover,a:active{color:#FF5500;text-decoration:underline;}
/*L:#666666;H:#D40005;text-indent:-99em;*/

/* =block */
.fix:after{content:"";display:block;height:0;clear:both;}/*在用 :after 方式清除浮动时，GBK 编码下切记不要在 content:""; 的引号中加任何字符，包括网上常见方式的点“.”，在opera下会产生问题。by:怿飞*/
.fix {*zoom:1;}
.clr{clear:both;height:0;overflow:hidden;}
.dbh{display:block;overflow:hidden;}
.hid{display:none;}.inv{visibility:hidden;}/*invisible*/
.trl{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}/*translucent半透明*/
.he{background:#FCFC99;color:#000000;border:1px solid #FFCC00;}/*high explosive警告*/
.dib{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
/*1.一方面FF3、IE8、Opera、Safari 支持，另一方面下触发IE下inline 元素的 hasLayout;
2.FF私有属性,它所包含的a或button将无法点击或无法选取,需要通过.dib a,.dib button{position:relative}来hack掉这个bug;
3.同样是IE下触发hasLayout;4.一旦IE下触发了hasLayout,再使用display:inline综合模拟inline-block*/
.rod{-webkit-border-radius:10px;-moz-border-radius:10px;}/*round*/
/*
图片IMG与容器下边界有空隙的解决方法
1.设置容器：line-height:0;/×for FF;×/font-size:0/×for ie×/
2.设置img：vertical-align:middle|top|bottom（设为middle时,字体如果为Arial,IE下,上边界会有1px的边距，而字体为Verdana,Helvetica时无此问题）
*/



/* =letter */
.b{font-weight:700;}/*粗体*/
.i{font-style:italic;}/*斜体*/
.lts{letter-spacing:5px;}/*字符间空白,中文文字间距*/
.wds{word-spacing:5px;}/*单词间空白,带空格的文字间距*/
.del{text-decoration:line-through;}/*贯穿线*/
    /* =table */
    .nop{white-space:nowrap;}/*不换行*/
    .vat{vertical-align:top;}/*顶端对齐*/
    .tar{text-align:right;}
.cer{text-align:center;}/*居中*/
.r{color:#F00;}/*红-red*/
.o{color:#FF5500;}/*橘-orange highlight*/
.g{color:#666666;}/*灰-grey*/
.p{color:#F65D89;}/*粉-pink*/
.brown{color:#CC0000;}/*褐-error/

/*#doc,*/
#hd,#bd,#ft{width:902px;margin:0 auto;text-align:left;}
/* =HD */
#hd{padding-top:32px;}
#masthead{height:128px;overflow:hidden;/*142-14*/padding:7px 10px;background:url(../img/masthead.jpg) no-repeat 0 0;}
#logo a{
    display:block;float:left;width:274px;height:126px;overflow:hidden;
    position:relative;/*解决FF不能点击的BUG*/
    text-indent:-99em;
    background:url(../img/logo.jpg) no-repeat 0 0;
}
#banner{float:right;width:586px;height:112px;margin:10px 0;}
#navigation{height:44px;padding:0 0 0 16px;}
#navigation li{float:left;margin:0 4px;}
#navigation a{display:block;width:103px;height:44px;color:#FFFFFF;font-weight:700;text-align:center;text-decoration:none;line-height:45px;}
#navigation a:link,#navigation a:visited{}
#navigation a:hover{background:url(../img/cur_bg.jpg) no-repeat 0 -55px;}
.current a{background:url(../img/cur_bg.jpg) no-repeat 0 0;}
/* =BD */
#bd{position:relative;margin-top:12px;padding:10px 0 8px;background:#FFFFFF url(../img/bd_bg.gif) no-repeat 0 0;color:#666666;line-height:1.66em;}
#home-main h1,#home-sub h2{color:#00C53B;font-size:17px;}
#home-main h1{height:43px;padding-left:35px;background:url(../img/i1.gif) no-repeat 5px 50%;border-bottom:2px solid #CCCCCC;line-height:43px;}
.column{}
#home-main{width:618px;height:270px;margin:0 26px;}
#home-sub{position:absolute;top:0;right:0;width:222px;height:268px;padding:0 0 0 20px;background:url(../img/home_sub.jpg) no-repeat 0 0;}
#home-sub h2{height:63px;padding-left:45px;line-height:66px;}
#home-sub strong{color:#008135;font-size:13px;}
#projects{width:843px;height:137px;margin:0 auto;padding:0 8px;background:url(../img/projects.jpg) no-repeat 0 0;}
#projects h2{height:35px;padding-left:25px;line-height:36px;color:#FFF;}
#projects h2 a{ color:#fff; text-decoration: none;}
#projects li{float:left;margin:7px 8px;}
#projects img{border:4px solid #FFFFFF;}

h1.tit{width:812px;height:43px;margin:5px auto;padding-left:35px;background:url(../img/i1.gif) no-repeat 5px 50%;border-bottom:2px solid #CCCCCC;color:#00C53B;font-size:20px;line-height:43px;}
.main{float:right;width:530px;margin:15px 27px 0 0;}
.sub{float:left;width:280px;margin:15px 0 0 27px;}
.details{}
.main p{padding:0.3em 5px 0.7em;}
.main strong{font-size:14px;color:#444444;}

/* =Max Width */
/*图片最大宽度(自动缩放)*/
.max-w img{
max-width:570px;height:auto;/*for ie7+ & other*/
_zoom:expression(function(elm){if(elm.width>570){var oldVW =elm.width;elm.width=570;elm.height = elm.height*(570 /oldVW);}elm.style.zoom = '1';}(this));/*for ie6*/
overflow:hidden;}.chrome{}/*chrome下,expression 这段下一个id{}或class{}内的css会被过滤掉,所以这里加了个空的.chrome{}*/

.max-w2 img{width:auto!important;width:570px;max-width:570px;}

.max-h{height:auto!important;height:350px;max-height:350px;}
/* =Min Height */
.min-h{height:auto!important;height:500px;/*IE6*/min-height:500px;}

/*
Usage Expale:
.xx,.xx-xx li,.xx a,.xxx p,.xx span,.xxx button,.xx ul *{
background-image:url(../img/xxx.gif);
background-repeat:no-repeat;}
.xx{background-position:-38px 0;padding-left:24px;}
border-color:#8096a7;border-width:1px 2px 2px 1px;border-style:solid;
*/

/* =FT */
#ft{clear:both;padding:18px 0;background:url(../img/bd_bg.gif) no-repeat -913px 0;}
#ft p{padding:0 8px 0;text-align:right;color:#999999;}
/* =FIX */
.ftl{float:left;}
.ftr{float:right;}


.span{ width:847px; clear:both; margin:15px 27px 0 27px;}
.span li{ float:left; width:350px; line-height:30px;}