body{font-family:Calibri, "Microsoft YaHei"; padding:0px; margin:0px; overflow:hidden; height:100%}
html{overflow:hidden;}

#animation_container {
	width:1200px;
	height:900px;
	position:absolute;
	margin:auto;
	left:0;right:0;
	top:0;
  }

#canvas {
	position: absolute;
	display: block; 
	z-index: 0;
  }
#canvas_box {
	position: absolute;
	display: none; 
	z-index: 2;
  }

#dom_overlay_container {
	pointer-events:none; 
	overflow:hidden; 
	width:1200px; 
	height:900px;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	display: block;
	z-index: 1;
  }

#grad1 {
	position:absolute;
	z-index: -999;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #38BFE4 , #fff); 
    background: -o-linear-gradient(bottom, #38BFE4 , #fff); 
    background: -moz-linear-gradient(bottom, #38BFE4 , #fff); 
	background: linear-gradient(to bottom, #38BFE4 , #fff); 
}


 .ui-textinput {
	  outline:none;
	  background:transparent;
	  background-color:#FFF3D4;
	  border:none;
	  font:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	  font-size:25px;
	  color:#0000FF;
	  text-align:center;
  }
.ui-textinput_left {
	  outline:none;
	  background:transparent;
	  background-color:#FFF3D4;
	  border:none;
	  font:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	  font-size:25px;
	  color:#0000FF;
	  text-align:left;
  }

.ui-textinput-up {
	color:transparent;
	width: 1px;
	height: 1px;
}

.demoMain {
	position: absolute;
	z-index: 999999;
}
  /*
  @media screen and (min-width: 280px) and (max-width: 768px) and (orientation: portrait) {
	body{
	  transform: rotate(-90deg);
	  transform-origin: left top;
	  width: 100vh;
	  overflow-x: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	}
  }*/

  @media print {
	#animation_container {
		display: none;
	}
	#printDiv {
		display: block !important;
	}
}