/*!
 * HanS.css v1.0.0 (http://www-86.com)
 * Copyright 2011-2016 HanShuoLTD.
 */
 html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width: calc(100% + 1px);/*宽度*/
	height: calc(100% + 1px);/*避免下边看起来像有一条线似的*/ 
	margin: -1px;/*避免导航边框和列表背景边框重叠，看起来像两条边框似的*/
	/*overflow-x: hidden;/*横向溢出隐藏*/
	/*overflow-y: hidden;/*竖向溢出隐藏*/
  /*position: absolute;/*生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位（本条会与MUI冲突）*/ 
	background-color:#000;/*背景颜色（“transparent”为透明），默认“fcfcff”*/
}
body {
	/*width: calc(100% + 1px);/*宽度,避免右边看起来像有一条线似的（本条会与Layui插件冲突）*/ 
	/*height: auto;/*高度*/
	/*margin:0 auto;/**/
 	text-shadow: 0.5px 0.5px 0.5px #9098Bf, 0.5px 0.5px 0.5px #E9FAFF;/*字体效果*/
	/*color: #88a;/*默认字体颜色*/
	/*font-size: 18px;/*默认字体大小*/
	/*vertical-align : text-top;/*垂直排列*/
	/*background-color:#09192A;/*背景颜色（“transparent”为透明），默认“fcfcff”*/
	/*border:1px solid #39393f;/*边框宽度及颜色*/
  /*border:1px solid rgba(128, 128, 128, 0.45); /*边框宽度及颜色，（本条会与bootstrap模态框插件冲突）*/
	border-radius: 8px 8px 8px 8px;/*圆角(左上、右上、右下、左下)*/
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);/**/
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05);/**/
	/*border-style : solid;/*边框样式*/
	/*padding: 0px 0px;/*段间距 前后边距*/
	/*text-align:center;/*水平排列*/
	/*margin : 0%;/*外侧边距*/
	/*margin-right: -15px;/*右边位置*/
	/*margin-bottom: -15px;/*下边位置*/
	-webkit-font-smoothing: antialiased;/*灰度平滑字体，常用于Android和iOS等移动设备的*/
	-webkit-font-smoothing: subpixel-antialiased;/*次像素平滑 常见于Mac OS和MacType For Windows*/ 
  font-family: 'Open Sans', sans-serif;
  /*position: absolute;/*生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位*/
  padding-right: 0 !important;/* 解决Bootstrap Mobile每次打开自增内边距 */
  overflow-y: hidden;/* hidden——裁剪内容，提供滚动机制。（解决Bootstrap Mobile每次打开拉扯一下）*/
  min-height: calc(100vh);/* 定义最小高度为客户端显示器高度（实现背景始终满屏） */
}

/*charisma-app.css开始（如无特别需要请忽修改，如脱离charisma的应用，请删除该部分）*/
select {
    background-color: #fff;
}

.ch-container {
    padding: 0 0px;/*hans修改（原始为15px，为适应HanS新的“ch-container”小屏幕尽量满屏而重新定义*/
}

.top-block {
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    display: block;
    line-height: 22px;
    text-shadow: 0 0 1px #DDD;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
    -moz-box-shadow: inset 0 0 0 1px #FAFAFA;
    box-shadow: inset 0 0 0 1px #FAFAFA;
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 0.2)), color-stop(100%, rgba(125, 185, 232, 0)));
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    background: -o-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    background: -ms-linear-gradient(top, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#331e5799', endColorstr='#007db9e8', GradientType=0);
}

.top-block span {
    clear: both;
}

.top-block i {
    font-size: 25px;
}

.top-block:hover {
    text-decoration: none;
}

.notification {
    display: block;
    position: absolute;
    top: -10px;
    right: -5px;
    line-height: 16px;
    height: 16px;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    color: white !important;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
}

.notification {
    border-color: #2FABE9;
    background-color: #67C2EF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
    background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}

.notification.green {
    border-color: #5AAD34;
    background-color: #78CD51;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));
    background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
}

.notification.yellow {
    border-color: #F4A506;
    background-color: #FABB3D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
}

.notification.red {
    border-color: #FA5833;
    background-color: #FA603D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
}

.box {
    margin-top: 10px;
    margin-bottom: 10px;
}

.box-inner {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    -moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    border:1px solid rgba(128, 128, 128, 0.25); /*重新定义边框宽度及颜色*/
    /*border-radius: 8px 8px 8px 8px;/*重新定义圆角(左上、右上、右下、左下)*/
    
}

.box-header {
    border: none;
    padding-top: 5px;
    border-bottom: 1px solid #DEDEDE;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    height: 35px;
    min-height: 35px !important;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 16px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1a000000', GradientType=0);
    border:1px solid rgba(128, 128, 128, 0.25); /*重新定义边框宽度及颜色*/
    /*border-radius: 8px 8px 8px 8px;/*重新定义圆角(左上、右上、右下、左下)*/

}

.box-header h2 {
    font-size: 15px;
    width: auto;
    clear: none;
    float: left;
    line-height: 25px;
    white-space: nowrap;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.box-header h3 {
    font-size: 13px;
    width: auto;
    clear: none;
    float: left;
    line-height: 25px;
    white-space: nowrap;
}

.box-header h2 > i {
    margin-top: 1px;
}

.box-icon {
    float: right;
}

.box-icon a {
    clear: none;
    float: left;
    margin: 0 2px;
    height: 20px;
    width: 5px;
    margin-top: 1px;
}

.box-icon a i {
    margin-left: -6px;
    top: -1px;
}

.box-content {
    padding: 10px;
}

.btn-round {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 12px;
    padding-top: 4px;
}

ul.dashboard-list li {
    padding: 7px 0;
    list-style: none;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid white;
}

ul.dashboard-list a:hover {
    text-decoration: none;
}

ul.dashboard-list {
    margin: 0;
}

ul.dashboard-list li a span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    text-align: right;
    width: 70px;
    zoom: 1;
}

.dashboard-avatar {
    height: 50px;
    width: 50px;
    padding: 1px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #EBEBEB;
    border-radius: 50%;
}

.thumbnail {
    background-color: white;
    z-index: 2;
    position: relative;
    margin-bottom: 40px !important;
}

.thumbnails > li {
    display: inline-block;
    margin-left: 15px;
}

.thumbnail img, .thumbnail > a {
    z-index: 2;
    height: 100px;
    width: 100px;
    position: relative;
    display: block;
}

img.grayscale {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.thumbnail .gallery-controls {
    position: absolute;
    z-index: 1;
    margin-top: -30px;
    height: 30px;
    min-height: 30px;
    padding: 0 6.5px;
}

.thumbnail .gallery-controls p {
    display: block;
    margin: auto;
    width: 100%;
}

div.uploader {
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}

footer {
    clear: both;
}

div.center, p.center, img.center {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    display: block;
    text-align: center;
}

.stackControls {
    padding: 5px;
}


.sidebar-nav {
    min-height: 0;
    box-shadow: 0 0 10px #BDBDBD;
    border-radius: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    max-height: none;
}

.sidebar-nav > ul > li:not(.nav-header) {
    margin-right: -2px;
    margin-left: -2px;
}

.navbar-brand {
    font-family: 'Shojumaru', cursive, Arial, serif;
    letter-spacing: 2px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    width: 183px;
    font-size: 17px;
}

.navbar-brand img {
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.navbar-brand span {
    float: left;
}

.theme-container {
    z-index: 5;
}

.navbar-search {
    margin-left: 10px;
    margin-top: 7px;
}

.navbar-inner {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    height: 60px;
}



.navbar-inner .btn-group {
    margin: 7px 5px 0 5px;
}

ul.ajax-loaders li {
    display: inline-block;
    list-style: none;
    padding: 10px;
}

ul.ajax-loaders {
    min-height: 80px;
}

.bs-icons li {
    list-style: none;
}

#for-is-ajax {
    padding-left: 12px;
    cursor: pointer;
}

#loading {
    margin-top: 20px;
    width: 128px;
    font-weight: bold;
}

#loading div.center {
    margin-top: 10px;
    height: 15px;
    width: 128px;
    background: url(../img/ajax-loaders/ajax-loader-6.gif);
}

.box-content .nav-tabs {
    margin-right: -10px;
    margin-left: -10px;
}


.login-header {
    padding-top: 30px;
    height: 120px;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.remember {
    margin-top: 3px;
}

.green {
    color: #458746;
}

.red {
    color: #B94846;
}

.blue {
    color: #3986AC;
}

.yellow {
    color: #F99406;
}

.login-box .input-prepend {
    margin-bottom: 10px;
}

.login-box .btn {
    margin-top: 15px;
    width: 100%
}

.box-content.buttons {
    min-height: 297px;
}

.main-menu > li > a {
    border: 1px solid rgba(221, 221, 221, 0.46);
}

.main-menu > li {
    margin-top: 0 !important;
}

.sidebar-nav .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(252, 252, 255, 0.8);
    text-transform: uppercase;
}

.navbar {
    border-radius: 0;
}

ul.main-menu li:hover {
    margin-left: 8px;
}

ul.main-menu li.active {
    margin-left: 8px;
}

ul.main-menu li.nav-header:hover {
    margin-left: 0;
}

ul.main-menu li:not(.nav-header) {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.accordion > ul {
    display: none;
    margin-left: 10px;
}

.nav-sm {
    display: none;
}
.preview-on-phone {
    height: 380px;

}

.powered-by {
    text-align: right;
}

.whitespace:before {
    content: "\2122";
    color: transparent !important;
}

.center-block {
    float: none !important;
    text-align: center;
}

ul.github-buttons li {
    display: inline;
}

.homepage-box {
    _height: 380px;/* //原始为height: 380px;*/
    min-height: 0px;/* //原始为min-height: 380px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.download-buttons a {
    margin: 5px;
}

.center-text {
    text-align: center;
}

/* Mobile */
@media only screen and (max-width: 767px) {

    .navbar-brand {
        font-family: 'Shojumaru', cursive, Arial, serif;
        letter-spacing: 2px;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
        width: 40%;
        font-size: 14px;
    }

    .nav-sm {
        display: block;
        margin-bottom: 10px;
        border-bottom: solid white 1px;
        padding-bottom: 10px;
    }

    .sidebar-nav .nav-canvas {
        top: 60px;/* 原始为-20px */
        left: -90%;
        position: fixed;/* 固定位置，原始为absolute */
        width: auto;/* 宽度，原始为80% */
        z-index: 2;
        background: rgba(252, 252, 255, 0.8);/* 透明度，原始为rgba(0, 0, 0, 0.8) */
        margin: 0 !important;
        border-radius: 0 10px 10px 0;/* 圆角，原始为0 0 20px 0 */
        padding-bottom: 5px;/* 下方高度，原始为20px */
        will-change: left;
    }

    .sidebar-nav.active .nav-canvas {
        left: 0px;/* 伸出后的距离左边位置，原始为-20px */
        border-right: solid 1px white;
        border-bottom: solid 1px white;
    }

    .sidebar-nav {
        position: relative;
        z-index: 3;
        margin: 0 !important;
        padding: 0;
    }

    .nav-canvas {
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -ms-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

    .sidebar-nav a {
        border: none !important;
        /*color: white;/* 超小屏菜单字体颜色，原始为color: white; */
    }

    #for-is-ajax {
        color: white;
        margin-top: 15px;
    }

    .main-menu .nav-header {
        color: white;
    }

    ul.main-menu li:hover {
        margin-left: inherit;
    }

    ul.main-menu li.active {
        margin-left: inherit;
    }

    ul.main-menu a:hover, .nav-sm a:hover {
        background: none !important;
        color: grey;
    }

    .navbar-default .navbar-toggle:focus {
        background-color: inherit;
    }

    .navbar-default .navbar-toggle.active {
        box-shadow: 0 0 7px rgb(0, 255, 40);
        border: solid 1px white;
    }

    .navbar-toggle {
        margin-left: 15px;/*hans修改（原始为5px，为适应HanS新的“navbar-toggle”而重新定义*/
        margin-right: 0;
        margin-top: 10px;/*hans添加（原始无，为适应HanS新的“navbar-toggle”而重新定义*/
    }

    .powered-by {
        text-align: center;
    }

    .copyright {
        text-align: center;
    }

    .table-wrapper .pinned {
        box-shadow: 0 0 20px black;
    }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .box-icon {
        /*display: none;hans修改（取消注释后box-icon在768px-979px分辨率上不显示）*/
    }

    .box-header h2 {
        font-size: 13px !important;
    }

    .box-header h3 {
        font-size: 11px !important;
    }

    .main-menu-span {
        width: 6.2% !important;
        margin-right: 4%;
    }

    .top-menu > li i {
        display: none;
    }

    .sidebar-nav li span {
        display: block !important;
    }

    .sidebar-nav li a, .sidebar-nav .nav-header {
        text-align: left/*hans修改（原始为center，为适应HanS新的“sidebar-nav”而重新定义*/
    }

    .sidebar-nav {
        padding: 0;
        margin-bottom: 0;
    }
}

/* Computer */
@media only screen and (min-width: 980px) {
    a, button, input[type=submit], input[type=button], .product-img {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .ch-container {
        padding: 0 0px;
    }
}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
.email-subscription-footer a {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}

.email-subscription-footer {
    float: right;
    padding: 20px 0 0 20px;
    text-align: center;
}

.mc_embed_signup {
    font: 14px Helvetica,Arial,sans-serif;
}
.power_field{position: absolute; left: -5000px;display: none;}
.mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
.mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
.mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
.mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
.mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
.mc_embed_signup input:focus {border-color:#333;}
.mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
.mc_embed_signup .button:hover {background-color:#777;}
.mc_embed_signup .small-meta {font-size: 11px;}
.mc_embed_signup .nowrap {white-space:nowrap;}
.mc_embed_signup .clear {clear:none; display:inline;}

.mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
.mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
.mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

.mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
.mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
.mc_embed_signup #mce-error-response {display:none;}
.mc_embed_signup #mce-success-response {color:#529214; display:none;}
.mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


/*charisma-app.css结束（如无特别需要请忽修改，如脱离charisma的应用，请删除该部分）*/


/*段落模块及文字样式定义*/
.hans-d {
	/*width: 98%;/*宽度*/
	/*height: 100px;/*高度*/
 	/*text-shadow: 0 2px 1px #9098Bf, 0 2px 1px #E9FAFF;/*字体效果*/
	/*color: #88a;/*默认字体颜色*/
	/*font-size: 18px;/*默认字体大小*/
	/*font-weight : normal;/*字体粗细*/
	/*font-style : normal;/*字体样式*/
	/*float : none;/*浮动属性*/
	/*text-align : left;/*水平排列（center为居中，left为靠左）*/
	text-indent : 2em;/*首行退格距离*/
	/*vertical-align : text-top;/*垂直排列*/
	/*margin : 1%;/*外侧边距*/
	/*display : block;/*显示属性*/
	/*vertical-align : middle;
	overflow : auto;/*溢出选项（hidden为隐藏，auto为自动；visible显示看见的，scroll为收起）*/
	/*边框及底色*/
	/*min-height:2px;
	padding:2px 2px;/*段间距 前后边距*/
	/*margin-bottom:2px;/*下外边距*/
	/*background-color:#f5f5fc;/*背景颜色（“transparent”为透明）*/
	/*border:1px solid #e3e3ea;/*边框宽度及颜色*/
	/*border-radius: 5px;/*圆角*/
	/*-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
	border-style : solid;/*边框样式*/
}
/*右下浮动按钮开始*/
.hansBtnRightBottom{
	position:fixed;
	right:5px;
	bottom:5px;
	display:block;
	width:50px;/*宽度*/
	height:50px;/*高度*/
	border-radius:50px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:50px;
}
/*右下定上层浮动按钮开始2* /
.hansBtnRightBottom2{
	position:fixed;
	right:65px;
	bottom:5px;
	display:block;
	width:38px;
	height:38px;
	border-radius:38px;/*圆角属性，左上、右上、右下、左下* /
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）* /
	text-align:center;
	line-height:38px;
	z-index:99999999;
}
/*下右定上层浮动按钮开始2*/
.hansBtnRightBottom2{
	position:fixed;
	right:48px;
	bottom:0px;
	display:block;
	width:48px;
	height:32px;
	border-radius:16px 0px 0px 0px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:32px;
	z-index:99999999;
}
/*右下浮动按钮开始3*/
.hansBtnRightBottom3{
	position:fixed;
	right:108px;
	bottom:5px;
	display:block;
	width:38px;
	height:38px;
	border-radius:38px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:38px;
	z-index:99999999;
}
/*下左浮动按钮开始*/
.hansBtnLeftBottom{
	position:fixed;
	left:5px;
	bottom:10px;
	display:block;
	width:50px;
	height:50px;
	border-radius:50px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:50px;
}
/*下左定上层浮动按钮开始2*/
.hansBtnLeftBottom2{
	position:fixed;
	left:48px;
	bottom:0px;
	display:block;
	width:48px;
	height:32px;
	border-radius:0px 16px 0px 0px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:32px;
	z-index:99999999;
}
/*左下浮动按钮开始3*/
.hansBtnLeftBottom3{
	position:fixed;
	left:108px;
	bottom:5px;
	display:block;
	width:36px;
	height:36px;
	border-radius:36px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:36px;
	z-index:99999999;
}
/*下左定上层浮动按钮开始* /
.hansBtnLeftBottomZ-index{
	position:fixed;
	left:5px;
	bottom:5px;
	display:block;
	width:50px;
	height:50px;
	border-radius:50px;/*圆角属性，左上、右上、右下、左下* /
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）* /
	text-align:center;
	line-height:50px;
	z-index:99999999;
}
/*下左定上层浮动按钮开始*/
.hansBtnLeftBottomZ-index{
	position:fixed;
	left:0px;
	bottom:0px;
	display:block;
	width:48px;
	height:48px;
	border-radius:0px 20px 0px 8px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:48px;
	z-index:99999999;
}
/*下左定上层浮动按钮开始（应用了navbar-toggle时调用）*/
.hansBtnLeftBottomZ-index-navbar-toggle{
	position:fixed;
	left:-10px;
	bottom:0px;
	display:block;
	width:50px;
	height:50px;
	border-radius:50px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:50px;
	z-index:99999999;
}
/*下中定上层浮动按钮开始【需要在被引用的父容器加入margin-left: -25px;（减去width的1/2）】*/
.hansBtnCenterBottom{
	position:fixed;
  margin-left:calc(50%); /*注意：减号两边必须要有空格*/
	bottom:-10px;/*下边距*/
	display:block;/*显示属性*/
	width:48px;/*宽度*/
	height:32px;/*高度*/
	border-radius:50px 50px 0px 0px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距属性，如字体图标设置为0px，如果为ICO图标设置为15px*/
	text-align:center;
	line-height:32px;
	z-index:99999999;
  
}
/*下右定上层浮动按钮开始*/
.hansBtnRightBottomZ-index{
	position:fixed;
	right:0px;
	bottom:0px;
	display:block;
	width:48px;
	height:48px;
	border-radius:20px 0px 8px 0px;/*圆角属性，左上、右上、右下、左下*/
	padding:0px;/*内边距（采用字体图标时设置为0；采用Icon图标设置为8）*/
	text-align:center;
	line-height:48px;
	z-index:99999999;
}

/*左下浮动按钮开始*/
#hansNav {
	width:48px;
	height: 48px;
	border: 0px solid #D4CD49;/*边框宽度及颜色*/
	position:fixed;
	left:15px;
	bottom:0px
}
/*左下浮动按钮结束*/

/*菜单专用按钮*/
.hansbtn-menu {
	/*color:#fefefe;/*默认字体颜色*/
	background:rgba(200, 200, 200, 0.25);/*背景颜色（“transparent”为透明）*/
	text-shadow:none;/*字体效果*/
 	text-shadow: 0.5px 0.5px 0.5px #9098Bf, 0.5px 0.5px 0.5px #E9FAFF;/*字体效果*/
  border-radius: 5px 5px 5px 5px;/*圆角*/
  box-shadow: 0 0 2px #BDBDBD; 
}

 #wrapper {
    width: 100%;
    background: rgba(252, 252, 255, 0.025);
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 1px #BDBDBD;
}

#page-wrapper {
    padding: 15px 15px;
    min-height: 600px;
    background:#E5EBF2;
   
}
#page-inner {
    width:100%;
    margin:10px 20px 10px 0px;
    background-color:transparent;
    padding:10px;
    min-height:1200px;
}

.text-center {
    text-align:center;
}
.no-boder {
    border:1px solid #f3f3f3;/*边框宽度及颜色*/
}

h1, .h1, h2, .h2, h3, .h3 {
margin-top: 7px;
margin-bottom: -5px;
}
h2 {
    color: #000;
}
h4 {
    padding-top:10px;
}
.square-btn-adjust {
    border: 0px solid transparent; /*边框宽度及颜色*/
   -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}
p {
    font-size:16px;
    line-height:25px;
    padding-top:20px;
}
/*----------------------------------------------
仪表板样式DASHBOARD STYLES    
------------------------------------------------*/
.page-header {
padding-bottom: 4px;/*内边距*/
margin: 10px 0 45px;/*外边距属性，上外、右外、下外、左外*/
border-bottom: 1px solid #C7D1DD;
}
.panel-back {
    background-color:#fff;

}
.panel-default > .panel-heading {
color: #000;
background-color: #FFFFFF;
border-color: #ddd;
font-weight:bold;
}
.jumbotron, .well{
/*background:#fff;*/
border-radius: 8px 8px 8px 8px;/*圆角(左上、右上、右下、左下)*/
}
   .noti-box {
min-height: 100px;
padding: 20px;
}

    .noti-box .icon-box {
display: block;
float: left;
margin: 0 15px 10px 0;
width: 70px;
height: 70px;
line-height: 75px;
vertical-align: middle;
text-align: center;
font-size: 40px;
}
.text-box p{
    margin: 0 0 3px;
}
.main-text {
    font-size: 25px;
    font-weight:600;
}
.set-icon {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

}
    .bg-color-green {
background-color: #fff;
color: #5cb85c;
}/*绿色*/
 .bg-color-blue {
background-color: #fff;
color: #4CB1CF
}/*蓝色*/
  .bg-color-red {
background-color: #fff;
color:#F0433D;
}/*红色*/
  .bg-color-brown {
background-color: #fff;
color:#f0ad4e;
}/*棕色*/
  .bg-color-white {
background-color: #fff;
color:#000;
}/*白色*/
.back-footer-green {
background-color: #5cb85c;
color:#fff;
border-top: 0px solid #fff;
}/*绿色*/
 .back-footer-red {
background-color: #F0433D;
color:#fff;
border-top: 0px solid #fff;
}/*红色*/
 .back-footer-blue {
background-color: #4CB1CF;
color:#fff;
border-top: 0px solid #fff;
}/*蓝色*/
 .back-footer-brown {
background-color: #f0ad4e;
color:#fff;
border-top: 0px solid #fff;
}/*棕色*/

 .hansIcon-icon-white {
background-color: #fefefe;
color:#fff;
border-top: 0px solid #fff;
padding: 4px;/*内边距*/
border-radius: 4px 4px 4px 4px;/*圆角(左上、右上、右下、左下)*/
}/*白色（这是ICO图标专用容器css，使用icon图标时调用）*/

.hansIcon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.hansIcon-stack-1x,
.hansIcon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.hansIcon-stack-1x {
  line-height: inherit;
}
.hansIcon-stack-2x {
  font-size: 2em;
}
.hansIcon-inverse {/*白色*/
  color: #ffffff;
}
.hansIcon-black {/*黑色*/
  color: #000000;
}
.hansIcon-blue {/*蓝色*/
  color: #1e5199;
}
.hansIcon-yellow {/*黄色*/
  color: #eebb1c;
}

 .icon-box-right {
display: block;
float: right;
margin: 0 15px 10px 0;
width: 70px;
height: 70px;
line-height: 75px;
vertical-align: middle;
text-align: center;
font-size: 40px;
}

 .main-temp-back {
background: #8702A8;
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
text-align: center;
}
 .main-temp-back .text-temp {
font-size: 40px;
}
.back-dash {
    padding:20px;
    font-size:20px;
    font-weight:500;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color:#2EA7EB;
color:#fff;
}
    .back-dash p {
        padding-top:16px;
        font-size:13px;
        color:#fff;
        line-height:25px;
        text-align:justify;
    }

     .color-bottom-txt {
   color: #000;
font-size: 16px;
line-height: 30px;
}
/*聊天面板CHAT PANEL*/
 .chat-panel .panel-body {
height: 450px;
overflow-y: scroll;
}
 .chat-box {
margin: 0;
padding: 0;
list-style: none;
}
 .chat-box li {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dotted #808080;
}
 .chat-box li.left .chat-body {
margin-left: 90px;
}
 .chat-box li .chat-body p {
margin: 0;
color: #8d8888;
}
.chat-img>img {
    margin-left:20px;
}
footer p{
font-size: 14px;
}
/*----------------------------------------------
    菜单样式 MENU STYLES    
------------------------------------------------*/


.user-image {
    margin: 25px auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
max-height:170px;
max-width:170px;
}
.top-navbar{
margin:0px;
}
.top-navbar .navbar-brand {
color: #fff;
width: 260px;
text-align: left;
height: 60px;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
line-height: 30px;
}
.top-navbar .nav > li {
position: relative;
display: inline-block;
}
.top-navbar .nav > li > a {
position: relative;
display: block;
padding: 19px 15px;
color: #77C0FD;
}
.top-navbar .nav > li > a:hover, .top-navbar .nav > li > a:focus {
text-decoration: none;
background-color: #225081;
color: #fff;
}
.top-navbar .dropdown-menu{
min-width: 230px;
border-radius: 0 0 4px 4px;
}
.top-navbar .dropdown-menu > li > a:hover, .top-navbar .dropdown-menu > li > a:focus{
color: #225081;
background:none;
}
.dropdown-tasks{
width: 255px;
}
.dropdown-tasks .progress {
height: 8px;
margin-bottom: 8px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 0px;
}
.dropdown-tasks > li > a { 
padding: 0px 15px;
}
.dropdown-tasks p {
font-size: 13px;
line-height: 21px;
padding-top: 4px;
}
.active-menu {
    background-color:#225081!important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 55px;
}
.sidebar-collapse , .sidebar-collapse .nav{
	background:none;
}
.sidebar-collapse .nav {
	padding:0;
}
/*
.sidebar-collapse .nav > li > a {
	color:#fefefe;/*默认字体颜色* /
	background:rgba(252, 252, 255, 0.1);/*背景颜色（“transparent”为透明）* /
 	text-shadow: 0.5px 0.5px 0.5px #9098Bf, 0.5px 0.5px 0.5px #E9FAFF;/*字体效果* /
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 2px #BDBDBD; 
}
*/
.sidebar-collapse > .nav > li > a {
	padding:12px 10px;
}
.sidebar-collapse > .nav > li {
	border-bottom: 1px solid rgba(107, 108, 109, 0.025);
}
ul.nav.nav-second-level.collapse.in {
background: #172D44;
}
.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	outline:0;
}
 
.navbar-side {
	border:none;/*边框宽度及颜色*/
	background-color: transparent;
	
}
.top-navbar {
	background:#09192A;
	border-bottom:none;
	
}
.top-navbar .nav > li > a > i {
margin-right: 2px;
}
.top-navbar .navbar-brand:hover { 
color:#fff;

}
.dropdown-user li {
margin: 8px 0;
}
.navbar-default {
border:0px solid black;/*边框宽度及颜色*/
     
}
.navbar-header {
    background: #09192A;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #B40101;
}
.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.nav > li > a > i {
    margin-right:10px;
}
/*----------------------------------------------
    UI元素样式 UI ELEMENTS STYLES     
------------------------------------------------*/
.btn-circle {
width: 50px;
height: 50px;
padding: 6px 0;
 -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}

/*----------------------------------------------
    媒体查询MEDIA QUERIES     
------------------------------------------------*/
 
 @media(min-width:768px) {
     #page-wrapper{
               margin: 0 0 0 260px;
        padding: 15px 30px;
        min-height: 1200px;
		
    }
	
	
    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 260px;
    }

   .navbar {
 border-radius: 0px; 
}
   
}
 @media(max-width:480px) {
.page-header small {
display: block;
padding-top: 14px;
font-size: 19px;
}
}
/*窗口全屏开始*/
.divScreen{
	width: 100%;
	height: 100%;
  margin:0 auto;
  overflow-x: hidden;
  overflow-y: auto;
	/*background-color: #fff;/*背景颜色（“transparent”为透明），默认“fcfcff”*/
  border:1px solid rgba(128, 128, 128, 0.25);/* /*边框宽度及颜色，*/
	border-radius: 8px 8px 8px 8px;/*圆角(左上、右上、右下、左下)*/
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);/**/
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05);/**/
}
.testScreen{
	width:100%;
	background: black;
	height:100%;
	min-height: 100%;
	border: solid 1px red;/*边框宽度及颜色*/
}
divEnterFullScreen{
	color: #ffffff;
}
/*窗口全屏结束*/

/*Bootstrap模态框相关开始*/
/*去除Bootstrap模态框全局背景变暗效果*/
.modal-backdrop {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
/*Bootstrap模态框左右侧边栏*/
.modal.left .modal-dialog,.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
.modal.left .modal-body,.modal.right .modal-body {
	padding: 15px 15px 80px;
}
/*Left*/
.modal.left.fade .modal-dialog{
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
	left: 0;
}
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
	right: 0;
}
/* ----- MODAL STYLE ----- */
.modal-content {
	border: none;/*边框宽度及颜色*/
  border-radius: 8px; /*（modal-content）圆角*/
}
.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
  border-radius: 8px; /*（modal-header）圆角*/
}
/*Bootstrap模态框相关结束*/

/*调整Bootstrap以满足无边显示*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 0px;/*内边距属性*/
  padding-left: 0px;/*内边距属性*/
  margin-right: 0;/*外边距属性，上外、右外、下外、左外*/
  margin-left: 0;/*外边距属性，上外、右外、下外、左外*/
  /*margin: 0 -8px 0 -8px;/*外边距属性，上外、右外、下外、左外*/
}
.row {
  padding: 0px;/*内边距属性*/
  margin: 0;/*外边距属性，上外、右外、下外、左外*/
}

/*重新定义菜单弹出效果*/
/* Mobile */
@media only screen and (max-width: 767px) {
  .sidebar-nav .nav-canvas {
    /*top: 60px;/* 原始为-20px */
    /*left: 60px;/* 左边距 */
    position: fixed;/* 固定位置，原始为absolute */
    width: auto;/* 宽度，原始为80% */
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);/* 透明度，原始为rgba(0, 0, 0, 0.8) */
    margin: 0 !important;
    border-radius: 0 0 10px 0;/* 圆角，原始为0 0 20px 0 */
    padding-bottom: 5px;/* 下方高度，原始为20px */
    will-change: left;
    display:block;
  }
  .nav-stacked {
    top: 0px;/* 原始为-20px */
    background: rgba(255, 255, 255, 0.45);/* 透明度，原始为rgba(0, 0, 0, 0.8) */
    border-radius: 0 0 10px 0;/* 圆角，原始为0 0 20px 0 */
  }
}
/* 解决Bootstrap Mobile每次打开自增内边距 */
*.modal-open {
  overflow-y: hidden;/* hidden——裁剪内容，提供滚动机制。*/
  padding-right: 0 !important;
}
.carousel-inner img{ /*轮播图居中*/
  width: 100%;  /*div自适应父级宽度*/
  height: 100%;  /*div自适应高度*/
  background-size: contain;  /*不能使用cover*/
  background-repeat: no-repeat;  
  background-position: center;  /*图片居中*/
}
.well {
  /*min-height: 20px;*/
  padding: 0px 0px 0px 0px;/*内边距属性，上外、右外、下外、左外，原始为19px*/
  /*margin-top: 0px;/*外上边距属性，原始为20px */
  /*margin-right: 0px;/*外右边距属性，原始为20px */
  /*margin-bottom: 0px;/*外下边距属性，原始为20px */
  /*margin-left: 0px;/*外左边距属性，上外、右外、下外、左外*/
  /*border-radius: 4px;/* 圆角，原始为4px */
}