画田字div，且田左下角拆分上下

/**画田字div，且田左下角拆分上下*/
.box{
	width:1200px;
	height:100%;
	min-height:550px;
	border: 0px solid #c0c0c0;
}

/**box上*/
.box-top{
	margin: 0 auto;
   	width: auto;
   	height:100%;
   	min-height:80px;
   	border: 0px solid #c0c0c0;
   	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	bottom:0;
	text-align:center;
	padding:12px;
}
/**box中*/
.box-center{
	margin: 0 auto;
	width: auto;
	height: 100%;
	min-height:400px;
	border: 0px solid #c0c0c0;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:5px;
	text-align:center;
	padding:12px;
	/* white-space:nowrap;*字体不允许换行 */
}


/**box上左*/
.box-top-left{
	width:300px;
	height:100%;
	min-height:60px;
	float: left;
	text-align:center;
	padding:10px;
	border: 0px solid #c0c0c0;
	/* border-right: 1px solid #c0c0c0; */
}
/**box上右*/
.box-top-right{
	width:800px;
	height:100%;
	min-height:60px;
	float: left;
	text-align:center;
	margin-left:5px;
	padding:10px;
	border: 0px solid #c0c0c0;
}



/**box中左*/
.box-center-left{
	width:300px;
	height:100%;
	min-height:380px;
	float: left;
	text-align:center;
	padding:10px;
	border: 0px solid #c0c0c0;
	/* border-right: 1px solid #c0c0c0; */
}
/**box中右*/
.box-center-right{
	width:800px;
	/* height:100%; */
	/* min-height:380px; */
	height:380px;
	float: left;
	text-align:center;
	margin-left:5px;
	padding:10px;
	border: 0px solid #c0c0c0;
	/* overflow:scroll; */
	overflow:auto;
}

.box-center-left-top{
	width:300px;
	height:35px;
	border:0px solid #c0c0c0;
}

.box-center-left-center{
	width:300px;
	/* height:100%; */
	height:380px;
	overflow:auto;
	text-align:center;
	border:0px solid #c0c0c0;
	
}