/**
 *--------------------------------------------------
 * 3dPointRotate style
 * 2021-04-11
 *--------------------------------------------------
**/
*{margin:0px;padding:0px;}
ul li{list-style:none;}
body{
	background-color:#FFF;
	text-align:center;
}
div#wrapper{
	width:860px;
	margin:0px auto;
	padding:50px 0px 30px 0px;
	text-align:left;
}
h1#title{
	width:100%;
	margin-bottom:20px;
	font-size:30px;
	line-height:34px;
}
div#displayBox{
	position:relative;
	width:100%;
	height:450px;
	margin-bottom:20px;
}
/*-- legend --*/
ul#legend{
	position:absolute;
	top:5px;
	right:10px;
	width:80px;
	text-align:right;
	font-size:12px;
	line-height:14px;
}
ul#legend li{
	width:100%;
	padding:3px 0px;
	color:#333;
}
ul#legend li strong{font-weight:normal;}
ul#legend li strong#legend_x{color:#F00;}
ul#legend li strong#legend_y{color:#0F0;}
ul#legend li strong#legend_z{color:#00F;}
ul#legend li strong#legend_center{color:#000;}
ul#legend li strong#legend_origin{color:#000;}
ul#legend li strong#legend_rotate{color:#F0F;}
/*-- setBox --*/
div#setBox{width:100%;}
div.setItem{
	width:100%;
	margin-bottom:40px;
}
div.setItem h2{
	width:100%;
	margin-bottom:10px;
	font-size:18px;
	line-height:22px;
}
div.setItem ul{
	width:100%;
	overflow:hidden;
}
div.setItem ul li{
	float:left;
	position:relative;
	box-sizing:border-box;
	width:28%;
	margin-right:8%;
	padding:0px 30px 0px 20px;
}
div.setItem ul li:last-child{margin-right:0px;}
div.setItem ul li span{
	position:absolute;
	top:0px;
	font-size:14px;
	line-height:20px;
}
div.setItem ul li span:first-child{left:0px;}
div.setItem ul li span:last-child{right:0px;}
div.setItem ul li input{
	display:block;
	width:100%;
	height:20px;
}