/* in canvas inside
-----------------------------------------------------*/
#main_frame{
	display: table;
	height: 100vh;
	width: 50vh;
	margin: 0 auto;
}
	#sub_frame{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

/* in frame 
-----------------------------------------------------*/
#titleLabel{
	font-size: 2em;
	color: #565151;
}

#box_fream{
	padding: 20px;
	margin: 20px 20px 20px 20px;

	border: solid #dbb7a5;
	border-width: 4px;

	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;

	background: -moz-linear-gradient(top, #ce5614 0%,#aa470f);
	background: -webkit-gradient(linear, left top, left bottom, from(#ce5614), to(#aa470f));
	background: -ms-linear-gradient(top, #c6754f, #aa470f);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c6754f', endColorstr='#aa470f')";
}
.box_fream_shadow{
	margin-top: 80px;
	border: solid #512130;
	border-width: 0px;

	box-shadow:0px 0px 140px 14px #512130;
	-moz-box-shadow:0px 0px 130px 20px #512130;
	-webkit-box-shadow:0px 0px 140px 30px #512130;
}

/* in box_frame
-----------------------------------------------------*/
input{
	font-size: 1.2em;
	text-align: left;
}
#login_user_code{
	margin-top: 2vh;
}

#login_password{
}

.box_entry{
	padding: 0px 10px 10px 10px;
}

.box_element{
	padding: 0px 10px 10px 10px;
}
	.box_element input{
		background: #d8e5f2;
	}


.command {
	display: inline-block;
	position: relative;

	font-size: 12px;
}