::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}
::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 8px;
    opacity: 0.6;
}
::-webkit-scrollbar-track {
    background: transparent;
}
.header, #navigation, .body-content, .footer {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
}
input, textarea {
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
}
.body-content {
    -webkit-transition: 333ms;
    -moz-transition: 333ms;
    -o-transition: 333ms;
    transition: 333ms;
    opacity: 0;
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
.header{
	background-color:#393D49;
    width:100%;
}
.footer{
    width:100%;
    position:fixed;
    left:0;
	bottom:0;
	background: #2F4056;
	color:#E1E1E1;
	padding:14px;
}
.footer a{
    color:#E1E1E1;
}
#list{
	margin-bottom:60px;
}
#navigation{
	margin-top:1em;
}
#info{
	text-align:right;
}
#info a{
	margin-right:0.5em;
}
.showimg{
	display:none;
	position:absolute;
	max-height:60px;
	bottom:3em;
	left: 2em;
	z-index:99;
	border:1px solid #e2e2e2;
	border-radius:5px;
}
img {
    -webkit-transition: 333ms;
    -moz-transition: 333ms;
    -o-transition: 333ms;
    transition: 333ms;
}
.layui-table img {
    max-height: 60px;
    z-index:99;
}
#cache{
	margin-top:2em;
	margin-bottom:60px;
}
#cache ul{
	background-color: #f2f2f2;
	display: block;
	line-height:1.5em;
	padding: 0 1em;
	
}
.logo{
	float:left;
	color:#FFFFFF;
	vertical-align: middle;
	margin-top:1em;
	margin-bottom:1em;
}
.logo a{
	color:#FFFFFF;
}
.menu{
	float:left;
}
.fname{
	width:100px;
  	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#msg{
	border:1px solid #FF5722;
	border-radius:2px;
	color:#505050;
	padding:0.7em;
	line-height:1.3em;
	margin-bottom:0.8em;
	/*background-color:#F5F5F5;*/
}
#msg a{
	color:#5FB878;
}