/* default css for ebais by sero-lee */
html,body{font-size:14px}
body{background-color:#fff}
::selection{background-color:#449CE8;color:#fff}
::-moz-selection{background-color:#449CE8;color:#fff}
a::selection{color:inherit}
a::-moz-selection{color:inherit}
/* */
html.menu-show{overflow:hidden}
html.menu-show #menu,#menu,
html.menu-show body,body{transition:all .3s ease-out}
html.menu-show body,body{position:relative;left:0}
html.menu-show body{left:-250px}
/**/
.header,.footer{margin-top:15px;margin-bottom:15px}
/**/
.header .logo{padding-top:10px;padding-bottom:10px;}
/**/
.footer .copyright{line-height:3}
/**/
abody:before{
	z-index:10000;
	display:block;
	content:' ';
	position:fixed;
	top:0;
	bottom:0;
	width:250px;
	background-color:#000;
}
/**/
.main-link-navbar{margin-bottom:0}
.main-link-navbar .header{position:relative}
.main-link-navbar .header .logo{padding-top:0;padding-bottom:0}
.main-link-navbar .nav-right{position:absolute;top:0;right:0;padding-left:15px;padding-right:15px}
.main-link-navbar .nav-right>a{display:block;position:relative;overflow:hidden;text-decoration:none;font-size:28px;line-height:1}
.main-link-navbar .nav-right>a.nav-menu{padding:5px 8px;border:1px solid transparent;border-radius:5px}
.main-link-navbar .nav-right>a.nav-menu:focus,
.main-link-navbar .nav-right>a.nav-menu:hover{
	border-color:#ddd;
	background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	background-repeat:repeat-x;
	box-shadow:0 0 4px rgba(35,82,124,.15);
	text-shadow:0 1px 0 #fff;
}
.main-link-navbar .nav-right>a.nav-menu.active,
.main-link-navbar .nav-right>a.nav-menu:active{
	background-image:none;
	background-color:#e0e0e0;
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}
.main-link-navbar .nav-right>a>span{display:none}
/* */
.main-link-footer{color:#fff;background-color:#282828;}
/* */
#menu{
	position:fixed;
	overflow:hidden;
	overflow-y:auto;
	top:0;
	bottom:0;
	right:-250px;
	width:250px;
	height:100%;
	min-width:250px;
	max-width:250px;
	background-color:#eee;
	border-left:1px solid #ccc;
}
#menu:before{
	z-index:2;
	position:fixed;
	top:0;
	bottom:0;
	width:4px;
	height:100%;
	box-shadow:inset 2px 0px 3px 0px rgba(0,0,0,.15);
}
#menu ul{margin:0}
#menu .menu-profile{padding:15px 25px;background-color:#fff;border-bottom:1px solid #e6e6e6}
#menu .menu-profile-box{position:relative}
#menu .menu-profile-box:before,
#menu .menu-profile-box:after{display:block;content:' '}
#menu .menu-profile-icon{display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;font-size:28px;width:48px;height:48px;line-height:48px;color:#fff;background-color:#3D80BA;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.15)}
#menu .menu-profile-icon .fa:before{content:'\f007'}
#menu .menu-profile-nologin .menu-profile-icon .fa:before{content:'\f059'}
#menu .menu-profile-name{margin-top:5px}
#menu .menu-profile-name>small,
#menu .menu-profile-name>span{display:block;line-height:1.725}
#menu .menu-profile-name>span{font-weight:bold}
/*
#menu .menu-profile{padding-left:15px;padding-right:15px;background-color:#fff;border-bottom:1px solid #e6e6e6}
#menu .menu-profile .row>div{height:45px;min-height:45px;max-height:45px}
#menu .menu-profile .col-xs-3{width:45px;text-align:center;padding-left:0;padding-right:0;background-color:#f6f6f6}
#menu .menu-profile .col-xs-3>i.fa{vertical-align:middle;font-size:32px}
#menu .menu-profile .col-xs-3>i.fa:before{content:"\f007"}
#menu .menu-profile .col-xs-9{font-size:18px;width:204px;line-height:45px}
#menu .menu-profile-nologin .col-xs-3>i.fa:before{content:"\f06a"}
#menu .menu-profile-nologin .col-xs-9{}
*/
/**/
#menu .menu-login-box{}
#menu .menu-login-box>h4{color:#fff;background-color:#3379B5;line-height:1;padding:10px 15px;margin:0;}
#menu .menu-login-box>h4>i{margin-right:6px}
#menu .menu-login-form{padding:15px;background-color:#fff;border-bottom:1px solid #3379B5}
#menu .menu-login-form .input-danger,
#menu .menu-login-form .input-group{
transition:all .35s ease;
}
#menu .menu-login-form .input-group{margin-bottom:15px}
#menu .menu-login-form .input-group-addon{}
#menu .menu-login-form .input-group-addon>i{display:inline-block;font-size:18px;min-width:16px;max-width:16px}
#menu .menu-login-form .input-group-addon>span{display:inline-block;text-indent:-65536px}
#menu .menu-login-form .input-danger .input-group-addon,
#menu .menu-login-form .input-danger .form-control{border-color:#ac2925}
#menu .menu-login-form .input-danger .input-group-addon{color:#fff;background-color:#c12e2a}
#menu .menu-login-form .input-danger .form-control{color:#c12e2a;background-color:#f2dede;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(193,46,42,.6)}
#menu .menu-login-form form>button>i{margin-right:6px}
/**/
#menu .menu-list{}
#menu .menu-list li{
border-left:0px solid #3D80BA;
transition:all .35s ease;
}
#menu .menu-list>li.open{
border-left-width:3px;
transition:all .35s ease;
}
#menu .menu-list li>a{
transition:all .35s ease;
background-color:#fff;
border-bottom:1px solid #e6e6e6;
text-shadow:1px 1px 3px rgba(0,0,0,.15);
}
#menu .menu-list li.open>a{
padding:10px 15px 10px 12px;
}
#menu .menu-list li.open>a,
#menu .menu-list li>a:focus,
#menu .menu-list li>a:hover{
background-color:#f6f6f6;
text-decoration:none;
}
#menu .menu-list li>a>.arrow{float:right!important}
#menu .menu-list li>a>span,
#menu .menu-list li>a>i{display:inline-block;vertical-align:middle;line-height:1;}
#menu .menu-list li>a>i{text-align:center;width:24px;height:24px;overflow:hidden;background-color:#3D80BA;color:#fff;border-radius:50%;margin-right:6px}
#menu .menu-list li>a>i:before{line-height:24px}
/**/
#menu .menu-list li.open>a{
transition:all .35s ease;
border-color:#3876AC;
background-color:#3D80BA;
color:#fff;
}
#menu .menu-list li.open>a>i{
background-color:#fff;
color:#3D80BA;
}

/**/
#menu .menu-list .menu-list-subtitle{
padding:8px 15px;
color:#eee;
background-color:#3D80BA;
}

#menu .menu-list .nav-second,
#menu .menu-list .nav-third{display:none}

#menu .menu-list .nav-second li>a,
#menu .menu-list .nav-third li>a{position:relative}
#menu .menu-list .nav-second li>a{padding-left:24px}
#menu .menu-list .nav-third li>a{padding-left:36px}

#menu .menu-list .fa.arrow:before{content:"\f104"}
#menu .menu-list .open>a>.fa.arrow:before{content:"\f107"}
html.menu-show #menu{right:0px}
/* */
#main{}
#main.main-link{
	position:relative;padding:30px 0;margin-top:0;margin-bottom:0;background-color:#fff;
}
#main.main-link .main-link-header{
	display:block;
	width:100%;
	padding-left:15px;
	padding-right:15px;
}
#main.main-link .main-link-header>h1{
	margin-top:0;
	margin-bottom:15px;
	line-height:normal;
	border-bottom:1px solid #eee;
}
#main.main-link .main-link-header>h1>span{
	display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:auto;
	line-height:normal;
	margin-bottom:-11px;
	color:#222;
	border-bottom:3px solid #3D80BA;
}
#main.main-link .main-link-header>h1>span:before{
	margin-right:10px;
	color:#3D80BA;
}
#main.main-link .main-link-row>div{
	padding:15px;
}
#main.main-link .images-box-autoresize{
	display:block;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	padding:15px;
	background-color:#fff;
	border:2px solid #eee;
	border-radius:15px;
	box-shadow:0 0 6px rgba(0,0,0,.075);
}
#main.main-link .images-box-autoresize:focus,
#main.main-link .images-box-autoresize:hover{
	border-color:#23527c;
	box-shadow:0 0 6px rgba(0,0,0,.15),inset 0 0 6px rgba(0,0,0,.15);
}
#main.main-link .images-box-autoresize>img{
	width:100%;
	max-width:100%;
	transform:scale(.75);
	transition:all .5s ease-out;
}
#main.main-link .images-box-autoresize:focus>img,
#main.main-link .images-box-autoresize:hover>img{
	transform:scale(1.25);
	transition:all 1s ease-in-out;
}
#main.main-link .animate{
	animation:autorunscale 2s ease-in-out .5s infinite alternate;
}
#main.main-link .images-box-autoresize>.main-link-title{
	text-align:center;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	padding:15px;
	margin:15px -15px -15px;
	border-radius:0 0 15px 15px;
	color:#23527c;
	background-color:#eee;
	opacity:.85;
}
#main.main-link .images-box-autoresize:focus>.main-link-title,
#main.main-link .images-box-autoresize:hover>.main-link-title{
	color:#ff3;
	background-color:#23527c;
	opacity:1;
}
/**/
@keyframes autorunscale{
	0%{transform:scale(.75)}
	100%{transform:scale(1.5)}
}
@keyframes autorunrotate{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes autorunrotateX{
	0%{transform:rotateX(0deg)}
	100%{transform:rotateX(180deg)}
}
@keyframes autorunrotateY{
	0%{transform:rotateY(0deg)}
	100%{transform:rotateY(180deg)}
}
/* */
@media (max-width:767px){
}
@media (max-width:647px){
	#main.main-link .images-box-autoresize>.main-link-title{font-size:14px}
}
@media (max-width:599px){
	#main.main-link .main-link-header>h1{font-size:28px}
	#main.main-link .main-link-header>h1>span{margin-bottom:-9px}
	#main.main-link .images-box-autoresize>.main-link-title{font-size:16px}
	#main.main-link .col-xs-4{width:50%}
}
@media (max-width:467px){
	#main.main-link .col-xs-4{width:100%}
}
@media (max-width:359px){
	.main-link-navbar .header .logo>a>img{height:32px}
	.main-link-navbar .nav-right{margin-top:-4px;}
	.main-link-navbar .nav-right>a.nav-menu{}
}
/* */
.use-read-control{position: absolute;top: 0;right: 0;}
.use-read-control a{margin-left:4px;padding:2px 4px;font-size:14px;}
.use-read-control a span{font-size:12px;}
/* */
.float-inherit{float:inherit;}
/* */
.docs-fontsize-large{font-size:large;}
.docs-fontsize-larger{font-size:larger;}
.docs-fontsize-small{font-size:small;}
.docs-fontsize-smallr{font-size:smallr;}
.docs-fontsize-x-large{font-size:x-large;}
.docs-fontsize-x-small{font-size:x-small;}
.docs-fontsize-xx-large{font-size:xx-large;}
.docs-fontsize-xx-small{font-size:xx-small;}
/* */
.font-size-small{font-size:80%;}
.font-size-big{font-size:120%;}
/* */
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}
.valign-initial{vertical-align:initial;}
/* */
.white-pre{white-space:pre;}
.white-preline{white-space:pre-line;}
.white-prewrap{white-space:pre-wrap;}
.white-normal{white-space:normal;}
.white-nowrap{white-space:nowrap;}
.white-inherit{white-space:inherit;}
.white-initial{white-space:initial;}
/* */
.list-type-decimal{list-style-type:decimal;}
.list-type-square{list-style-type:square;}
.list-type-inherit{list-style-type:inherit;}
.list-type-initial{list-style-type:initial;}
.list-type-upper-roman{list-style-type:upper-roman;}
/* */
.no-margin{margin:0;}
.no-rows-margin{margin-top:0;margin-bottom:0;}
.no-cols-margin{margin-left:0;margin-right:0;}
.no-padding{padding:0;}
.no-rows-padding{padding-top:0;padding-bottom:0;}
.no-cols-padding{padding-left:0;padding-right:0;}
.no-border{border-width:0;}
.no-rows-border{border-top-width:0;border-bottom-width:0;}
.no-cols-border{border-left-width:0;border-right-width:0;}
/* */
.call-margin-left15{margin-left:15px;}
.call-margin-right15{margin-right:15px;}
.call-margin-top15{margin-top:15px;}
.call-margin-bottom15{margin-bottom:15px;}
/* */
.margin-left15{margin-left:15px;}
.margin-right15{margin-right:15px;}
.margin-top15{margin-top:15px;}
.margin-bottom15{margin-bottom:15px;}
/* */
.margin-left30{margin-left:30px;}
.margin-right30{margin-right:30px;}
.margin-top30{margin-top:30px;}
.margin-bottom30{margin-bottom:30px;}
/* */
.margin-left45{margin-left:45px;}
.margin-right45{margin-right:45px;}
.margin-top45{margin-top:45px;}
.margin-bottom45{margin-bottom:45px;}
/* */
.margin-left60{margin-left:60px;}
.margin-right60{margin-right:60px;}
.margin-top60{margin-top:60px;}
.margin-bottom60{margin-bottom:60px;}
/* */
.no-data-message{color:#888;text-shadow:1px 1px 3px rgba(0,0,0,.3);}
/* */
.red{color:#f00}
.blue{color:#00f}
.green{color:#0c0}
.gary{color:#aaa}
.black{color:#000}
/* */
.mouse-not{cursor:not-allowed}
.mouse-move{cursor:move}
.mouse-hand{cursor:pointer}
