/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr-e, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
html {font-size:100.01%;} 
			/*默认16px */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
			/*body 75% 为12px */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
			/*fontsize 36px 6px*/
h2 {font-size:2em;margin-bottom:0.75em;}
			/*fontsize 36px */
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pr-e {margin:1.5em 0;white-space:pr-e;}
pr-e, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;}
ul {list-style-type:none;}
ol {list-style-type:none;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* forms.css */
input{height:1.5em;line-height:1.5em;font-size:1em;padding:0;}
input.button{width:5em!important;height:2em;line-height:1.5em;}



/*11-8新改的功能在FF和IE还要修改*/




/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pr-1 {padding-right:40px;}
.pr-2 {padding-right:80px;}
.pr-3 {padding-right:120px;}
.pr-4 {padding-right:160px;}
.pr-5 {padding-right:200px;}
.pr-6 {padding-right:240px;}
.pr-7 {padding-right:280px;}
.pr-8 {padding-right:320px;}
.pr-9 {padding-right:360px;}
.pr-10 {padding-right:400px;}
.pr-11 {padding-right:440px;}
.pr-12 {padding-right:480px;}
.pr-13 {padding-right:520px;}
.pr-14 {padding-right:560px;}
.pr-15 {padding-right:600px;}
.pr-16 {padding-right:640px;}
.pr-17 {padding-right:680px;}
.pr-18 {padding-right:720px;}
.pr-19 {padding-right:760px;}
.pr-20 {padding-right:800px;}
.pr-21 {padding-right:840px;}
.pr-22 {padding-right:880px;}
.pr-23 {padding-right:920px;}
.pl-1 {padding-left:40px;}
.pl-2 {padding-left:80px;}
.pl-3 {padding-left:120px;}
.pl-4 {padding-left:160px;}
.pl-5 {padding-left:200px;}
.pl-6 {padding-left:240px;}
.pl-7 {padding-left:280px;}
.pl-8 {padding-left:320px;}
.pl-9 {padding-left:360px;}
.pl-10 {padding-left:400px;}
.pl-11 {padding-left:440px;}
.pl-12 {padding-left:480px;}
.pl-13 {padding-left:520px;}
.pl-14 {padding-left:560px;}
.pl-15 {padding-left:600px;}
.pl-16 {padding-left:640px;}
.pl-17 {padding-left:680px;}
.pl-18 {padding-left:720px;}
.pl-19 {padding-left:760px;}
.pl-20 {padding-left:800px;}
.pl-21 {padding-left:840px;}
.pl-22 {padding-left:880px;}
.pl-23 {padding-left:920px;}
.ml-1 {margin-left:40px;}
.ml-2 {margin-left:80px;}
.ml-3 {margin-left:120px;}
.ml-4 {margin-left:160px;}
.ml-5 {margin-left:200px;}
.ml-6 {margin-left:240px;}
.ml-7 {margin-left:280px;}
.ml-8 {margin-left:320px;}
.ml-9 {margin-left:360px;}
.ml-10 {margin-left:400px;}
.ml-11 {margin-left:440px;}
.ml-12 {margin-left:480px;}
.ml-13 {margin-left:520px;}
.ml-14 {margin-left:560px;}
.ml-15 {margin-left:600px;}
.ml-16 {margin-left:640px;}
.ml-17 {margin-left:680px;}
.ml-18 {margin-left:720px;}
.ml-19 {margin-left:760px;}
.ml-20 {margin-left:800px;}
.ml-21 {margin-left:840px;}
.ml-22 {margin-left:880px;}
.ml-23 {margin-left:920px;}
.mr-1 {margin-right:40px;}
.mr-2 {margin-right:80px;}
.mr-3 {margin-right:120px;}
.mr-4 {margin-right:160px;}
.mr-5 {margin-right:200px;}
.mr-6 {margin-right:240px;}
.mr-7 {margin-right:280px;}
.mr-8 {margin-right:320px;}
.mr-9 {margin-right:360px;}
.mr-10 {margin-right:400px;}
.mr-11 {margin-right:440px;}
.mr-12 {margin-right:480px;}
.mr-13 {margin-right:520px;}
.mr-14 {margin-right:560px;}
.mr-15 {margin-right:600px;}
.mr-16 {margin-right:640px;}
.mr-17 {margin-right:680px;}
.mr-18 {margin-right:720px;}
.mr-19 {margin-right:760px;}
.mr-20 {margin-right:800px;}
.mr-21 {margin-right:840px;}
.mr-22 {margin-right:880px;}
.mr-23 {margin-right:920px;}







/*function*/
		/*段落中的图片设置*/
		p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
		p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
		.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

/*文字状态*/
		.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
		.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
		.hide {display:none;}
		.quiet {color:#666;}
		.loud {color:#000;}
		.highlight {background:#ff0;}
		.added {background:#060;color:#fff;}
		.removed {background:#900;color:#fff;}

/*工具类*/
		.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
		.clearfix, .container {display:block;}/*清除FF的浮动 .clearfix:after*/
		.clear {clear:both;line-height:0;}
		.first {margin-left:0;padding-left:0;}
		.last {margin-right:0;padding-right:0;}
		.top {margin-top:0;padding-top:0;}
		.fr(border:1px solid red;)
		.fl{float:left;}		
		.bottom {margin-bottom:0;padding-bottom:0;}
		.mb-10{margin-bottom:10px;}
		.mt-10{margin-top:10px;}
		.pl-top {margin-top:1.5em;}
		.pr-bottom {margin-bottom:1.5em;}
		.ta-r{text-align:right!important;}
		.mt--1{margin-top:-1px;}
/*测试类*/
.bor{border:1px solid red;}
.boc{border:1px solid #cccccc;}
.bot-y{border-top:2px solid #FF9900;}