/* 左边表格外包裹 */
#left-table-wrap {
	width:100px;
	float:left;
}
/* 左侧上部表格区样式 */
        #left-top-table {
	position:relative;
	z-index:9;
	width:100%;
}
/* 右侧标题行外包裹 */
        #right-title-wrap {
	width:400px;
	height:25px;
	overflow:hidden
}
/* 左侧下部表格区样式 */
        #left-bottom-table {
	position:relative;
	width:100%;
	/* 设置出现滚动条的高度 */
            height:200px;
	overflow:hidden;
}
/* 左侧上部表格和下部表格样式 */
        #l-t-table,#l-b-table {
	width:100%;
}
/* 左侧下部表格设置定位 */
        #l-b-table {
	position:absolute;
}
/* 左侧上部表格的 th 设置颜色和字体居中样式 */
        #l-t-table th {
	background:yellow;
	text-align:center;
}
/* 左侧下部表格的 th 设置颜色和字体居中样式 */
        #l-b-table th {
	text-align:center;
	background:#BDE2F3;
}
/* 右侧表格外包裹 */
        #right-table-wrap {
	float:left;
}
/* 右侧上部表格区样式 */
        #right-top-table {
	position:relative;
}
/* 右侧低部表格区样式 */
        #right-bottom-table {
	position:relative;
	/*设置出现滚动条的宽度*/
            width:400px;
	/*设置出现滚动条的高度*/
            height:200px;
	overflow:hidden;
}
/* 右侧上部表格样式 */
        #r-t-table {
	position:absolute;
	/* 这里的宽度要和上面的标题行要宽度一样 */
            width:880px;
}
/* 右侧下部表格样式 */
        #r-b-table {
	position:absolute;
	/* width 和 max-width 一起写，手机浏览器打开也能固定长度 */
            width:880px;
	max-width:880px;
	/* 字体不换行 */
            white-space:nowrap;
}
/* 右侧上部表格的 th 设置宽度和字体居中样式 */
        #r-t-table th {
	text-align:center;
	width:10%;
}
/* 右侧下部表格的 td 设置宽度和字体居中样式 */
        #r-b-table td {
	width:10%;
	text-align:center;
}
/* 为表格的边框设置为单线框 */
        #l-t-table,#l-b-table,#r-t-table,#r-b-table {
	border-collapse:collapse;
}
/* 设置表格边框的边框颜色 */
        #l-t-table,#l-b-table,#l-t-table th,#l-b-table th,#r-t-table,#r-b-table,#r-t-table th,#r-b-table td {
	border:1px solid red;
	position:relative;
}