.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}

a{outline: none;}
a:active{background-color: transparent;}
.mask{width:100%;height:100%;background:#000;background-color:rgba(0,0,0,.3);position:fixed;left:0;top:0;z-index:1002}
button{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer;border:none;background:0 0;outline:0}
button[disabled]{cursor:default}
button::-moz-focus-inner{border:0;padding:0}
.green{color: #53aa49;}
.gray{color:#a0a0a0;}
.blue{color: #527AF7;}
.orange{color: #f19b38;}
.red{color: #ff6a6a;}
.fr{float: right;}
.tips{color: #f19b38;}
/*tab*/
.tabs{}
.tabs .tabs-tag{overflow: hidden;}
.tabs .tabs-tag li{float: left;}
.tabs .tabs-tag li a{display: inline-block;padding:8px 6px;color:#fff;font-size:18px;border-bottom:3px solid transparent;}
.tabs .tabs-tag li.cur a,.tabs .tabs-tag li.hover a{color:#1c9dff;border-bottom-color: #1c9dff;}
.tabs .tabs-con{display:none;}
.tabs .tabs-con.cur{display: block;}

/*日期*slide*/
.small-slide{
	
	height:27px;
	width:0;
	border:1px solid #0292ff;
	-o-border-radius:27px 0 27px 0;
	-moz-border-radius:27px 0 27px 0;
	-webkit-border-radius:27px 0 27px 0;
	-ms-border-radius:27px 0 27px 0;
	border-radius:27px 0 27px 0;
	overflow: hidden;
	padding:1px 40px;
	position: relative;
	margin:0 auto;
}
.small-slide .small-slide-list{overflow: hidden;position: absolute;left:40px;top:1px;height: 27px;width: 800px;white-space:nowrap;}
.small-slide a{
	display: inline-block;
	border:1px solid transparent;
	text-align: center;
	overflow: hidden;
	height: 25px;
}
.small-slide a.prev,.small-slide a.next{padding:0 14px;position: absolute;width:8px;z-index: 999;}
.small-slide a.prev span,.small-slide a.next span{position: relative;left: -28px;top: 0;width: 8px;}

.small-slide a.prev{left:1px;top:1px;}
.small-slide a.next{right:1px;top:1px;}
.small-slide a.cur,.small-slide a:hover,.small-slide a.prev,.small-slide a.next{
border:1px solid #0292ff;
-o-border-radius:25px 0 25px 0;
-moz-border-radius:25px 0 25px 0;
-webkit-border-radius:25px 0 25px 0;
-ms-border-radius:25px 0 25px 0;
border-radius:25px 0 25px 0;}
.small-slide a.disabled{color: #ccc;}
.small-slide a span{
	display: inline-block;
	padding:0 26px;
	width:80px;
	height:25px;
	line-height: 25px;
	color:#fff;
	font-size: 14px;

}
.small-slide a.cur span,.small-slide a:hover span,.small-slide a.prev span,.small-slide a.next span{

	background:-moz-linear-gradient(top,  #67bdff 44%, #007cdb 58%,#007cdb 100%);
	background: -webkit-gradient(linear, 0% 42%, 58% 100%, from(#67bdff), to(#007cdb)); 
	background:-webkit-linear-gradient(top,  #67bdff 44%, #007cdb 58%,#007cdb 100%);
	background:-ms-linear-gradient(top,  #67bdff 44%, #007cdb 58%,#007cdb 100%);
	background:-o-linear-gradient(top,  #67bdff 44%, #007cdb 58%,#007cdb 100%);
	background:linear-gradient(top,  #67bdff 44%, #007cdb 58%,#007cdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67bdff', endColorstr='#007cdb',GradientType=0 ); 

}

/*两列布局*/
.coloumn-2-wrap{overflow: hidden;}
.coloumn-2-1{float: left;width: 50%;}
.coloumn-2-2{margin-left: 50%;}

/*三列布局*/
.coloumn-3-wrap{overflow: hidden;}
.coloumn-3-wrap .coloumn-3{float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.coloumn-3-wrap .coloumn-3-2{width: 100%;}
.coloumn-3-wrap .coloumn-3-2-in{margin:0 30.33%;padding:0 5.055%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.coloumn-3-wrap .coloumn-3-1{width: 30.33%;margin-left: -100%;margin-bottom:-9999px;padding-bottom: 9999px;}
.coloumn-3-wrap .coloumn-3-3{width: 30.33%;margin-left: -31.33%;margin-bottom:-9999px;padding-bottom: 9999px;}

/*四列布局*/
.col-4-wrap{overflow: hidden;}
.col-4-wrap .col-4{float: left;width:25%;box-sizing:border-box;}
.col-4-wrap .col-4-1{}
.col-4-wrap .col-4-1-in{}
.col-4-wrap .col-4-2{}
.col-4-wrap .col-4-2-in{}
.col-4-wrap .col-4-3{}
.col-4-wrap .col-4-3-in{}

.box-ttl{height: 100px;overflow: hidden;background: #799efb;
	border:1px solid #698fed;
	-o-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}  /*默认蓝色*/
.box-ttl-bg{float: left;width:260px;height: 260px;background:#92aff9 url(/Public/images/t0132e698813184644f.png) no-repeat -916px 96px;
	border:1px solid #6b92f3;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	margin:-80px 0 0 -24px;
}
.box-ttl-txt{margin-left: 270px;color: #fff;font-size: 24px;height: 100px;line-height: 100px;position: relative;}
.box-ttl-txt span{position:absolute;left:0;top:30px;color: #efefef;font-size: 12px;}
.box-ttl-blue{background: #799efb;border-color:#698fed;}
.box-ttl-blue .box-ttl-bg{background-color:#92aff9;background-position:-916px 96px;border-color:#6b92f3;}
.box-ttl-orange{background: #fc9b4c;border-color:#ef8228;}
.box-ttl-orange .box-ttl-bg{background-color:#feab68;background-position:-416px 96px;border-color:#ef8228;}
.box-ttl-green{background: #3cc075;border-color:#3cc075;}
.box-ttl-green .box-ttl-bg{background-color:#51d188;background-position:88px 96px;border-color:#3cc075;}

/*列表*/
.lists{overflow: hidden;}
.lists li{height: 28px;line-height: 28px;}

/*大转盘*/
.bigwheel{height:718px;height: 685px;}
/*.bigwheel {
	width: 100%;
	background: #fbe3cc;
	height: auto;
	font-family: "微软雅黑", "microsoft yahei";
	}*/
	.bigwheel-case {
		height:100%;
		overflow: visible;
	}

	.bigwheel-case  h2 {
		font-size: 12px;
		line-height: 32px;
		font-weight: normal;
		text-align: right;
		color: #72beff;
		position:absolute;left:430px;top:72px;
		z-index: 999;
		width: 100%;
	}

	.bigwheel-box {
		height: 100%;
		position: relative;
		background: url(/Public/images/t011976c028c93bc61b.png) no-repeat;
	}
	.bigwheel-box-active {
		width: 100%;
		height: 100%;
		position: absolute;
		left:36px;
		top:12px;
		background: url(/Public/images/t01753a926e3b36e96d.gif) no-repeat;
		z-index: 99;
		display: none;
	}

	.bigwheel-img {
		width: 528px;
		height: 521px;
		position: absolute;
		background: url(/Public/images/t01ee8a9ea4fc289b0e.png) no-repeat;
		left: 70px;
		top: 46px;
		z-index: 100;
	}

	.bigwheel-playbtn {
		width: 220px;
		height: 220px;
		position: absolute;
		top: 152px;
		left: 154px;
		background: url(/Public/images/t01b689f6296ae8d917.png) no-repeat center center;
	}

	.bigwheel-login,.bigwheel-playnum{font-size: 16px;color:#fff;text-align: center;line-height: 24px;position: absolute;width: 100%;left: 0;top:240px;}
	.bigwheel-login a{display: inline-block;padding:2px 15px;color: #36bfff;font-weight: bold;
		border:1px solid #00a2e6;
		-o-border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-ms-border-radius:2px;
		border-radius:2px;
		background-color:rgba(0,162,230,0.4);
	}
	.bigwheel-login a:hover{
		background-color:rgba(0,162,230,0.6);
	}
	.bigwheel .mask{
		border:1px solid #000;
		-o-border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		-ms-border-radius:50%;
		border-radius:50%;
	}
	.bigwheel-img span{background:url(/Public/images/t01ad5d68663f87a271.png) no-repeat 0 0;position: absolute;left:240px;top:240px;width: 0;height: 0;font-size: 0;line-height: 0;}
	.bigwheel-img span:nth-child(1n){background-position: 0 0;}
	.bigwheel-img span:nth-child(2n){background-position: -100px 0;}
	.bigwheel-img span:nth-child(3n){background-position: -200px 0;}
	.bigwheel-img span:nth-child(4n){background-position: -300px 0;}
	.bigwheel-img span:nth-child(5n){background-position: -400px 0;}
	.bigwheel-img span:nth-child(6n){background-position: -600px 0;}
	.bigwheel-img span:nth-child(7n){background-position: -700px 0;}
	.bigwheel-img span:nth-child(8n){background-position: -800px 0;}
	.bigwheel-img span:nth-child(9n){background-position: -900px 0;}
	.bigwheel-img span:nth-child(10n){background-position: -1000px 0;}
	.bigwheel-img span:nth-child(11n){background-position: -1100px 0;}
	.bigwheel-img span:nth-child(12n){background-position: -1200px 0;}
	.bigwheel-img span:nth-child(13n){background-position: -1300px 0;}
	.bigwheel-img span:nth-child(14n){background-position: -1400px 0;}
	.bigwheel-img span:nth-child(15n){background-position: -1500px 0;}
	.bigwheel-img span:nth-child(16n){background-position: -1600px 0;}
	.bigwheel-img span:nth-child(17n){background-position: -1700px 0;}
	.bigwheel-img span:nth-child(18n){background-position: -1800px 0;}
	.bigwheel-img span:nth-child(19n){background-position: -1900px 0;}
	.bigwheel-img span:nth-child(20n){background-position: -2000px 0;}
	.bigwheel-img span:nth-child(21n){background-position: -2100px 0;}
	.bigwheel-img span:nth-child(22n){background-position: -2200px 0;}
	.bigwheel-img span:nth-child(23n){background-position: -2300px 0;}

	.bigwheel .modal-content{
		border:5px solid #ffa800;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
		background:#ffe7b0;
	}
	.bigwheel .modal-header .close{
		border:3px solid #ffa800;
		-o-border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		-ms-border-radius:50%;
		border-radius:50%;
		width:42px;
		height: 42px;
		font-size:30px;
		font-weight: bold;
		color: #ffa800;
		background:#fff4db; 
		margin-top: -36px;
		margin-right: -36px;
	}
	.bigwheel .modal-header,.bigwheel .modal-footer{border:none;}
	.bigwheel .modal-body .info{text-align: center;height: 24px;padding:10px 30px;}
	.bigwheel .modal-body .info span{color: #222;font-size: 16px;display: inline-block;padding-left:38px;height: 24px;background: url(/Public/images/t01ea637a8b07e6d0ef.png) no-repeat 0 bottom;}
	.bigwheel .modal-footer{text-align: center;}
	.bigwheel .modal-footer .btn{width: 174px;height: 44px;line-height:44px;color: #fff;text-align: center;font-size: 16px;
		border:1px solid #ff9600;
		-o-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		border-radius:3px;
		background: #ff9600;

	}
	.bigwheel .modal-footer .else{text-align: center;line-height: 30px;padding: 10px 30px;}
	.bigwheel .modal-footer .else a{color: #ffa800;text-decoration: underline;font-size: 16px;}
	.bigwheel .modal-footer .else a:hover{text-decoration: none;}



.modal-open {overflow: hidden;}
.modal {display: none;overflow: hidden;position: fixed;top:0;right: 0;bottom: 0;left:0;z-index: 99999;-webkit-overflow-scrolling: touch;outline: 0;}
.modal.fade .modal-dialog {
	/* -webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%); */
	-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.modal.in .modal-dialog {
  /* -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); */
}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position:absolute;margin: 10px;width:600px;top:50%;left: 50%;font-size:14px;}
.modal-content {position: relative;background-color: #ffffff;border: 1px solid #999999;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);-webkit-background-clip: padding-box;background-clip: padding-box;outline: 0;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000000;}
.modal-backdrop.fade {filter: alpha(opacity=0);-moz-opacity:0;opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;}
.modal-header .close {padding:0;margin-top: -2px;float:right;font-size: 16px;}
.modal-title {margin: 0;line-height: 1.42857143;font-weight: normal;}
.modal-body {position: relative;padding: 20px; }
.modal-body p{line-height: 24px;word-break: break-all;}
.modal-body p.center{text-align: center;}
.modal-footer {padding: 15px 20px;text-align: right;border-top: 1px solid #e5e5e5;}
.modal-footer .btn{color:#333;}
.modal-footer .btn-blue{color:#fff;background:#527AF7;padding:6px 15px;font-size:14px;}
.modal-footer .btn-white{padding:6px 15px;border-color:#dedede;background-color: #f1f1f1;color: #333;font-size:14px;}
.modal-footer .btn-white:hover{opacity: .9;color: #333;background-color: #f1f1f1;}
.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.modal .btn-default{}


/*select*/
.vertical {
	width: 200px;/*元素的宽度*/
	height:200px;/*元素的高度*/
	position: absolute;
	left: 50%;/*配合margin-left的负值实现水平居中*/
	margin-left: -100px;/*值的大小等于元素宽度的一半*/
	top:40%;/*配合margin-top的负值实现垂直居中*/
	margin-top: -100px;/*值的大小等于元素高度的一半*/
}

.select_container_nw {font-size:14px;position: relative;width: 180px;letter-spacing: 1px;display: inline-block;top:10px;}
.select_main {position: relative;width: inherit;border: 1px solid #ddd;height: 30px;cursor: pointer;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	right: 0px;
}

.select_content {display: block;padding: 4px 0px 4px 10px;line-height:22px;overflow: hidden;cursor: pointer;user-select: none;-webkit-user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.select_content::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 40px;
	-o-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	
}

.select_input {padding-left: 10px;padding-right: 32px;font-size: 15px;overflow: hidden;outline: none;height: 25px;border: none;border-bottom: 1px solid #00bb9c;background: url('/images/Search.png') no-repeat fixed top;z-index: 1;}
.search_svg {position: absolute;top: 2px;right: 3px;z-index: 2;}
.select_arrow, .select_arrow_after {content: '';position: absolute;right: 6px;top: 38%;border: 8px solid transparent;border-top: 8px solid #ddd;z-index: 2;-webkit-transform-origin: 50% 20%;-moz-transform-origin: 50% 20%;-ms-transform-origin: 50% 20%;transform-origin: 50% 20%;transition: all 150ms ease-in-out;cursor: pointer;}
.select_arrow_after {cursor: pointer;margin-top: -1px;right: 6px;border-top-color: #fff;}
.select_list {position: absolute;left: 0px;top: 100%;width: inherit;border: 1px solid #ddd;border-top: none;background-color: #fff;overflow: hidden;display: none;}
.select_list > .select_list_body ul {margin: 0px;padding: 0px;list-style: none;}
.select_list > .select_list_body ul li {padding-top: 4px;padding-bottom: 4px;line-height:22px;cursor: pointer;user-select: none;-webkit-user-select: none;overflow: hidden;text-indent: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.select_list > .select_list_body ul li:hover {background-color: #6bbfff;color: #fff;}
.cast_rotate {transform-origin: 50% 20%;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.select_list_body {max-height: 200px;overflow: hidden;overflow-y:auto;}
.list_current {display: none;}
.no_result {display: none;text-align: center;color: #00bb9c;}

/*companyAccount leftmenu*/
.ico{height:15px;width: 15px;margin-left: -25px;padding-right:24px;}
.ico-ser{background: url('/Public/images/t018c79b5b1b5c96ec5.png') no-repeat 0 center;}
.lmenu-active .ico-ser,a:hover .ico-ser{background: url('/Public/images/t012a580f4268e9faf9.png') no-repeat 0 center;}
.ico-set{background: url('/Public/images/t0196db2035aa4e5340.png') no-repeat 0 center;}
.lmenu-active .ico-set,a:hover .ico-set{background: url('/Public/images/t01a9d7f3761b0cd0fd.png') no-repeat 0 center;}
.ico-all{background: url('/Public/images/t01b4e196fc269b9677.png') no-repeat 0 center;}
.lmenu-active .ico-all,a:hover .ico-all{background: url('/Public/images/t01b625d2bfa443d934.png') no-repeat 0 center;}
.ico-public{background: url('/Public/images/t0160a9fcadb54cb70c.png') no-repeat 0 center;}
.lmenu-active .ico-public,a:hover .ico-public{background: url('/Public/images/t01a17b1adbcc945e40.png') no-repeat 0 center;}
.ico-private{background: url('/Public/images/t01be664264245915e0.png') no-repeat 0 center;}
.lmenu-active .ico-private,a:hover .ico-private{background: url('/Public/images/t019aedc54584c23bc2.png') no-repeat 0 center;}
.ico-year{background: url('/Public/images/t012fd6ff2b4b879503.png') no-repeat 0 center;}
.lmenu-active .ico-year,a:hover .ico-year{background: url('/Public/images/t017a4c86eb771d54c3.png') no-repeat 0 center;}
.ico-ce{background: url('/Public/images/t0129c4e9a5f4788bfb.png') no-repeat 0 center;}
.lmenu-active .ico-ce,a:hover .ico-ce{background: url('/Public/images/t01d38ae1c4c7f5380b.png') no-repeat 0 center;}
.ico-tool{background: url('/Public/images/t010d044c07fed9e632.png') no-repeat 0 center;}
.lmenu-active .ico-tool,a:hover .ico-tool{background: url('/Public/images/t01825aaaaccda09fd7.png') no-repeat 0 center;}
.ico-monitor{background: url('/Public/images/t01b265cf739d393783.png') no-repeat 0 center;}
.lmenu-active .ico-monitor,a:hover .ico-monitor{background: url('/Public/images/t01f26c2ddf4d9c5678.png') no-repeat 0 center;}

.ico-whitehat-center{background:url(https://oss-yg-cztt.yun.qianxin.com/butian-public/f429379ca77c7f551c9c9b0f1cef5557de1b1052d0192.png) no-repeat 4px center;}
.lmenu-active .ico-whitehat-center,a:hover .ico-whitehat-center{background: url('https://oss-yg-cztt.yun.qianxin.com/butian-public/f625240dcb3060606033677c694c7d7fd773238b4d93c.png') no-repeat 4px center;}
.ico-whitehat-space{background:url(https://oss-yg-cztt.yun.qianxin.com/butian-public/f23478422ea624ceff9f065bb9487dbbd15941d210ef3.png) no-repeat 0 center;}
.lmenu-active .ico-whitehat-space,a:hover .ico-whitehat-space{background: url('https://oss-yg-cztt.yun.qianxin.com/butian-public/f992089e65a9bbab0a2903251b57e431a4ede9dc2a499.png') no-repeat 0 center;}
.ico-whitehat-loo{background:url(https://oss-yg-cztt.yun.qianxin.com/butian-public/f823916638846d2bc7cf78e86da4383c034eb899eb30c.png) no-repeat 4px center;}
.lmenu-active .ico-whitehat-loo,a:hover .ico-whitehat-loo{background: url('https://oss-yg-cztt.yun.qianxin.com/butian-public/f6816973007269e06d37d87477ded3b658576022ec682.png') no-repeat 4px center;}
.ico-whitehat-team{background:url(https://oss-yg-cztt.yun.qianxin.com/butian-public/f1928128b269c6efa6a11cdf96a7e388c1e0abf80ed74.png) no-repeat 4px center;}
.lmenu-active .ico-whitehat-team,a:hover .ico-whitehat-team{background: url('https://oss-yg-cztt.yun.qianxin.com/butian-public/f5424795fa97b18af6c98d78871e1943fd8a69e6498c4.png') no-repeat 4px center;}

.lmenu{width:100%;background: #1E2A47;color:#b6bdc6;font-size: 12px;text-align:left;}
.lmenu a{color:#b6bdc6;display:block;height:50px;line-height:50px;font-size: 14px;padding:0 16px 0 49px;}
.lmenu a:hover,.lmenu-active>a{background: #293a61;color:#fff;}
.lmenu .dot{font-size: 16px;font-weight: bold;margin-right: 10px;}
.lmenu .fr{float: right;}
.lmenu .lmenu-more:after{content:'';padding-left:30px;background:url('https://oss-yg-cztt.yun.qianxin.com/butian-public/f4551808d89212c976697b201965fc2dcbcb14a5277b8.png') no-repeat right center;font-size: 20px;margin-left:-16px;color:#565c68;} 	
.lmenu .lmenu-active .lmenu-more:after{content:'';padding-left:30px;background:url('https://oss-yg-cztt.yun.qianxin.com/butian-public/f849981624009d089a862d6e3f2ab103fdf1884d198e5.png') no-repeat right center;font-size: 20px;font-weight: bold;color:#565c68;}
.lmenu-ttl{border-left:3px solid #527AF7;color:#fff;height: 50px;line-height:50px;font-size: 14px;}
.lmenu-lv1>li{height: 50px;overflow: hidden;}
.lmenu-lv1>li.lmenu-active{height: auto;}
.lmenu-lv2 li a{font-size: 12px;}
.lmenu-lv1 li>a:hover,.lmenu-lv1 .lmenu-active>a{color:#fff;background:#1E2A47; }
.lmenu-lv2 li>a:hover,.lmenu-lv2 .lmenu-active>a{color:#fff;background:#293a61; }
.lmenu-lv2-special{position: relative;left:-10px;top:4px;}
/*path Crumbs*/
.crumbs{height: 50px;line-height: 50px;}
.crumbs a{color:#4d4d4d;font-size:12px;margin-right: 10px;}
.crumbs a:hover{color:#aaa;}
.crumbs span{margin-right: 10px;}
/*a button*/
.btn-blue{background: #527AF7;padding:5px 30px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #527AF7;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-blue:hover{background: #3270ea;border-color:#3270ea;}
.btn-white{background: #fff;padding:5px 15px;color: #527AF7;font-size:12px;line-height: 14px;border:1px solid #527AF7;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-white:hover{background: #eef2fe;color: #527AF7;}
.btn-bgray{background: #fff;padding:5px 15px;color: #eee;font-size:12px;line-height: 14px;border:1px solid #eee;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-bgray:hover{background: #fff;color: #eee;}
.btn-gray{background: #b6b6b6;padding:5px 15px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #b6b6b6;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-gray:hover{background: #b6b6b6;color: #fff;}
.btn-green{background: #29c25f;padding:5px 15px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #29c25f;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-green:hover{background: #29c25f;color: #fff;}
.btn-red{background: #fc6154;padding:5px 15px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #fc6154;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-red:hover{background: #fc6154;color: #fff;}
.btn-orange{background: #fec92a;padding:5px 15px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #fec92a;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-serious:hover{
	background: rgb(199, 21, 133);
	color: #fff;
}
.btn-serious{background: #B32424;padding:5px 15px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #B32424;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-orange:hover{background: #fec92a;color: #fff;border-color:#fec92a;}
.btn-gray{background: #666;padding:5px 15px;color: #fff;font-size:12px;line-height: 14px;border:1px solid #666;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-gray:hover{background: #666;color: #fff;}
.btn-del{background: #fff url(/Public/images/t017c13107f8f3d4827.png) no-repeat 12px center;padding:5px 15px 5px 30px;color: #f43f40;font-size:12px;line-height: 14px;border:1px solid #f43f40;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.btn-dis,.btn-dis:hover{background: #666;border-color: #666;}
.btn-del:hover{background: #f43f40 url(/Public/images/t0183baa694be4dfba2.png) no-repeat 12px center;color: #fff;}
/*table*/
.table{border:1px solid #e6e6e6;font-size: 12px;color:#555555;width: 100%;border-spacing:0;}
.table th{height: 40px;line-height: 40px;background: #eee;padding: 0 5px;text-align: left;font-weight: normal;}
.table th input[type="checkbox"]{vertical-align: middle;}
.table th p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 0;}
.table td{vertical-align:middle;min-height:50px;text-align:left;padding:12px 5px;white-space: normal;word-break: break-all;word-wrap:break-word;}
.table tr:nth-child(odd) td{background:#f7f7f7;}
.table td.a{color: #527AF7;}
.table th.right,.table td.right{text-align: right;}
.table th.center,.table td.center{text-align: center;}
.table td p{font-size: 12px;line-height: 32px;}
/*form*/
.flist{line-height:24px;word-wrap: break-word;word-break: break-all;padding:5px 20px 5px 130px;font-size:12px;position: relative;font-family: "Microsoft Yahei","NotoSansHans-Regular","AvenirNext-Regular","arial","Hiragino Sans GB","Hiragino Sans GB","WenQuanYi Micro Hei","sans-serif";}
.flist-mid{text-align: center;padding: 20px 0;}
.fname{font-size:14px;left:0px;position:absolute;top:6px;width: 120px;text-align: right;vertical-align: top;font-family: "Microsoft Yahei","NotoSansHans-Regular","AvenirNext-Regular","arial","Hiragino Sans GB","Hiragino Sans GB","WenQuanYi Micro Hei","sans-serif";}
.ftext,.farea{outline:none;color: #555;word-wrap: break-word;word-break: break-all;font-size:12px;background: #fff;border: 1px solid #eee;padding: 4px 5px;width: 240px;resize: none;font-family: "Microsoft Yahei","NotoSansHans-Regular","AvenirNext-Regular","arial","Hiragino Sans GB","Hiragino Sans GB","WenQuanYi Micro Hei","sans-serif";
-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
}
.farea{width: 400px;height: 100px;}
.ftext-hover,.farea-hover{border-color: #527af7;cursor: pointer;}
.ftext-blur,.farea-blur{border-color: #ff6a6a;cursor: default;}
.fcon{word-wrap: break-word;word-break: break-all;display: inline-block;color: #555;}
.fsel{padding-left:20px;background: url("/Public/images/t01fbeabcf4dd037532.png") no-repeat 0 6px;}
.fsel .inputSel{display:none;margin:0;}
.fsel-hover{background-position: 0 -94px;}
.fsel-seled{background-position: 0 -194px}
.fprompt,.ferror{color:#ff6a6a;font-size:12px;}
.fprompt{display: none;}
.frequired{color:#ff6a6a;margin-right: 2px;font-size:12px;}
.fprompt-hover{z-index:9999;line-height:20px;background:#fff;display:block;border:1px solid #ffeac6;padding:10px 15px;color: #555;position: absolute;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
}
.fprompt-hover:before{position:absolute;left:-20px;top:10px;content: '';border:10px solid #ffeac6;border-color: transparent #ffeac6 transparent transparent;z-index: 900;}
.fprompt-hover:after{position:absolute;left:-19px;top:10px;content: '';border:10px solid #fff;border-color: transparent #fff transparent transparent;z-index: 901;}
.ffile-box{position: relative;display: inline-block;width: 70px;height: 22px;line-height:22px;top:7px;}
.ffile-btn{position: absolute;left: 0;top: 0;z-index: 900;}
.ffile-input{cursor:pointer;filter: Alpha(opacity=0);-moz-opacity:0;opacity:0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 901;}
/*sch*/
.sch{float: right;position: relative;}
.sch-text{width: 187px;height:24px;border:1px solid #cfd4dd;padding:2px 24px 2px 15px;border-radius: 14px;outline: none;}
.sch-btn{position: absolute;width: 24px;height: 24px;background: url('/Public/images/t01801476280c976f38.png') 0px 7px no-repeat;top:0;right:0;cursor: pointer;}

/*3d卡片循环*/
.poster-main{ position:relative;width:800px;height:270px;padding-bottom: 50px;box-sizing: content-box;}
.poster-list{width:800px;height:270px;}
.poster-item{ position:absolute;left:0;top:0; }
.poster-item a{display: inline-block;height: 100%;width: 100%;text-align: center;}
.poster-item img{max-width: 100%;display: inline-block;vertical-align: middle;}
.poster-btn{ position:absolute;top:0;width:100px;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-prev-btn{left:0; background: url('/Public/images/t01ed5f0d48821769ef.png') no-repeat center center;}
.poster-next-btn{right:0; background: url('/Public/images/t018866d54166d96f80.png') no-repeat center center;}
.poster-index{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;}
.poster-index .dot{display: inline-block;width: 15px;height: 15px;border: 1px solid #164a58;margin-right: 10px;top: 0px;left: 0;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #164a58;
}
.poster-index .dotcur{background: #35d3d3;border-color:#35d3d3;}

.slide{position: relative;overflow: hidden;padding:0 0 50px 0px;}
.slide-prev,.slide-next{cursor: pointer; position: absolute; width:50px; height: 100%;z-index: 801;  top: 0px;}
.slide-prev{left:0;background:#fff url('/Public/images/t010a4eff3daf8c99ef.png') no-repeat 0 center;}
.slide-next{width:50px; right: 0px;background:#fff url('/Public/images/t019fe19657a205a29e.png') no-repeat right center;}
.slide-con{height: 100%;padding:0 20px 0 50px;}
.slide-con-item{height: 100%;float: left;}
.slide-index{position: absolute; width:100%; height: 50px;z-index: 801; top:auto; bottom: 0px;left: 0;line-height: 40px;text-align: center;}
.slide-dot{cursor:pointer;display: inline-block;width: 8px;height: 8px;border: 1px solid #000;margin-right: 10px;top: 0px;left: 0;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #000;}
.slide-index .slide-dot-cur{background: #35d3d3;border-color:#35d3d3;}

.pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;overflow: hidden;line-height: 39.5px;} 
.pagination > li {display: inline; } 
.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #527AF7; background-color: #ffffff; border: 0px solid #dddddd; margin-left: -1px; } 
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } 
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 4px; border-top-right-radius: 4px; } 
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #23527c; background-color: #eeeeee; border-color: #dddddd; } 
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2; color: #ffffff; background-color: #527AF7; border-color: #527AF7; cursor: default; } 
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; }
.pagination>a,.pagination>span{display:inline-block;position:relative;top:17px;width: 30px;height: 30px;line-height:30px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: normal;}
.pagination .active{background: #527AF7;color:#fff;line-height: 30px;top:11px;border:1px solid #527AF7;}
.pagination .prev,.pagination .next{width: 60px;}
.pagination .jump-ipt{
  border:1px solid #ccc;
  height: 24px;
	width: 40px;
	margin-right: 5px;
	margin-left: 10px;
}
.pagination-size+.select_container_nw{margin-right: 10px;}

.pager-ttl{border-bottom: 1px solid #ededed; padding: 0; margin: 0 10px; overflow: hidden; height: 50px; line-height: 50px; } 
.pager-ttl span {border-left: 3px solid #527AF7; padding-left: 10px; font-size: 16px; } 
.pager-ttl a {color: #666666; float: right; }
.pager .pagination .active{border:none;}

/*pagewalkthrough.css 开始*/
#jpwClose,
#jpwNext,
#jpwPrevious,
#jpwFinish {
  color: #00c7ff;
  cursor: pointer;
  font-family: 'GochiHand';
  font-size: 18px;
  font-weight: lighter;
}
#jpwOverlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1119;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#jpwOverlay.transparent {
  background: none;
}
#jpWalkthrough.jpw-scrolling .overlay-hole > div {
  box-shadow: inset 0 0 10px 1000px rgba(0, 0, 0, 0.6);
}
#jpWalkthrough .overlay-hole > div {
  /*box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.6);*/
}
#jpWalkthrough #jpwTooltip {
  overflow: visible;
  padding: 40px;
  background: none;
  border:2px dashed #fff;
  -o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	min-width: 400px;
	min-height: 160px;
}
#jpWalkthrough #jpwTooltip #tooltipWrapper {
  overflow: visible;
  margin:0 auto;
  position: relative;
  height: 146px;
}
#jpWalkthrough #jpwTooltip #bottom-scratch {
  /*background: url("/Public/images/t010ceefe1552465c1b.png") no-repeat left top;*/
  width: 358px;
  height: 42px;
  display: block;
  top: 25px;
  clear: both;
}
#jpWalkthrough #jpwTooltip .draggable-area {
  display: block;
  width: 44px;
  height: 40px;
  position: absolute;
  top: -35px;
  right: -30px;
 /* background: url("images/drag.png") no-repeat;*/
  z-index: 10000;
}
#jpWalkthrough #jpwTooltip .top {
  background: url("/Public/images/t01ff75a6da63fff34a.png") no-repeat scroll 0 0 transparent;
  bottom: -86px;
  height: 86px;
  left: 130px;
  position: absolute;
  width: 75px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .right {
  background: url("/Public/images/t0143ba1617d5bd87fb.png") no-repeat scroll 0 0 transparent;
  height: 80px;
  left: -115px;
  position: absolute;
  top: 35px;
  width: 115px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .bottom {
  background: url("/Public/images/t010c17d6967df9e91f.png") no-repeat scroll 0 0 transparent;
  height: 86px;
  left: 130px;
  position: absolute;
  top: -86px;
  width: 75px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .left {
  background: url("/Public/images/t01484fd4ae9fd96de5.png") no-repeat scroll 0 0 transparent;
  height: 56px;
  position: absolute;
  right: -105px;
  top: 35px;
  width: 105px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip #tooltipInner {
  font-family: 'GochiHand';
  color: #ffffff;
  text-align: center;
  font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner a {
  font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle {
  font-size: 40px;
}
#jpWalkthrough .killOverlay {
  background-image: none !important;
  background-color: none !important;
}
#jpwClose {
  position: absolute;
  top: 54px;
  right: 80px;
  z-index: 1110;
  color: #ffffff;
  text-align: right;
  display: block;
}
#jpwClose:hover {
  color: #7eff00;
}
#jpwClose:before {
  content: '';
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 44px;
  height: 40px;
  background: url("/Public/images/t01057b58d4e1328065.png") no-repeat;
  position: absolute;
  top: -45px;
  left: 36px;
}
#jpwNext,
#jpwFinish {
	float: right;
    position: absolute;
    right: 90px;
    bottom: 40px;
    color: #fff;
    padding: 4px 16px;
	border: 1px dashed #fff;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	font-size:12px;
}
#jpwPrevious {
  float: left;
}
@font-face {
  font-family: 'GochiHand';
  src: url('font/GochiHand-Regular.eot');
  font-weight: normal;
  font-style: normal;
  font-family: 'GochiHand';
/*  src: url('font/GochiHand-Regular.ttf') format('truetype');*/
  font-weight: normal;
  font-style: normal;
}
.intro-box{}
.intro-box-ttl{text-align: center;font-size: 16px;color:#fff;font-weight: bold;}
.intro-box-con p{text-indent: 0;text-align: left;line-height: 28px;padding: 20px;}
.intro-box-ft{position: absolute; bottom: -5px; font-size: 12px; left: 20px;} 
#mIntro .modal-dialog{width: 300px;}
/*pagewalkthrough.css结束*/

/*自动补全*/
.autocompleter {
	width:100%;
	background:#ddd;
	position:absolute;
	top:60px;
	left:0;
	z-index:100
}
.autocompleter,.autocompleter-hint {
	position:absolute
}
.autocompleter-list {
	box-shadow:inset 0 0 6px rgba(0,0,0,.1);
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.autocompleter-item-selected {
	background:#fff
}
.autocompleter-item {
	padding:6px 12px;
	color:#444;
	font-size:20px;
	cursor:pointer
}
.autocompleter-item:hover {
	background:#dbed8a
}
.autocompleter-item strong {
	background:#f9de8f;
	text-shadow:0 1px 0 #fff
}
.autocompleter-item span {
	color:#bbb
}
.autocompleter-hint {
	color:#ccc;
	text-align:left;
	top:-56px;
	font-weight:400;
	left:0;
	width:100%;
	padding:12px 12px 12px 13px;
	font-size:24px;
	display:none
}
.autocompleter-hint span {
	color:transparent
}
.autocompleter-hint-show {
	display:block
}
.autocompleter-closed {
	display:none
}
.undo{}
.undo-img{text-align: center;}
.undo-h3{font-size: 20px;font-weight: bold;text-align: center;}
.undo-txt{font-size: 16px;line-height: 30px;text-align: center;}



/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container{ margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
	width: 6px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 6px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
	width: 30px; /* minimum dragger width */
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 12px; /* auto-expanded scrollbar */
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 8px; /* auto-expanded scrollbar */
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper{
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
	margin-right: 0; /* non-visible scrollbar */
	margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
	background-color:#0c253f;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #285c77;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #285c77; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.9);
	filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(mCSB_buttons.png); /* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_buttonUp{
	background-position: 0 0;
	/* 
	sprites locations 
	light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
	dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
	*/
}

.mCSB_scrollTools .mCSB_buttonDown{
	background-position: 0 -20px;
	/* 
	sprites locations
	light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
	dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
	*/
}

.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: 0 -40px;
	/* 
	sprites locations 
	light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
	dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
	*/
}

.mCSB_scrollTools .mCSB_buttonRight{
	background-position: 0 -56px;
	/* 
	sprites locations 
	light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
	dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
	*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background-color: #fff; background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px;
	background-color: #fff; background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background-color: #fff; background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 6px;
	background-color: #fff; background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 2px;
	margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 14px;
	margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	width: 16px; /* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 16px; /* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 4px; /* auto-expanded scrollbar */
	margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	background-color: transparent;
	background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
	opacity: 1;
	filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
	width: 8px;
	background-color: #000; background-color: rgba(0,0,0,0.2);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 8px;
	margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
	opacity: 1;
	filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}

.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 12px;
	width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
	background-color: #000; background-color: rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
	background-color: #fff; background-color: rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
	right: 0; 
	margin: 12px 0; 
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	bottom: 0; 
	margin: 0 12px; 
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
	left: 0; 
	right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.2);
	filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.5);
	filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.2);
	filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.5);
	filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
	width: 6px;
	background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 12px;
	margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
	width: 12px;
	background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255,255,255,0.2);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.el-loading-mask {
	position:fixed;
	z-index:2000;
	background-color:hsla(0,0%,100%,.4);
	margin:0;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition:opacity .3s;
	width:100%;
	height:100%;
   }
   .el-loading-mask.is-fullscreen {
	position:fixed
   }
   .el-loading-mask.is-fullscreen .el-loading-spinner {
	margin-top:-25px
   }
   .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
	height:50px;
	width:50px
   }
   .el-loading-spinner {
	top:50%;
	margin-top:-21px;
	width:100%;
	text-align:center;
	position:absolute
   }
   .el-loading-spinner .el-loading-text {
	color:#409eff;
	margin:3px 0;
	font-size:14px
   }
   .el-loading-spinner .circular {
	height:42px;
	width:42px;
	animation:loading-rotate 2s linear infinite
   }
   .el-loading-spinner .path {
	animation:loading-dash 1.5s ease-in-out infinite;
	stroke-dasharray:90,150;
	stroke-dashoffset:0;
	stroke-width:2;
	stroke:#409eff;
	stroke-linecap:round
   }
   .el-loading-spinner i {
	color:#409eff
   }
   .el-loading-fade-enter,
   .el-loading-fade-leave-active {
	opacity:0
   }
   @keyframes loading-rotate {
	to {
	 transform:rotate(1turn)
	}
   }
   @keyframes loading-dash {
	0% {
	 stroke-dasharray:1,200;
	 stroke-dashoffset:0
	}
	50% {
	 stroke-dasharray:90,150;
	 stroke-dashoffset:-40px
	}
	to {
	 stroke-dasharray:90,150;
	 stroke-dashoffset:-120px
	}
   }