body {
	padding-bottom: 40px
}
hr {
	margin-top: 0;
	margin-bottom: 10px
}
h1 {
	font-size: 26px
}
h2 {
	font-size: 24px
}
h3 {
	font-size: 16px
}
h4 {
	font-size: 14px
}
.f18 {
	font-size: 18px
}
.container {
	max-width: 640px
}
.bold {
	font-weight: bold
}
.header {
	margin: 30px 0 55px;
	color: #fff
}
.header h1 {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	margin-top: 0;
	padding: 8px 0
}
.header h1, .header p {
	background: -moz-linear-gradient(left, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .23) 13%, rgba(0, 0, 0, .5) 29%, rgba(0, 0, 0, .67) 50%, rgba(0, 0, 0, .55) 71%, rgba(0, 0, 0, .36) 81%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .01)), color-stop(13%, rgba(0, 0, 0, .23)), color-stop(29%, rgba(0, 0, 0, .5)), color-stop(50%, rgba(0, 0, 0, .67)), color-stop(71%, rgba(0, 0, 0, .55)), color-stop(81%, rgba(0, 0, 0, .36)), color-stop(100%, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .23) 13%, rgba(0, 0, 0, .5) 29%, rgba(0, 0, 0, .67) 50%, rgba(0, 0, 0, .55) 71%, rgba(0, 0, 0, .36) 81%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .23) 13%, rgba(0, 0, 0, .5) 29%, rgba(0, 0, 0, .67) 50%, rgba(0, 0, 0, .55) 71%, rgba(0, 0, 0, .36) 81%, rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .23) 13%, rgba(0, 0, 0, .5) 29%, rgba(0, 0, 0, .67) 50%, rgba(0, 0, 0, .55) 71%, rgba(0, 0, 0, .36) 81%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .23) 13%, rgba(0, 0, 0, .5) 29%, rgba(0, 0, 0, .67) 50%, rgba(0, 0, 0, .55) 71%, rgba(0, 0, 0, .36) 81%, rgba(0, 0, 0, 0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#03000000', endColorstr='#00000000', GradientType=1)
}
.panel {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8
}
.header {
	position: relative
}
.avatar1 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -90px;
	z-index: 999
}
.avatar1 .img-circle {
	width: 80px;
	height: 80px;
	background: #5CB85C;
	line-height: 80px;
	margin: 0 auto;
	color: #fff;
	font-size: 30px
}
.panel-body {
	padding-top: 45px
}
.js_result h1 {
	font-size: 1.5em;
	margin-top: 10px
}
.js_result dt {
	margin-bottom: 10px
}
.list-group-item {
	border-radius: 0 !important
}
.glyphicon-unchecked {
	color: #666
}
.glyphicon-ok {
	color: red
}
.footer a {
	color: #FFF;
	line-height: 30px;
	padding: 5px 0
}
.loads {
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -23px 0 0 -23px;
	display: inline-block;
	background-position: left top
}
.loads, .loads i {
	background-image: url(../img/loading.png);
	background-repeat: no-repeat;
	display: inline-block;
	-webkit-background-size: 92px 46px;
	-moz-background-size: 92px 46px;
	-o-background-size: 92px 46px;
	background-size: 92px 46px
}
.loads i {
	width: 46px;
	height: 46px;
	background-position: right top;
	-webkit-animation-name: rotateRight;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}
@-webkit-keyframes rotateRight {
from {
-webkit-transform:rotate(360deg)
}
to {
	-webkit-transform: rotate(0deg)
}
}
#mcover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20000;
}
#mcover img {
	position: fixed;
	right: 18px;
	top: 5px;
	width: 260px;
	height: 180px;
	z-index: 20001;
}