/*-------------------
 动态显示数据的样式
--------------------*/

/*---------------
	basic style
-----------------*/
body{
	background-color:#DFDBE8;
	padding:.2em 200px;
}

/*----------------
  dynamic data
------------------*/
div#screen
{
	width:300px;
	background:#666666;
	padding:20px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
canvas#mycanvas
{

width:300;
height:150;
background:#000000;
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.title{
	width:310px;
	text-align:center;
}
.input-group{
	margin-top:20px;
}

.input-group input{
	-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
	  
	color:#333333;
	padding:6px 14px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.input-group input:hover{
	color:#000000;
}
.title h1{
	color:#333333;
}