body{
	margin:0;
	padding:0;
	border:0;
}
#ui{
	background:#EAB988;
	border:solid 1px #fff;
	border-bottom-color:#404040;
	border-right-color:#404040;
	font:16px 'Times New Roman',serif;
	font-style:italic;
	color: #f2d9bf;
	height:470px;
	margin:0;
//	margin-top:20px;
	padding:5px;
	border:0;
	position:relative;
	width:630px;
}

#area{
	background:#FDF8F2;
	border:solid 1px #fff;
	border-bottom-color:#000;
	border-right-color:#000;
	height:415px;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
}
#area>b{
	border-bottom:solid 1px #808080;
	border-right:solid 1px #808080;
	display:block;
	height:413px;
	margin:1px 0 0 1px;
	width:626px;
}
#ax{
	border:solid 5px #808080;
	height:380px;
	position:absolute;
	bottom:30px;left:0;
	width:25px;
}
#ax a{width:25px}
#ay{
	border:solid 5px #808080;
	height:25px;
	position:absolute;
	bottom:0;left:30px;
	width:600px;
}
#az{
	border:solid 1px #ff0000;
	display:none;
	position:absolute;
	bottom:-1px;left:-1px;
}
#area a{
	border:solid 1px #000;
	cursor:pointer;
	display:block;
	position:absolute;
	top:50%;left:50%;
}
#area a b{
	border:solid 1px #fff;
	border-bottom-color:#000;
	border-right-color:#000;
	box-sizing:        border-box;
	font-weight:100;
	display:block;
	height:inherit;
	line-height:inherit;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#area a b:active,.rot b{border-color:rgba(0,0,0,0)!important}
#area a i{
	background:#000;
	border-radius:5px;
	display:block;
	height:13px;
	opacity:0;
	position:absolute;
	width:13px;
}
#area a i:hover,i.rot{opacity:1!important;}
.ax i,.ay i{display:none!important}
#area .tl{top:-7px;left:-7px;}
#area .tr{top:-7px;right:-7px;}
#area .br{bottom:-7px;right:-7px;}
#area .bl{bottom:-7px;left:-7px;}

.x,.x2{background:#cc0000;}
.y,.y2{background:#0065cc;}
.xy{background:#6500cc;}
.nr{background:#40bf80;width:25px;height:25px;}
.nr5{background:#40bf80 url(style.png);width:125px;height:25px;}
.nr5[r],.nr5.ay{background:#40bf80 url(vert.png)}
.nr5.ax{background:#40bf80 url(style.png)}

#ui>a{
	border:solid 1px #fff;
	border-bottom-color:#000;
	border-right-color:#000;
	cursor:default;
	display:inline-block;
	height:25px;
	line-height:25px;
	margin-right:35px;
	text-align:center;
	width:40px;
}
#ui>a>b{
	border-bottom:solid 1px #808080;
	border-right:solid 1px #808080;
	display:block;
	margin:1px 0 0 1px;
	height:23px;
	line-height:23px;
	font-weight:100;
}
#ui>a:active{
	background:#808080;
	border:solid 1px #000;
}

sup{
	font-size:10px;
	font-style:normal;
	line-height:10px;
}

#btnClear{
	font-weight:800;
	font-style:normal;
	margin-right:5px!important;
	width:65px!important;
}
#btnClear b{
	background:#CC6600;
	font-weight:800!important;
}
#btn1,#btn5,#btn1 b,#btn5 b{
	background:#00cc66;
}
#btnX,#btnX b{
	background:#cc0000;
}
#btnX2,#btnX2 b{
	background:#cc0000;
}
#btnY,#btnY b{
	background:#0065cc;
}
#btnY2,#btnY2 b{
	background:#0065cc;
}
#btnXY,#btnXY b{
	background:#6500cc;
	margin-right:0!important;
}

#trash{
	background:url(style.png) 0 -30px;
	height:31px;
	position:absolute;
	bottom:35px;right:2px;
	width:31px;
}
#trash.hover{
	background:url(style.png) 0px -65px;
}

#sliderX{
	height:17px;
	overflow:hidden;
	position:absolute;
	bottom:5px;left:230px;
	width:70px;
}
#sliderX a,#sliderY a{
	background:#808080;
	border:solid 1px #b6b6b6;
	border-bottom-color:#595959;
	border-right-color:#595959;
	cursor:pointer;
	display:block;
	height:15px;
	position:absolute;
	top:0;
	width:18px;
}
#sliderX a:active,#sliderY a:active{
	border-color:#000;
}
#sliderX a b,#sliderY a b{
	background:#cc0000;
	display:block;
	height:11px;
	margin:2px 0 0 2px;
	width:14px;
}
#sliderY a b{
	background:#0065cc;
}
#sliderY{
	height:17px;
	overflow:hidden;
	position:absolute;
	bottom:5px;left:310px;
	width:70px;
}
#sliderX>div,#sliderY>div{
	border:solid 1px #404040;
	border-bottom-color:#fff;
	border-right-color:#fff;
	height:2px;
	position:absolute;
	top:7px;
	width:68px;
}