body,ul,li,input{
	margin:0;
	padding: 0;
	list-style:none;
}
*{
	cursor: pointer;
}
.controls{
	width:300px;
	position: absolute;
	top:0;
	bottom:0;
	background: #383836;
}
.showpaint{
	position: absolute;
	top:0;
	left:300px;
	right:0;
	bottom:0;
	background: #eee;
}
#mycanvas{
	border:8px double black;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -300px;
	margin-top: -300px;
}
.WHset,.xian{
	width:100%;
	margin:6px 0;
}
.toolall li{
	width:100%;
	line-height: 30px;
	color:#ccc;
	margin:5px 0;
}
.toolall li span,.chosty{
	display: block;
	width:30%;
	height:90%;
	border:3px double black;
	margin:0 auto;
	text-align: center;
	transition: all 0.6s ease 0s;
	line-height: 30px;
}
.chosty{
	color:#ccc;
}
.toolall li span:hover,.chosty:hover{
	border-color:blue;
}
li.active,div.active .chosty{
	color:blue;
}
.chosty+input{
	width:50%;
	margin:6px auto;
	display: block;
}
.word{
	display:block;
	color:#ccc;
	margin-left:5px;
}
.save,.create,.back{
	display:inline-block;
	width:20%;
	line-height: 30px;
	text-align: center;
	border:1px solid #ccc;
	margin:10px 16px;
	color:#ccc;
	transition: all 0.6s ease 0s
}
.save:hover,.create:hover,.back:hover{
	background: blue;
}