/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/


/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/

html {
	color: #000;
	background: #fff;
}

body {
	font: 12px/1.5 microsoft yahei, arial, sans-serif;
	background: #f5f5f5;
}


/*
	TODO remove settings on BODY since we can't namespace it.
*/


/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}


/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul,
li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}


/* to preserve line-height and selector appearance */

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

a {
	text-decoration: none;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
	/*to enable resizing for IE*/
}


/*because legend doesn't inherit in IE */

legend {
	color: #000;
}

.slogo {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 300px;
}

.slogo img {
	height: 36px;
}

.layui-nav .layui-nav-item a {
	font-size: 15px;
}

.usera {
	position: absolute;
	top: 10px;
	height: 24px;
	right: 20px;
}

.usersIcon {
	width: 30px;
	height: 30px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	margin: 0px 2px 0px 5px;
	display: inline-block;
}
.mainPage{
	padding-bottom: 20px;
}
.usersIcon img {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	display: inline-block;
}

.usera span.name {
	color: #ffffff;
	line-height: 24px;
	margin: 5px 8px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.usera span.name:after {
	display: block;
	content: ".";
	position: absolute;
	height: 10px;
	right: -10px;
	width: 1px;
	background: #ffffff;
	top: 8px;
	color: #000000;
}

.usera a {
	color: #ffffff;
	line-height: 24px;
	margin: 5px 8px;
	font-size: 14px;
	display: inline-block;
}

.mainPage_headerMain {
	/*max-width: 1400px;*/
	width:95%;
	margin: 0 auto;
	position: relative;
}

.mainPage_headerMainBox {
	padding-left: 400px;
	padding-right: 200px;
	position: relative;
}


/* YUI CSS Detection Stamp */

#yui3-css-stamp.cssreset {
	display: none;
}

.layui-nav {
	background-color: transparent !important;
}

.mainPage_body {
	/*max-width: 1400px;*/
	width:95%;
	margin: 20px auto 0px;
	background: #ffffff;
	height: calc(100% - 360px);
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 2px 6px 0 rgba(0, 0, 0, .045);
	overflow: hidden;
}

.mainPage_body_c {
	padding: 30px 20px;
}

.mainHeader {
	height: 60px;
	color: #fff;
	background: #1183fb -webkit-gradient(linear, right top, left top, from(#0a48d1), to(#1183fb));
	background: #1183fb -webkit-linear-gradient(right, #0a48d1 0, #1183fb 100%);
	background: #1183fb -o-linear-gradient(right, #0a48d1 0, #1183fb 100%);
	background: #1183fb linear-gradient(-90deg, #0a48d1 0, #1183fb 100%);
	background-color: #1183fb;
	border-top-color: #0c64eb;
	border-bottom-color: #e9f2fb
}

.footer {
	padding: 0px 0px 20px;
	line-height: 30px;
	text-align: center;
	color: #666;
	font-weight: 300;
	height: 60px;
}

body .layui-layout-admin .footer-demo {
	height: 50px;
	line-height: 50px;
	padding: 5px 0;
}

.footer a {
	padding: 0 5px;
}

.site-union {
	color: #999;
}

.site-union>* {
	display: inline-block;
	vertical-align: middle;
}

.site-union a[sponsor] img {
	width: 80px;
}

.site-union span {
	position: relative;
	top: 5px;
}

.site-union span a {
	padding: 0;
	display: inline;
	color: #999;
}

.site-union span a:hover {
	text-decoration: underline;
}

.site-union .site-union-desc {
	display: block;
	margin-bottom: 10px;
}

.footer-demo p,
.footer-demo .site-union,
.footer-demo .site-union p {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}

.footer-demo .site-union {
	position: relative;
	top: -5px;
}

.footer-demo .site-union .site-union-desc {
	margin-bottom: 0;
	padding-right: 0;
}

.footer-demo .site-union a[sponsor] img {
	position: relative;
	top: 3px;
}

.layui-btn {
	border-radius: 5px;
}

 ::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-button:vertical {
	display: none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track:vertical {
	background-color: black;
}

::-webkit-scrollbar-track-piece {
	background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
	margin-right: 10px;
	border-radius: 10px;
	background-color: #a6a6a6;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #aaa;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-corner:vertical {
	background-color: #535353;
}

::-webkit-scrollbar-resizer,
::-webkit-scrollbar-resizer:vertical {
	background-color: #ff6e00;
}
.layui-btn{
 border-radius: 5px!important;	
}