body {
	max-width:720px;
	margin:0px auto;
	background:black;
	color:green;
	font:13px/18px monospace;
}
.erro {
	background:darkred;
}
.auth {
	margin:0 auto;
	padding:30px 10px;
	max-width:300px;
	position:relative;
}
.unit input {
	margin:3px 0;
	padding:3px 5px;
	color:#b5e853;
	background:transparent;
	border:1px dashed #b5e853;
	outline: none;
}
.unit input:focus {
	background:DarkSlateGray;
	border:1px solid transparent;
}
.navs {
	font-size:16px;
	text-align:center;
	padding:15px 0 10px 0;
}
.navs > a {
	margin:0 5px;
	padding:3px 7px;
	color:#b5e853;
	text-decoration:none;
	cursor:pointer;
}
.navs > a:hover,.navs > a.active {
	background:#151515;
	font-weight:bold;
}
.data {
	clear:both;
	margin:10px 7px 15px 7px;
}
.data > .name {
	margin-bottom:7px;
	text-align:center;
	font-size:15px;
	color:#b5e853;
	padding:5px;
	background:#151515;
}
.tips {
	color:#808080;
	padding-left:5px;
}
.tips:before {
	content:"(";
}
.tips:after {
	content:")";
}
.warn {
	color:#ff0000;
}
.unit {
	max-height:210px;
	overflow-y:scroll;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.unit::-webkit-scrollbar {
	display:none;
}
.line {
	margin:1px 0;
}
.line > .name {
	float:left;
	text-align:right;
	display:block;
	width:120px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.line > .value {
	margin-left:130px;
	display:block;
	color:#f4bf75;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.line > .value > b {
	font-weight:bold;
	color:#b5e853;
	border-bottom:1px dashed #b5e853;
}