@charset "utf-8";
html{
	height:100%;

}
body{
	height: 100%;
	font-family: "Microsoft YaHei";
	color:#666;
}
ul{
	list-style: none;
	padding:0;
	margin:0;
}
.top{
	height: 30px;
	line-height: 30px;
	background-color:#f5f5f5;
	color: #666;
}
.top a{
	color:#666;
}
.top a:hover{
	color: #333;
}
.theme-showcase{
	min-height: 700px;
}
.footer{
	height: 100px;
	background-color: #333;
	color:#ccc;
	margin-top: 40px;
}


.clearfix{
	zoom:1;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.navbar-default{
   background-color:#fff;
   border-color:transparent;
}

.navbar-brand{
	padding: 15px 0;
}

.theme-showcase{
	margin-top:60px;
}
.error{
	color:red;
	font-weight: normal;
}
.nav-top{
	box-shadow: 0px 0px 10px rgba(0,0,0,.07)
}
h1{
	font-size: 24px;
}

.layui-layer-shade{
	background-color:rgba(0,0,0,0.6)!important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: #e7e7e7;
}

.navbar-toggle{
	display: none!important;
}


@keyframes topmove
{
   from {top:-200px;opacity: 0}
   to {top:0px;opacity: 1}
}
@keyframes bottommove
{
   from {top:200px;opacity: 0}
   to {top:0px;opacity: 1}
}

@keyframes rightmove
{
   from {left:200px;opacity: 0}
   to {left:0px;opacity: 1}
}

@keyframes leftmove
{
   from {left:-200px;opacity: 0}
   to {left:0px;opacity: 1}
}