@CHARSET "UTF-8";

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.clear{clear: both;}

.select-image{width:100px; height:100px; border:1px solid #eee; float:left; cursor:pointer; position:relative;}
.select-image img{max-width:100px; max-height:100px;}
.select-image .operate{display:none; position:absolute; left:0; bottom:0; background-color:#eee; opacity:0.8; width:100%; height:24px; line-height:24px;}
.select-image .operate .edit{float:left; padding-left:2px;}
.select-image .operate .del{float:right; padding-right:2px;}
.select-image:HOVER {border-color:#1E9FFF;}
.select-image:HOVER .operate{display:inline;}

.select-image-btn{width:100px; height:100px; float:left; border:1px solid #eee; text-align:center; line-height:100px; cursor:pointer;}
.select-image-btn i{font-size:48px; color:#999;}
.select-image-btn:hover i{color:#1E9FFF;}


.admin-login{background:url(../img/login-back.jpg) no-repeat fixed top;}
.user-login{background:url(../img/login-back-u.jpg) no-repeat fixed top;}
.admin-login .login-form{
	box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
	opacity: 1;
	top: 20px;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.25, 0.265, 0.85);
	-webkit-transition-property: -webkit-transform,opacity,box-shadow,top,left;
	transition-property: transform,opacity,box-shadow,top,left;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform-origin: 161px 100%;
	-ms-transform-origin: 161px 100%;
	transform-origin: 161px 100%;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	position: relative;
	width: 240px;
	height: 300px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	padding: 100px 40px 40px 40px;
	background: #35394a;
	/* Old browsers */
	/* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #35394a), color-stop(100%, rgb(0, 0, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);
	/* Chrome10+,Safari5.1+ */
	/* Opera 11.10+ */
	/* IE10+ */
	background: linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(53, 57, 74, 0)', endColorstr='rgb(0, 0, 0)',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
.admin-login .login-form .login-title{color:#fff; opacity:0.8;}
.admin-login .login-form .login-form-item{}
.admin-login .login-form .login-form-item .login-form-label{float:left; color:#fff; height:30px; line-height:30px; width:60px; opacity:0.8;}
.admin-login .login-form .login-form-item .login-input-inline{float:left; margin-left:10px;}
.admin-login .login-form .login-form-item .login-input-inline .login-input{height:30px; line-height:30px; width:160px; padding-left:5px; background-color:transparent; border:1px solid rgba(255, 255, 255, 0.55); color:#fff;}
.admin-login .login-form .login-form-item .login-input-inline .login-submit{height:30px; width:80px; background-color:transparent; border:2px solid #4FA1D9; color:#4FA1D9; cursor:pointer; border-radius:4px;}
.admin-login .login-form .login-form-item .login-input-inline .login-submit:HOVER {background-color:#4FA1D9; color:#fff;}

.box-row{
	display:flex;
	flex-direction: row;
}

.box-column{
	display:flex;
	flex-direction: column;
}

.box-between{
	display:flex;
	justify-content:space-between;
}

.box-around{
	display:flex;
	justify-content:space-around;
}

.box-center{
	display:flex;
	justify-content: center;
}