html,
    body {
        font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        background: #FFDDBA;
        overflow: hidden;       
     }/*这里是后面100%关键*/

.head-logo{
    margin: -2px 10px;   
    display: inline-block;
    float: left;
    height:38px;
}
.gocV {
    display: inline-block; 
    font-size: 16px; 
    color: #FB8324;
    height: 18px; 
    margin-top: 10px; 
    float: left;"
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFB266;
    display: inline-block;
    float: right;
    border-radius:2px; 
    font-size: 14px;
}

li {
    float: right;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover, .dropbtn {
    background-color: #FB8324;
}

#workAreaX{
	white-space: nowrap;	
	/*display: none;   // 2019.04.23 */ 
}
#draw_ans,#draw_std,#code {
	height:0px; 	width:0px; 
	display:inline-block; 
	float:left; 

}
#dragLine{
	width:8px; height:0px; 
	position:absolute; 
	top:48px; left:00px; 
	background-color:red; 
	opacity:0.0; 
	cursor:col-resize;
}

#dragLineY_left{
	width:0px; height:8px; 
	position:absolute; 
	top:248px; left:0px; 
	//background-color:gray; 
	opacity:1; 
	cursor:row-resize;
}

.box1{
    display: table-cell;
   /* vertical-align: middle; */
    text-align: center;     
    background-color: #EBFCE3;
    padding:5px 0px 5px 0px; 
    margin:0px -2px 0px 2px;
    width:100%;
    display: block; 
    clear: both;
}
.box2{       
    padding:5px; 
    margin: 0px;
    width:100%;  
    font-size: 18px;     
}
.box3{
	padding:5px; 
    margin: 5px;
	text-align: left;
	font-size: 16px;     	
}

.half{
	display: inline-block; 
	width:50%;
	color:#1E9FFF;
	font-weight: bolder;
	font-family:  "楷体";
	font-size:  18px;	
}

.push_button {
  display: inline-block;
  padding: 5px 6px;
  font-size: 16x;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #31A7FF;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #124D7C;
}
.push_button:hover {background-color: #158BE3}
.push_button:active {
  background-color: #158BE3;
  box-shadow: 0 2px #051A27;
  transform: translateY(2px);
}

.push_button_green {
  display: inline-block;
  padding: 5px 6px;
  font-size: 16x;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #69E239;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #2C6A15;
}
.push_button_green:hover {background-color: #48B71C}
.push_button_green:active {
  background-color: #48B71C;
  box-shadow: 0 2px #1C4D08;
  transform: translateY(2px);
}

.push_button_red {
  display: inline-block;
  padding: 5px 6px;
  font-size: 16x;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #FFB266;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #763E08;
}
.push_button_red:hover {background-color: #FB8324}
.push_button_red:active {
  background-color: #FB8324;
  box-shadow: 0 2px #291503;
  transform: translateY(2px);
}

.push_button_cyan {
  display: inline-block;
  padding: 5px 6px;
  font-size: 16x;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #12C9C9;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #034343;
}
.push_button_cyan:hover {background-color: #008B8B}
.push_button_cyan:active {
  background-color: #008B8B;
  box-shadow: 0 2px #291503;
  transform: translateY(2px);
}


.button_group{
	float: left;
	margin-right:1px;
}

 /*垂直翻转*/
.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    filter:FlipV();
}

 /*水平翻转*/
 .flipx {
     -moz-transform:scaleX(-1);
     -webkit-transform:scaleX(-1);
     -o-transform:scaleX(-1);
     transform:scaleX(-1);
     filter:FlipH();
     display: inline-block;
 }