#page_404{display:inline-block;width:100%;}
#page_404 img{float:left;margin:0 2rem 1rem 0;}
#admin_panel{position:fixed;top:0;left:0;background:#ffffe0 !important;color:black !important;text-align:center;padding:5px 0;width:100%;z-index:999999;display:none;}
#lock{width:18px;height:25px;background:transparent url(img/lock.png) no-repeat top;position:fixed;top:5px;right:5px;z-index:10;}
.lock{cursor:pointer;text-decoration:underline;}
#login_form{background:Silver;display:inline-block;margin-right:1rem;}
#login_form .submit{margin-left:1rem;}
.bookmark-wrap .bookmark{border:1px solid gray;}
.bookmark-wrap .bookmark{margin:0 5px 5px 5px;padding:5px;}
.bookmark-btn-wrap{margin:0 5px;padding:0 5px;}
.bookmark-btn-wrap .bookmark-btn{display:inline-block;padding:3px 5px;border-radius:5px 5px 0 0;border-left:1px solid gray;border-right:1px solid gray;border-top:1px solid gray;margin-right:10px;cursor:pointer;}
.bookmark-btn-wrap .bookmark-btn.on,.bookmark-btn-wrap .bookmark-btn:hover{background:#ffe4b5;}
.w100{width:100%;}
.cnt{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mid{margin-left:auto;margin-right:auto;}
.clear{clear:both;}
.err{background-color:#FFE4C4;padding:10px;margin:10px 0;color:Black;overflow:hidden;}
.flt{float:left;}
.frt{float:right;}
#admincontent th{background:#dedede;}
#admincontent table{margin:20px 10px;}
.display0{display:none;}
.ajax-msg{position:fixed;width:50%;min-width:200px;max-height:50%;background:#fc0;box-shadow:0 0 1em rgba(0,0,0,0.6);padding:1em;top:0;left:0;overflow-y:auto;margin:10% 0 0 25%;z-index:10;}
.ajax-msg .destroy{float:right;}
.show-next{cursor:pointer;}
.block{display:inline-block;vertical-align:top;}
.system hr{
	margin: 10px 0;
}
.system button, .system input[type=chekbox]{
	margin-right: 10px;
}
.system h1, .system h2, .system h3, .system h4{
	margin-bottom: 1em;
}
.file-meta img,.icon-vodeo,.icon-books{
	float: left;
	margin: 0 20px 20px 0;
}
.file-meta{
	padding-left: 0;
}
.file-meta li{
	display: inline-block;
	width: 100%;
	padding: 10px;
}
.file-meta li:hover{
	background-color: #fff0da;
}
.icon-vodeo,.icon-books{
	display: inline-block;
}
.icon-vodeo:after,.icon-books:after{
	content: '';
	display: inline-block;
	width: 100px;
	height: 100px;
	background-position: center;
	background-repeat: no-repeat;
}
.icon-vodeo:after{
	background-image: url(video.jpg);
}
.icon-books:after{
	background-image: url(books.png);
}
.system h1{font-size: 2em;}
.system h2{font-size: 1.8em;}
.system h3{font-size: 1.5em;}
.system h4{font-size: 1.2em;}
#toTop{position:fixed;bottom:1rem;left:1%;display:none;z-index:5;padding: 5px 10px;}
#toTop.on{display:inline-block;}
#addMeta{
margin: 1rem auto;
box-shadow:0 0 1rem rgba(0,0,0,0.6);
border-radius: 10px;
padding: 1rem;
background-color: White;
clear: both;
margin-top: 1rem;
width: calc(100% - 2rem);
font-size: 16px!important;
}
#addMeta .line{
padding: 1rem;
margin-bottom: 1rem;
border: 1px solid silver;
box-shadow:0 0 .5rem rgba(0,0,0,0.6);
}
#addMeta textarea{
width: 100%;
min-height: 200px;
margin: 0;
}
#addMeta input[type=text]{
width: 50%;
}
#file_manager,#video_manager{
width: 50%;
padding: 1rem;
}
#files li{
border-top: 1px solid silver;
margin-top: .5rem;
}
input[name="sort"]{
width: 5rem;
}
.table-list{
margin: 1rem 0;
padding-bottom: 1rem;
border-bottom: 1px solid silver;
}