/* CB960 CSS框架 */
/* 欢迎使用 www.cssbbs.com */


/* 样式重置
-----------------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent
}
body{line-height:1; text-align:center; font-size:14px}
ol,ul,li{list-style:none; padding:0px; margin:0px;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* 文本样式定义
-----------------------------------------------------------------------------------------------------*/
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px}


/* 主体宽度设置
----------------------------------------------------------------------------------------------------*/
.box  {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align:left;
}

/* 盒子元素左右间距
----------------------------------------------------------------------------------------------------*/

.span_1,
.span_2,
.span_3,
.span_4,
.span_5,
.span_6,
.span_7,
.span_8,
.span_9,
.span_10,
.span_11,
.span_12,
.span_13,
.span_14,
.span_15,
.span_16,
.span_17,
.span_18,
.span_19,
.span_20,
.span_21,
.span_22,
.span_23,
.span_24 {
	display:inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

/* 套层span左右清除间距
----------------------------------------------------------------------------------------------------*/

.l_0 {
	margin-left: 0;
}

.r_0 {
	margin-right: 0;
}

/* 高度灵活的子盒子宽度
----------------------------------------------------------------------------------------------------*/

.box .span_1 {
	width:30px;
}

.box .span_2 {
	width:70px;
}

.box .span_3 {
	width:110px;
}

.box .span_4 {
	width:150px;
}

.box .span_5 {
	width:190px;
}

.box .span_6 {
	width:230px;
}

.box .span_7 {
	width:270px;
}

.box .span_8 {
	width:310px;
}

.box .span_9 {
	width:350px;
}

.box .span_10 {
	width:390px;
}

.box .span_11 {
	width:430px;
}

.box .span_12 {
	width:470px;
}

.box .span_13 {
	width:510px;
}

.box .span_14 {
	width:550px;
}

.box .span_15 {
	width:590px;
}

.box .span_16 {
	width:630px;
}

.box .span_17 {
	width:670px;
}

.box .span_18 {
	width:710px;
}

.box .span_19 {
	width:750px;
}

.box .span_20 {
	width:790px;
}

.box .span_21 {
	width:830px;
}

.box .span_22 {
	width:870px;
}

.box .span_23 {
	width:910px;
}

.box .span_24 {
	width:950px;
}


/* 清除浮动
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 兼容清除浮动和错位 */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}