@CHARSET "UTF-8";

body {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	align: center;
	line-height: 1;
	color: black;
	background: white;
}

#middlebodybox 
{
	height: 76%;
	width: 100%;/*85% -> 100%*/
/* 	margin: 0 auto; */
/* 	margin: 16% 5% 8% 5%; */
	background-repeat: repeat-x;
}

#classmarkbox
{
	width: 41.5%;/*420, 385 -> 42.5%*/
	margin: 0 auto;/*10px 0px 10px 10px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 4px;
	border: 1px solid #aaaaaa;
    height: 533px;/*520px*/
}

#expandbox 
{
	width: 2.5%;/*20px -> 1.5% -> 2% -> 3% resolve the middle part align up and down */
	margin: 0 auto;/*10px 0px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 0px;
	background-color: white;
	background-image: url(../image/arrow_right.png);
    height: 533px;
}

#recordbox
{
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 0.91em;
	line-height: 1.1em;
	margin: 0 auto;/*10px 10px 10px 0px;*/list-style:none;
	width: 53.5%;/*520 371 381 -> 50.5% -> 49.5% -> 54.5% resolve the middle part align up and down */
	float: right; /*left => right 20180925*/
    background-color: white; /*#ebebff;*/
    overflow: auto;
    height: 533px;
  	padding: 4px;
    border: 1px solid #aaaaaa;
}

#extjsbox
{
/* 	width: 95%;420, 375px -> 49.5% -> 95% resolve the nkos tree title is displayed partly! */
	margin: 0px 0px 0px 0px;/*0 -> 10*/
	float: left;
	overflow: hidden;/*scroll auto*/
	padding: 0px;
	border: 0px solid #aaaaaa;
/*  height: 95%;520 -> 505px */
    clear: left;
    text-align: left;/*对齐树的子孙结点*/
}
 
.debugbkg
{
	background-color: white;/*#efefff;*/
}

#openclosemenu 
{
    float: center;
    width: 100%;/*375 -> 95%*/
    clear: left;
    background-color: #efefff;
    color: black;
    height: 1.5em;    
    margin-bottom: 5px;
}

#openclosemenu a
{
    color: black;
    padding:  2px;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
	line-height: 1.5em;
    vertical-align: middle;
}

.fronthint
{
    float: left;
    width: 204px;/*fronthint包含在recordbox里*/
    margin-left: 2.5em;
    margin-right: auto;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 3em;
    line-height: 1.2em;
    color: #dedede;
    margin-top: 30px;
}

#middlebodybox1 
{
	height: 76%;
	width: 100%;/*85% -> 100%*/
	margin: 0 auto;
}

#classmarkbox1
{
	width: 47.5%;/*420, 385 -> 46.5%*/
	margin: 0 auto;/*10px 0px 10px 10px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 4px;
	border: 1px solid #aaaaaa;
    height: 533px;/*520px*/
}

#expandbox1 
{
	width: 2%;/*20px -> 1.5% -> 2% -> 3% resolve the middle part align up and down */
	margin: 0 auto;/*10px 0px;*/list-style:none;
	float: left;
	overflow: auto;
	padding: 0px;
	background-color: white;
	background-image: url(../image/arrow_right.png);
    height: 533px;
}

#recordbox1
{	
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	margin: 0 auto;/*10px 10px 10px 0px;*/list-style:none;
	width: 48%;/*520 371 381 -> 48% -> 49.5% -> 50.5% resolve the middle part align up and down */
	float: right; /*left -> right resolve the middle part align left and right */
    background-color: white; /*#ebebff;*/
    overflow: auto;
    height: 533px;
  	padding: 4px;
    border: 1px solid #aaaaaa;
}