/* G980.css 2012, ZhangHB eatype.com
* 2012-12-23
* 980栅格第四次尝试，看了YUI后，恍然大悟，尝试inline-block布局
* 2013-03-29
* 增加两个用来修复ie<8下的宽度计算四舍五入问题的样式, 杀伤力更小些
* 2013-04-01
* 包裹元素放弃使用 'YUI的清清除inline-block间隔' 的方式, 改用通用性更强的font-size:0, 然后再重新初始化font-size;
*/
.layout { margin:0 auto; width:980px}

/* 包裹元素 */
.row { font-size:0;/* 所有浏览器 */ *word-spacing:-1px;/* IE6/7 */}

/* inline-block元素, 重新设置一下 */
.row .dib,
.c0, .c1, .c2, .c3, .c4, .c5,.c5ie, .c6, .c7, .c8, .c9, .c10,.c10ie, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20,.c1-3,.c2-3,.c75 {
	font-size:12px; /* 重新初始化一下, 因为base.css里, body的font-size设置为75%(16px x 75% = 12px) */
	letter-spacing:normal; /* 检索或设置对象中的文字之间的间隔 */
	word-spacing:normal;   /* 检索或设置对象中的单词之间插入的空隔 */
}

.c0, .c1, .c2, .c3, .c4, .c5,.c5ie, .c6, .c7, .c8, .c9, .c10,.c10ie, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20,.c1-3,.c2-3,.c75 { 
	display:inline-block;*display:inline;*zoom:1;vertical-align:top
}

.c1 { width:5%}		/* 1/20 */
.c2 { width:10%}	/* 1/10 */
.c3 { width:15%}
.c4 { width:20%}	/* 1/5 */
.c5 { width:25%}	/* 1/4 */
.c5ie { width:24.9%}	/* Fix id<8 width */
.c6 { width:30%}
.c7 { width:35%}
.c75 { width:37.5%}
.c8 { width:40%}	/* 2/5 */
.c9 { width:45%}
.c10 { width:50%}	/* 1/2 */
.c10ie { width:50%; *width:49.9%;}	/* Fix ie<8 width */
.c11 { width:55%}
.c12 { width:60%}	/* 3/5 */
.c13 { width:65%}
.c14 { width:70%}
.c15 { width:75%}	/* 3/4 */
.c16 { width:80%}	/* 4/5 */
.c17 { width:85%}
.c18 { width:90%}
.c19 { width:95%}
.c20 { display:block}
.c1-3 { width:33.3334%}
.c2-3 { width:66.6667%}