
/* 中华游980CSS框架通用样式表 */
/* 主体宽度设置
----------------------------------------------------------------------------------------------------*/
.bigBox,.box {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

/* 盒子元素左右间距
----------------------------------------------------------------------------------------------------*/

.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 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* 套层span左右清除间距
----------------------------------------------------------------------------------------------------*/

.l_0 {margin-left: 0;}
.r_0 {margin-right: 0;}

/* 高度灵活的子盒子宽度
----------------------------------------------------------------------------------------------------*/
.box .span_1 {width:88px;}
.box .span_2 {width:186px;}
.box .span_3 {width:284px;}
.box .span_4 {width:382px;}
.box .span_5 {width:480px;}
.box .span_6 {width:578px;}
.box .span_7 {width:676px;}
.box .span_8 {width:774px;}
.box .span_9 {width:872px;}
.box .span_10 {width:970px;}


.bigBox .span_1 {width:39px;}
.bigBox .span_2 {width:88px;}
.bigBox .span_3 {width:137px;}
.bigBox .span_4 {width:186px;}
.bigBox .span_5 {width:235px;}
.bigBox .span_6 {width:284px;}
.bigBox .span_7 {width:333px;}
.bigBox .span_8 {width:382px;}
.bigBox .span_9 {width:431px;}
.bigBox .span_10 {width:480px;}
.bigBox .span_11 {width:529px;}
.bigBox .span_12 {width:578px;}
.bigBox .span_13 {width:627px;}
.bigBox .span_14 {width:676px;}
.bigBox .span_15 {width:725px;}
.bigBox .span_16 {width:774px;}
.bigBox .span_17 {width:823px;}
.bigBox .span_18 {width:872px;}
.bigBox .span_19 {width:921px;}
.bigBox .span_20 {width:970px;}



/* 有左填充的子盒子
----------------------------------------------------------------------------------------------------*/
.box .span_p1 {padding-left:98px;}
.box .span_p2 {padding-left:196px;}
.box .span_p3 {padding-left:294px;}
.box .span_p4 {padding-left:392px;}
.box .span_p5 {padding-left:490px;}
.box .span_p6 {padding-left:588px;}
.box .span_p7 {padding-left:686px;}
.box .span_p8 {padding-left:784px;}
.box .span_p9 {padding-left:882px;}

.bigBox .span_p1 {padding-left:49px;}
.bigBox .span_p2 {padding-left:98px;}
.bigBox .span_p3 {padding-left:147px;}
.bigBox .span_p4 {padding-left:196px;}
.bigBox .span_p5 {padding-left:245px;}
.bigBox .span_p6 {padding-left:294px;}
.bigBox .span_p7 {padding-left:343px;}
.bigBox .span_p8 {padding-left:392px;}
.bigBox .span_p9 {padding-left:441px;}
.bigBox .span_p10 {padding-left:490px;}
.bigBox .span_p11 {padding-left:539px;}
.bigBox .span_p12 {padding-left:588px;}
.bigBox .span_p13 {padding-left:637px;}
.bigBox .span_p14 {padding-left:686px;}
.bigBox .span_p15 {padding-left:735px;}
.bigBox .span_p16 {padding-left:784px;}
.bigBox .span_p17 {padding-left:833px;}
.bigBox .span_p18 {padding-left:882px;}
.bigBox .span_p19 {padding-left:931px;}



/* 有右填充的子盒子
----------------------------------------------------------------------------------------------------*/
.box .span_pr1 {padding-right:98px;}
.box .span_pr2 {padding-right:196px;}
.box .span_pr3 {padding-right:294px;}
.box .span_pr4 {padding-right:392px;}
.box .span_pr5 {padding-right:490px;}
.box .span_pr6 {padding-right:588px;}
.box .span_pr7 {padding-right:686px;}
.box .span_pr8 {padding-right:784px;}
.box .span_pr9 {padding-right:882px;}

.bigBox .span_pr1 {padding-right:49px;}
.bigBox .span_pr2 {padding-right:98px;}
.bigBox .span_pr3 {padding-right:147px;}
.bigBox .span_pr4 {padding-right:196px;}
.bigBox .span_pr5 {padding-right:245px;}
.bigBox .span_pr6 {padding-right:294px;}
.bigBox .span_pr7 {padding-right:343px;}
.bigBox .span_pr8 {padding-right:392px;}
.bigBox .span_pr9 {padding-right:441px;}
.bigBox .span_pr10 {padding-right:490px;}
.bigBox .span_pr11 {padding-right:539px;}
.bigBox .span_pr12 {padding-right:588px;}
.bigBox .span_pr13 {padding-right:637px;}
.bigBox .span_pr14 {padding-right:686px;}
.bigBox .span_pr15 {padding-right:735px;}
.bigBox .span_pr16 {padding-right:784px;}
.bigBox .span_pr17 {padding-right:833px;}
.bigBox .span_pr18 {padding-right:882px;}
.bigBox .span_pr19 {padding-right:931px;}



/* 位移span元素一
----------------------------------------------------------------------------------------------------*/
.push_1,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9,.push_10,.push_11,.push_12,.push_13,.push_14,.push_15,.push_16,.push_17,.push_18,.push_19 {position:absolute}

.box .push_1 {left:98px;}
.box .push_2 {left:196px;}
.box .push_3 {left:294px;}
.box .push_4 {left:392px;}
.box .push_5 {left:490px;}
.box .push_6 {left:588px;}
.box .push_7 {left:686px;}
.box .push_8 {left:784px;}
.box .push_9 {left:882px;}

.bigBox .push_1 {left:49px;}
.bigBox .push_2 {left:98px;}
.bigBox .push_3 {left:147px;}
.bigBox .push_4 {left:196px;}
.bigBox .push_5 {left:245px;}
.bigBox .push_6 {left:294px;}
.bigBox .push_7 {left:343px;}
.bigBox .push_8 {left:392px;}
.bigBox .push_9 {left:441px;}
.bigBox .push_10 {left:490px;}
.bigBox .push_11 {left:539px;}
.bigBox .push_12 {left:588px;}
.bigBox .push_13 {left:637px;}
.bigBox .push_14 {left:686px;}
.bigBox .push_15 {left:735px;}
.bigBox .push_16 {left:784px;}
.bigBox .push_17 {left:833px;}
.bigBox .push_18 {left:882px;}
.bigBox .push_19 {left:931px;}



/* 位移span元素二
----------------------------------------------------------------------------------------------------*/
.pull_1,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_15,.pull_16,.pull_17,.pull_18,.pull_19 {position:absolute}

.box .pull_1 {left:-98px;}
.box .pull_2 {left:-196px;}
.box .pull_3 {left:-294px;}
.box .pull_4 {left:-392px;}
.box .pull_5 {left:-490px;}
.box .pull_6 {left:-588px;}
.box .pull_7 {left:-686px;}
.box .pull_8 {left:-784px;}
.box .pull_9 {left:-882px;}

.bigBox .pull_1 {left:-49px;}
.bigBox .pull_2 {left:-98px;}
.bigBox .pull_3 {left:-147px;}
.bigBox .pull_4 {left:-196px;}
.bigBox .pull_5 {left:-245px;}
.bigBox .pull_6 {left:-294px;}
.bigBox .pull_7 {left:-343px;}
.bigBox .pull_8 {left:-392px;}
.bigBox .pull_9 {left:-441px;}
.bigBox .pull_10 {left:-490px;}
.bigBox .pull_11 {left:-539px;}
.bigBox .pull_12 {left:-588px;}
.bigBox .pull_13 {left:-637px;}
.bigBox .pull_14 {left:-686px;}
.bigBox .pull_15 {left:-735px;}
.bigBox .pull_16 {left:-784px;}
.bigBox .pull_17 {left:-833px;}
.bigBox .pull_18 {left:-882px;}
.bigBox .pull_19 {left:-931px;}


/* 清除浮动
----------------------------------------------------------------------------------------------------*/

.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;
}
