@font-face {
	font-family: 'ArialEmbed';
	src: url('../fonts/arialmt.eot');
	src: url('../fonts/arialmt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/arialmt.woff2') format('woff2'),
		url('../fonts/arialmt.woff') format('woff'),
		url('../fonts/arialmt.ttf') format('truetype'),
		url('../fonts/arialmt.svg#ArialMT') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
	box-sizing:border-box;
	cursor:default;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* IE/Edge */
	user-select: none;           /* non-prefixed version, currently
								  not supported by any browser */
}
html, body { 
    width:100%;
    height:100%;
/*    overflow: hidden;*/
}
body{
	border:0;
	margin:0;
	padding:0;
}
.main{
/*	margin:auto;*/
	width:800px;
	height:600px;
	/*background-color:#444;*/
	border:1px solid #000;
	font-family:'ArialEmbed',Arial, sans-serif;
/*	overflow:hidden;*/
	position: relative;
}
.title{
	height: 31px;
    background-color: #ddd;
    line-height: 2.3;
    text-indent: 15px;
    font-weight: 600;
    font-size: 11pt;
    position: relative;
    z-index: 10;
}
/*.title>input,
.title>select{
	position:relative;
	left:100px;
	top:1px;
	z-index:1;
}
.title>span{
    position: relative;
    left: 70px;
    padding-right: 2px;
    font-weight: 100;
    text-indent: 30px;
    display: inline-block;
	z-index:3;
	background-color:rgba(255, 255, 255, 0.01);
}*/
.LabelTxt>input{
/*    position: relative;*/
/*    left: 13%;*/
/*    top: 0.4%;*/
    z-index: 1;
    margin: 0;
}
.LabelTxt>select{
/*    position: absolute;*/
/*    right: 1%;*/
/*    top: 1.6%;*/
    z-index: 1;
}
.LabelTxt>span{
/*    position: relative;*/
/*    left: 70px;*/
    padding-right: 2px;
/*    font-weight: 100;*/
    text-indent: 2%;
	font-size:0.8em;
    display: inline-block;
	z-index:3;
	background-color:rgba(255, 255, 255, 0.01);
}
.universe{
	position:relative;
	height: 567px;
	width: 799px;
/*	overflow:hidden;*/
}
.grid-container{
	position:relative;
/*
	height: 100%;
	width: 100%;
*/
	background-color:#444;
}
svg{
    position: absolute;
    height: 567px;
    width: 799px;
    top: 0;
    left: 0;
	background-color:rgba(255, 255, 255, 0.01);
}
.front{
	z-index:3;
}
.particle{
	position:absolute;
	width:7px;
	height:7px;
	left:0;
	top:0;
	border-radius:50%;
	background-color:#0099ff;
	border:1px solid #fff;
	cursor:pointer;
}
.particle_over:hover{
	-ms-transform: scale(1.8); /* IE 9 */
    -webkit-transform: scale(1.8); /* Safari */
    transform: scale(1.8);
}
.ani-sel span {
    width: 197px;
    height: 25px;
/*    top: 5px;*/
    background-color: rgb(255, 255, 255);
}

.selectContainer{
    position: absolute;
/*    width: 19% !important;    */
    height: 100%;
    right: 15%;
    
}

.LabelTxt .ani-sel,.LabelTxt #ui-id-1-button {
    font-size: 0.7em;
    position: relative;
/*    top: -3px;*/
}

.LabelTxt .ani-sel1,.LabelTxt #ui-id-1-button {
    width: 19% !important;
/*    left: 67%;*/
    height: 3.7%;
	font-size: 0.7em;
    float: right;
    margin-right: 4%;
    margin-top: 0.05%;
/*    top: 1.4% !important;*/
}
.ui-selectmenu-text {
    padding-top: 0 !important;
}
.ui-menu .ui-menu-item{
    background-color: #fff;
}
#ui-id-1-button{
    width: 157px !important;
/*    top: 5px !important;*/
    background-color: #FFF;
}
#ui-id-1-menu{
/*    width: 197px !important;*/
}
.LabelTxt{
	position: absolute;
    top: 0px;
    font-family: 'ArialEmbed';
}
.LabelTxt div{
    font-size: 1em;
/*    position: absolute;*/
	font-weight: normal;
	z-index:3;
    vertical-align: middle;

/*    font-weight: bold;*/
}
.LabelTxt #labelTxt_1{
	top: 1.5%;
    left: 1%;
}
/*
.LabelTxt #labelTxt_2{
    font-size: 0.8em;
    float: right;
    margin-right:4%;
    margin-top: 0.3%;
}
*/
.LabelTxt #labelTxt_2{
    font-size: 0.8em;
    position: relative;    
    display: inline-block;
}
/*
.LabelTxt #labelTxt_3{
    font-size: 0.8em;
    float: right;
    margin-right:4%;
    margin-top: 0.3%;
}
//*/
.LabelTxt #labelTxt_3{
    font-size: 0.8em;
    position: relative;    
    display: inline-block;
}

.animControl{
    position: absolute;
    height: 100%;    
    right: 46%;
    width: 27%;
}

.animControl1{
    position: absolute;
    height: 100%;    
/*
    right: 72%;
    width: 25%;
*/
    
    right: 74%;
    width: 23%;
}

.LabelTxt .reset1 {
    width: 8%;
    height: 3.8%;
    font-family: 'ArialEmbed';
    font-size: 0.7em;
    float: right;
    margin-right: 4%;
}

.LabelTxt .reset {
    width: 8%;
    height: 3.8%;
    font-family: 'ArialEmbed';
    font-size: 0.7em;
    position: absolute;    
    right: 12px;
    height: 80%;
    top: 10%;
}
/*
.LabelTxt .aper-cont {
    float: right;
    margin-right: 1%;
    margin-top: 0.4%;
    width:2%;
}
*/
.LabelTxt .aper-cont {
    margin-right: 1%;
    width:8%;
    position: relative;
    display: inline-block;
    height: 100%;
}

.LabelTxt .ani-cont {
/*	float: right;*/
    margin-right: 1%;
/*    margin-top: 0.4%;*/
    width:8%;
    position: relative;
    display: inline-block;
    height: 100%;
}

.reset_btn {
        text-align: center;
    border: 1px solid;
    border-color: #999999;
    background-color: #EDEDED;
    padding: 0.5%;
    border-radius: 4%;
}
.reset_btn:hover{
    background-color: #D2D2D2;
}
.check:hover{
    background-color: #EDEDED;
}
.LabelTxt .cont1{
    position: relative;
    margin-top: 0.5%;
}
.LabelTxt .cont{
    position: absolute;
    /* margin-top: 0.5%; */
    width: 100%;
    height: 5.5%;
}
.check{
    height: 50%;
    border: 1px solid;
    vertical-align: top;
/*    margin-top: 1.5%;*/
    background-color: #FFF;
    top: 25%;
    position: relative
}

.hiddenCheck{
    position: absolute;
    left: 0px;
}