/*包围div样式*/
.box {
	width: 100%;
	height: calc(100% - 0px);
	margin: 0px;
	overflow: auto;
	background-color: #FFF;
}

/*左侧div样式*/
.left {
	height: 100%;
	float: left;
}

.center {
	height: 100%;
	float: left;
}

/*右侧div'样式*/
.right {
	float: left;
	height: 100%;
}

/* 拖拽区div样式 */
.resize {
	float: left;
	position: relative;
	background-color: #d6d6d6;
	width: 2px;
	height: 100%;
	color: white;
}

.resizeThree {
	float: left;
	position: relative;
	background-color: #d6d6d6;
	width: 2px;
	height: 100%;
	color: white;
}


/*上方div'样式*/
.topBox {
	overflow: auto;
}

.middleBox {
	overflow: auto;
}

/*下方div'样式*/
.downBox {
	overflow: auto;
}

/* 拖拽区div样式 */
.move {
	width: 100%;
	height: 2px;
	background-color: #d6d6d6;
	margin: 0 auto;
	line-height: 2px;
	color: white;
}

.moveThree {
	width: 100%;
	height: 2px;
	background-color: #d6d6d6;
	margin: 0 auto;
	line-height: 2px;
	color: white;
}