@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6, .modal .h1, .modal .h2, .modal .h3, .modal .h4, .modal .h5, .modal .h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.modal h4, .modal h5, .modal h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal a {
    color: #428bca;
    text-decoration: none;
    background: transparent;
}

.modal a:hover, .modal a:focus {
    color: #2a6496;
    text-decoration: underline;
    outline: 0;
}

.modal fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

.modal legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.modal label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

.modal input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal input[type="radio"],
.modal input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    /* IE8-9 */

    line-height: normal;
}

.modal input[type="file"] {
    display: block;
}

.modal select[multiple],
.modal select[size] {
    height: auto;
}

.modal select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
}

.modal input[type="file"]:focus,
.modal input[type="radio"]:focus,
.modal input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.modal input[type="number"]::-webkit-outer-spin-button,
.modal input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

.modal output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
}

.modal .form-control:-moz-placeholder {
    color: #999999;
}

.modal .form-control::-moz-placeholder {
    color: #999999;
}

.modal .form-control:-ms-input-placeholder {
    color: #999999;
}

.modal .form-control::-webkit-input-placeholder {
    color: #999999;
}

.modal .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.modal .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.modal .form-control[disabled],
.modal .form-control[readonly],
fieldset[disabled] .modal .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}

textarea.modal .form-control {
    height: auto;
}

.modal .form-group {
    margin-bottom: 15px;
}

.modal .radio,
.modal .checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: middle;
}

.modal .radio label,
.modal .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.modal .radio input[type="radio"],
.modal .radio-inline input[type="radio"],
.modal .checkbox input[type="checkbox"],
.modal .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.modal .radio + .radio,
.modal .checkbox + .checkbox {
    margin-top: -5px;
}

.modal .radio-inline,
.modal .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.modal .radio-inline + .radio-inline,
.modal .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

.modal input[type="radio"][disabled],
.modal input[type="checkbox"][disabled],
.modal .radio[disabled],
.modal .radio-inline[disabled],
.modal .checkbox[disabled],
.modal .checkbox-inline[disabled],
fieldset[disabled] .modal input[type="radio"],
fieldset[disabled] .modal input[type="checkbox"],
fieldset[disabled] .modal .radio,
fieldset[disabled] .modal .radio-inline,
fieldset[disabled] .modal .checkbox,
fieldset[disabled] .modal .checkbox-inline {
    cursor: not-allowed;
}

.modal .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.modal .input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.modal .input-sm {
    height: auto;
}

.modal .input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.modal .input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.modal .input-lg {
    height: auto;
}

.modal .has-warning .help-block,
.modal .has-warning .control-label {
    color: #c09853;
}

.modal .has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.modal .has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.modal .has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3;
}

.modal .has-error .help-block,
.modal .has-error .control-label {
    color: #b94a48;
}

.modal .has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.modal .has-error .form-control:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.modal .has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede;
}

.modal .has-success .help-block,
.modal .has-success .control-label {
    color: #468847;
}

.modal .has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.modal .has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.modal .has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8;
}

.modal .form-control-static {
    margin-bottom: 0;
}

.modal .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .modal .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .modal .form-inline .form-control {
        display: inline-block;
    }

    .modal .form-inline .radio,
    .modal .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

    .modal .form-inline .radio input[type="radio"],
    .modal .form-inline .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }
}

.modal .form-horizontal .control-label,
.modal .form-horizontal .radio,
.modal .form-horizontal .checkbox,
.modal .form-horizontal .radio-inline,
.modal .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.modal .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.modal .form-horizontal .form-group:before,
.modal .form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.modal .form-horizontal .form-group:after {
    clear: both;
}

.modal .form-horizontal .form-group:before,
.modal .form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.modal .form-horizontal .form-group:after {
    clear: both;
}

.modal .form-horizontal .form-control-static {
    padding-top: 7px;
}

@media (min-width: 768px) {
    .modal .form-horizontal .control-label {
        text-align: right;
    }
}

.modal .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.modal .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.modal .btn:hover,
.modal .btn:focus {
    color: #333333;
    text-decoration: none;
}

.modal .btn:active,
.modal .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.modal .btn.disabled,
.modal .btn[disabled],
fieldset[disabled] .modal .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal .btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.modal .btn-default:hover,
.modal .btn-default:focus,
.modal .btn-default:active,
.modal .btn-default.active,
.open .dropdown-toggle.modal .btn-default {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.modal .btn-default:active,
.modal .btn-default.active,
.open .dropdown-toggle.modal .btn-default {
    background-image: none;
}

.modal .btn-default.disabled,
.modal .btn-default[disabled],
fieldset[disabled] .modal .btn-default,
.modal .btn-default.disabled:hover,
.modal .btn-default[disabled]:hover,
fieldset[disabled] .modal .btn-default:hover,
.modal .btn-default.disabled:focus,
.modal .btn-default[disabled]:focus,
fieldset[disabled] .modal .btn-default:focus,
.modal .btn-default.disabled:active,
.modal .btn-default[disabled]:active,
fieldset[disabled] .modal .btn-default:active,
.modal .btn-default.disabled.active,
.modal .btn-default[disabled].active,
fieldset[disabled] .modal .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.modal .btn-primary {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.modal .btn-primary:hover,
.modal .btn-primary:focus,
.modal .btn-primary:active,
.modal .btn-primary.active,
.open .dropdown-toggle.modal .btn-primary {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.modal .btn-primary:active,
.modal .btn-primary.active,
.open .dropdown-toggle.modal .btn-primary {
    background-image: none;
}

.modal .btn-primary.disabled,
.modal .btn-primary[disabled],
fieldset[disabled] .modal .btn-primary,
.modal .btn-primary.disabled:hover,
.modal .btn-primary[disabled]:hover,
fieldset[disabled] .modal .btn-primary:hover,
.modal .btn-primary.disabled:focus,
.modal .btn-primary[disabled]:focus,
fieldset[disabled] .modal .btn-primary:focus,
.modal .btn-primary.disabled:active,
.modal .btn-primary[disabled]:active,
fieldset[disabled] .modal .btn-primary:active,
.modal .btn-primary.disabled.active,
.modal .btn-primary[disabled].active,
fieldset[disabled] .modal .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}

.modal .btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.modal .btn-warning:hover,
.modal .btn-warning:focus,
.modal .btn-warning:active,
.modal .btn-warning.active,
.open .dropdown-toggle.modal .btn-warning {
    color: #ffffff;
    background-color: #ed9c28;
    border-color: #d58512;
}

.modal .btn-warning:active,
.modal .btn-warning.active,
.open .dropdown-toggle.modal .btn-warning {
    background-image: none;
}

.modal .btn-warning.disabled,
.modal .btn-warning[disabled],
fieldset[disabled] .modal .btn-warning,
.modal .btn-warning.disabled:hover,
.modal .btn-warning[disabled]:hover,
fieldset[disabled] .modal .btn-warning:hover,
.modal .btn-warning.disabled:focus,
.modal .btn-warning[disabled]:focus,
fieldset[disabled] .modal .btn-warning:focus,
.modal .btn-warning.disabled:active,
.modal .btn-warning[disabled]:active,
fieldset[disabled] .modal .btn-warning:active,
.modal .btn-warning.disabled.active,
.modal .btn-warning[disabled].active,
fieldset[disabled] .modal .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.modal .btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.modal .btn-danger:hover,
.modal .btn-danger:focus,
.modal .btn-danger:active,
.modal .btn-danger.active,
.open .dropdown-toggle.modal .btn-danger {
    color: #ffffff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.modal .btn-danger:active,
.modal .btn-danger.active,
.open .dropdown-toggle.modal .btn-danger {
    background-image: none;
}

.modal .btn-danger.disabled,
.modal .btn-danger[disabled],
fieldset[disabled] .modal .btn-danger,
.modal .btn-danger.disabled:hover,
.modal .btn-danger[disabled]:hover,
fieldset[disabled] .modal .btn-danger:hover,
.modal .btn-danger.disabled:focus,
.modal .btn-danger[disabled]:focus,
fieldset[disabled] .modal .btn-danger:focus,
.modal .btn-danger.disabled:active,
.modal .btn-danger[disabled]:active,
fieldset[disabled] .modal .btn-danger:active,
.modal .btn-danger.disabled.active,
.modal .btn-danger[disabled].active,
fieldset[disabled] .modal .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.modal .btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.modal .btn-success:hover,
.modal .btn-success:focus,
.modal .btn-success:active,
.modal .btn-success.active,
.open .dropdown-toggle.modal .btn-success {
    color: #ffffff;
    background-color: #47a447;
    border-color: #398439;
}

.modal .btn-success:active,
.modal .btn-success.active,
.open .dropdown-toggle.modal .btn-success {
    background-image: none;
}

.modal .btn-success.disabled,
.modal .btn-success[disabled],
fieldset[disabled] .modal .btn-success,
.modal .btn-success.disabled:hover,
.modal .btn-success[disabled]:hover,
fieldset[disabled] .modal .btn-success:hover,
.modal .btn-success.disabled:focus,
.modal .btn-success[disabled]:focus,
fieldset[disabled] .modal .btn-success:focus,
.modal .btn-success.disabled:active,
.modal .btn-success[disabled]:active,
fieldset[disabled] .modal .btn-success:active,
.modal .btn-success.disabled.active,
.modal .btn-success[disabled].active,
fieldset[disabled] .modal .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.modal .btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.modal .btn-info:hover,
.modal .btn-info:focus,
.modal .btn-info:active,
.modal .btn-info.active,
.open .dropdown-toggle.modal .btn-info {
    color: #ffffff;
    background-color: #39b3d7;
    border-color: #269abc;
}

.modal .btn-info:active,
.modal .btn-info.active,
.open .dropdown-toggle.modal .btn-info {
    background-image: none;
}

.modal .btn-info.disabled,
.modal .btn-info[disabled],
fieldset[disabled] .modal .btn-info,
.modal .btn-info.disabled:hover,
.modal .btn-info[disabled]:hover,
fieldset[disabled] .modal .btn-info:hover,
.modal .btn-info.disabled:focus,
.modal .btn-info[disabled]:focus,
fieldset[disabled] .modal .btn-info:focus,
.modal .btn-info.disabled:active,
.modal .btn-info[disabled]:active,
fieldset[disabled] .modal .btn-info:active,
.modal .btn-info.disabled.active,
.modal .btn-info[disabled].active,
fieldset[disabled] .modal .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.modal .btn-link {
    color: #428bca;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

.modal .btn-link,
.modal .btn-link:active,
.modal .btn-link[disabled],
fieldset[disabled] .modal .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal .btn-link,
.modal .btn-link:hover,
.modal .btn-link:focus,
.modal .btn-link:active {
    border-color: transparent;
}

.modal .btn-link:hover,
.modal .btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent;
}

.modal .btn-link[disabled]:hover,
fieldset[disabled] .modal .btn-link:hover,
.modal .btn-link[disabled]:focus,
fieldset[disabled] .modal .btn-link:focus {
    color: #999999;
    text-decoration: none;
}

.modal .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.modal .btn-sm,
.modal .btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.modal .btn-xs {
    padding: 1px 5px;
}

.modal .btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.modal .btn-block + .btn-block {
    margin-top: 5px;
}

.modal input[type="submit"].btn-block,
.modal input[type="reset"].btn-block,
.modal input[type="button"].btn-block {
    width: 100%;
}

.modal .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.modal .fade.in {
    opacity: 1;
}

.modal .btn-group,
.modal .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.modal .btn-group > .btn,
.modal .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.modal .btn-group > .btn:hover,
.modal .btn-group-vertical > .btn:hover,
.modal .btn-group > .btn:focus,
.modal .btn-group-vertical > .btn:focus,
.modal .btn-group > .btn:active,
.modal .btn-group-vertical > .btn:active,
.modal .btn-group > .btn.active,
.modal .btn-group-vertical > .btn.active {
    z-index: 2;
}

.modal .btn-group > .btn:focus,
.modal .btn-group-vertical > .btn:focus {
    outline: none;
}

.modal .btn-group .btn + .btn,
.modal .btn-group .btn + .btn-group,
.modal .btn-group .btn-group + .btn,
.modal .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.modal .btn-toolbar:before,
.modal .btn-toolbar:after {
    content: " ";
    display: table;
}

.modal .btn-toolbar:after {
    clear: both;
}

.modal .btn-toolbar:before,
.modal .btn-toolbar:after {
    content: " ";
    display: table;
}

.modal .btn-toolbar:after {
    clear: both;
}

.modal .btn-toolbar .btn-group {
    float: left;
}

.modal .btn-toolbar > .btn + .btn,
.modal .btn-toolbar > .btn-group + .btn,
.modal .btn-toolbar > .btn + .btn-group,
.modal .btn-toolbar > .btn-group + .btn-group {
    margin-left: 5px;
}

.modal .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.modal .btn-group > .btn:first-child {
    margin-left: 0;
}

.modal .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.modal .btn-group > .btn:last-child:not(:first-child),
.modal .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.modal .btn-group > .btn-group {
    float: left;
}

.modal .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.modal .btn-group > .btn-group:first-child > .btn:last-child,
.modal .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.modal .btn-group > .btn-group:last-child > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.modal .btn-group .dropdown-toggle:active,
.modal .btn-group.open .dropdown-toggle {
    outline: 0;
}

.modal .btn-group-xs > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 1px 5px;
}

.modal .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.modal .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.modal .btn-group > .btn + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
}

.modal .btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.modal .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.modal .btn .caret {
    margin-left: 0;
}

.modal .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.modal .dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.modal .btn-group-vertical > .btn,
.modal .btn-group-vertical > .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.modal .btn-group-vertical > .btn-group:before,
.modal .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.modal .btn-group-vertical > .btn-group:after {
    clear: both;
}

.modal .btn-group-vertical > .btn-group:before,
.modal .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.modal .btn-group-vertical > .btn-group:after {
    clear: both;
}

.modal .btn-group-vertical > .btn-group > .btn {
    float: none;
}

.modal .btn-group-vertical > .btn + .btn,
.modal .btn-group-vertical > .btn + .btn-group,
.modal .btn-group-vertical > .btn-group + .btn,
.modal .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.modal .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.modal .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.modal .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.modal .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.modal .btn-group-vertical > .btn-group:first-child > .btn:last-child,
.modal .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.modal .btn-group-vertical > .btn-group:last-child > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.modal .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.modal .btn-group-justified .btn {
    float: none;
    display: table-cell;
    width: 1%;
}

.modal [data-toggle="buttons"] > .btn > input[type="radio"],
.modal [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none;
}

.modal .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.modal .input-group.col {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.modal .input-group .form-control {
    width: 100%;
    margin-bottom: 0;
}

.modal .input-group-lg > .form-control,
.modal .input-group-lg > .input-group-addon,
.modal .input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.modal .input-group-lg > .form-control,
select.modal .input-group-lg > .input-group-addon,
select.modal .input-group-lg > .input-group-btn > .btn {
    height: 45px;
    line-height: 45px;
}

textarea.modal .input-group-lg > .form-control,
textarea.modal .input-group-lg > .input-group-addon,
textarea.modal .input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.modal .input-group-sm > .form-control,
.modal .input-group-sm > .input-group-addon,
.modal .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.modal .input-group-sm > .form-control,
select.modal .input-group-sm > .input-group-addon,
select.modal .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

textarea.modal .input-group-sm > .form-control,
textarea.modal .input-group-sm > .input-group-addon,
textarea.modal .input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.modal .input-group-addon,
.modal .input-group-btn,
.modal .input-group .form-control {
    display: table-cell;
}

.modal .input-group-addon:not(:first-child):not(:last-child),
.modal .input-group-btn:not(:first-child):not(:last-child),
.modal .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.modal .input-group-addon,
.modal .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.modal .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.modal .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.modal .input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.modal .input-group-addon input[type="radio"],
.modal .input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.modal .input-group .form-control:first-child,
.modal .input-group-addon:first-child,
.modal .input-group-btn:first-child > .btn,
.modal .input-group-btn:first-child > .dropdown-toggle,
.modal .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.modal .input-group-addon:first-child {
    border-right: 0;
}

.modal .input-group .form-control:last-child,
.modal .input-group-addon:last-child,
.modal .input-group-btn:last-child > .btn,
.modal .input-group-btn:last-child > .dropdown-toggle,
.modal .input-group-btn:first-child > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.modal .input-group-addon:last-child {
    border-left: 0;
}

.modal .input-group-btn {
    position: relative;
    white-space: nowrap;
}

.modal .input-group-btn:first-child > .btn {
    margin-right: -1px;
}

.modal .input-group-btn:last-child > .btn {
    margin-left: -1px;
}

.modal .input-group-btn > .btn {
    position: relative;
}

.modal .input-group-btn > .btn + .btn {
    margin-left: -4px;
}

.modal .input-group-btn > .btn:hover,
.modal .input-group-btn > .btn:active {
    z-index: 2;
}

.modal .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.modal .label[href]:hover,
.modal .label[href]:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.modal .label:empty {
    display: none;
}

.modal .label-default {
    background-color: #999999;
}

.modal .label-default[href]:hover,
.modal .label-default[href]:focus {
    background-color: #808080;
}

.modal .label-primary {
    background-color: #428bca;
}

.modal .label-primary[href]:hover,
.modal .label-primary[href]:focus {
    background-color: #3071a9;
}

.modal .label-success {
    background-color: #5cb85c;
}

.modal .label-success[href]:hover,
.modal .label-success[href]:focus {
    background-color: #449d44;
}

.modal .label-info {
    background-color: #5bc0de;
}

.modal .label-info[href]:hover,
.modal .label-info[href]:focus {
    background-color: #31b0d5;
}

.modal .label-warning {
    background-color: #f0ad4e;
}

.modal .label-warning[href]:hover,
.modal .label-warning[href]:focus {
    background-color: #ec971f;
}

.modal .label-danger {
    background-color: #d9534f;
}

.modal .label-danger[href]:hover,
.modal .label-danger[href]:focus {
    background-color: #c9302c;
}

.modal .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.modal .close:hover,
.modal .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.modal .close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-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);
    transform: translate(0, 0);
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050;
}

.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);
    background-clip: padding-box;
    outline: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.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;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}

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

html {
    font-family: 'Open Sans', "Microsoft Yahei", sans-serif;
    font-size: 87.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    color: #666;
    background-color: #f2f2f2;
    font-size: 100%;
    font-family: 'Open Sans', "Microsoft Yahei", sans-serif;
}

body.modal-open {
    overflow-y: scroll;
    padding-right: 0 !important;
}

.modal-open .modal {
    padding-right: 0px !important;
    overflow-y: auto;
}

@media (min-width: 1537px) {
    html {
        font-size: 15.9px;
    }

    #login_Modal h2 {
        font-size: 1.5em;
    }

    .note-editor h4.modal-title, .modal h4.modal-title {
        font-size: 18px;
    }

    .dropdown-menu {
        font-size: 0.9em;
    }

    /*.modal .form-group label, .modal .form-group span, .modal .form-group select {
        font-size: 14.5px;
    }*/
    .toolbar .dropdown-menu {
        font-size: 1em;
    }

    .toolbar .toolbar_search_input {
        font-size: 1em;
    }

    .user-data-path {
        font-size: 0.9143em !important;
        font-weight: bold !important;
    }

    .form-control, .note-editor .form-control, .modal .form-control {
        font-size: 1em;
    }

    .btn, .note-editor .btn, .modal .btn {
        font-size: 1em;
    }

    .btn-group-sm > .btn, .btn-sm {
        font-size: 0.85714em;
    }

    .btn-xs {
        font-size: 0.85714em;
    }

    .note-editor .btn-sm, .note-editor .btn-xs, .modal .btn-sm, .modal .btn-xs {
        font-size: 0.8em !important;
    }

    .modal .close {
        font-size: 25px;
    }
}

@media (min-width: 1750px) {
    html {
        font-size: 17.5px;
    }

    .note-editor h4.modal-title, .modal h4.modal-title {
        font-size: 20px;
    }
}

@media ( max-width: 767px) {
    html {
        font-size: 0.8125em;
    }
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not ([controls] ) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 0.8em;
}

sub, sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not (:root ) {
    overflow: hidden;
}

figure {
    margin: 1em 2.857em;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
    word-wrap: normal;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 0.143em;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow-x: hidden;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0;
}

.container, .row [class *="col-"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.row [class *="col-"] {
    float: left;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.row [class *="-push-"], .row [class *="-pull-"] {
    position: relative;
}

@media ( max-width: 767px) {
    .container {
        width: 100%;
    }

    .col-1 {
        width: 50%;
    }

    .col-2 {
        width: 100%;
    }

    .col-3 {
        width: 100%;
    }

    .col-4 {
        width: 100%;
    }

    .col-5 {
        width: 100%;
    }

    .col-6 {
        width: 100%;
    }

    .col-7 {
        width: 100%;
    }

    .col-8 {
        width: 100%;
    }

    .col-9 {
        width: 100%;
    }

    .col-10 {
        width: 100%;
    }

    .col-11 {
        width: 100%;
    }

    .col-12 {
        width: 100%;
    }
}

@media ( min-width: 768px) {
    .container {
        width: 100%;
    }

    .col-1 {
        width: 50%;
    }

    .col-2 {
        width: 100%;
    }

    .col-3 {
        width: 100%;
    }

    .col-4 {
        width: 100%;
    }

    .col-5 {
        width: 100%;
    }

    .col-6 {
        width: 100%;
    }

    .col-7 {
        width: 100%;
    }

    .col-8 {
        width: 100%;
    }

    .col-9 {
        width: 100%;
    }

    .col-10 {
        width: 100%;
    }

    .col-11 {
        width: 100%;
    }

    .col-12 {
        width: 100%;
    }

    .col-tb-1 {
        width: 8.33333%;
    }

    .col-tb-2 {
        width: 16.66667%;
    }

    .col-tb-3 {
        width: 25%;
    }

    .col-tb-4 {
        width: 33.33333%;
    }

    .col-tb-5 {
        width: 41.66667%;
    }

    .col-tb-6 {
        width: 50%;
    }

    .col-tb-7 {
        width: 58.33333%;
    }

    .col-tb-8 {
        width: 66.66667%;
    }

    .col-tb-9 {
        width: 75%;
    }

    .col-tb-10 {
        width: 83.33333%;
    }

    .col-tb-11 {
        width: 91.66667%;
    }

    .col-tb-12 {
        width: 100%;
    }

    .col-tb-offset-0 {
        margin-left: 0;
    }

    .col-tb-offset-1 {
        margin-left: 8.33333%;
    }

    .col-tb-offset-2 {
        margin-left: 16.66667%;
    }

    .col-tb-offset-3 {
        margin-left: 25%;
    }

    .col-tb-offset-4 {
        margin-left: 33.33333%;
    }

    .col-tb-offset-5 {
        margin-left: 41.66667%;
    }

    .col-tb-offset-6 {
        margin-left: 50%;
    }

    .col-tb-offset-7 {
        margin-left: 58.33333%;
    }

    .col-tb-offset-8 {
        margin-left: 66.66667%;
    }

    .col-tb-offset-9 {
        margin-left: 75%;
    }

    .col-tb-offset-10 {
        margin-left: 83.33333%;
    }

    .col-tb-offset-11 {
        margin-left: 91.66667%;
    }

    .col-tb-offset-12 {
        margin-left: 100%;
    }

    .col-tb-pull-0 {
        right: 0;
    }

    .col-tb-pull-1 {
        right: 8.33333%;
    }

    .col-tb-pull-2 {
        right: 16.66667%;
    }

    .col-tb-pull-3 {
        right: 25%;
    }

    .col-tb-pull-4 {
        right: 33.33333%;
    }

    .col-tb-pull-5 {
        right: 41.66667%;
    }

    .col-tb-pull-6 {
        right: 50%;
    }

    .col-tb-pull-7 {
        right: 58.33333%;
    }

    .col-tb-pull-8 {
        right: 66.66667%;
    }

    .col-tb-pull-9 {
        right: 75%;
    }

    .col-tb-pull-10 {
        right: 83.33333%;
    }

    .col-tb-pull-11 {
        right: 91.66667%;
    }

    .col-tb-pull-12 {
        right: 100%;
    }

    .col-tb-push-0 {
        left: 0;
    }

    .col-tb-push-1 {
        left: 8.33333%;
    }

    .col-tb-push-2 {
        left: 16.66667%;
    }

    .col-tb-push-3 {
        left: 25%;
    }

    .col-tb-push-4 {
        left: 33.33333%;
    }

    .col-tb-push-5 {
        left: 41.66667%;
    }

    .col-tb-push-6 {
        left: 50%;
    }

    .col-tb-push-7 {
        left: 58.33333%;
    }

    .col-tb-push-8 {
        left: 66.66667%;
    }

    .col-tb-push-9 {
        left: 75%;
    }

    .col-tb-push-10 {
        left: 83.33333%;
    }

    .col-tb-push-11 {
        left: 91.66667%;
    }

    .col-tb-push-12 {
        left: 100%;
    }
}

@media ( min-width: 992px) {
    .container {
        width: 95%;
    }

    .col-1 {
        width: 8.33333%;
    }

    .col-2 {
        width: 16.66667%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33333%;
    }

    .col-5 {
        width: 41.66667%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33333%;
    }

    .col-8 {
        width: 66.66667%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33333%;
    }

    .col-11 {
        width: 91.66667%;
    }

    .col-12 {
        width: 100%;
    }

    .col-offset-0 {
        margin-left: 0;
    }

    .col-offset-1 {
        margin-left: 8.33333%;
    }

    .col-offset-2 {
        margin-left: 16.66667%;
    }

    .col-offset-3 {
        margin-left: 25%;
    }

    .col-offset-4 {
        margin-left: 33.33333%;
    }

    .col-offset-5 {
        margin-left: 41.66667%;
    }

    .col-offset-6 {
        margin-left: 50%;
    }

    .col-offset-7 {
        margin-left: 58.33333%;
    }

    .col-offset-8 {
        margin-left: 66.66667%;
    }

    .col-offset-9 {
        margin-left: 75%;
    }

    .col-offset-10 {
        margin-left: 83.33333%;
    }

    .col-offset-11 {
        margin-left: 91.66667%;
    }

    .col-offset-12 {
        margin-left: 100%;
    }

    .col-pull-0 {
        right: 0;
    }

    .col-pull-1 {
        right: 8.33333%;
    }

    .col-pull-2 {
        right: 16.66667%;
    }

    .col-pull-3 {
        right: 25%;
    }

    .col-pull-4 {
        right: 33.33333%;
    }

    .col-pull-5 {
        right: 41.66667%;
    }

    .col-pull-6 {
        right: 50%;
    }

    .col-pull-7 {
        right: 58.33333%;
    }

    .col-pull-8 {
        right: 66.66667%;
    }

    .col-pull-9 {
        right: 75%;
    }

    .col-pull-10 {
        right: 83.33333%;
    }

    .col-pull-11 {
        right: 91.66667%;
    }

    .col-pull-12 {
        right: 100%;
    }

    .col-push-0 {
        left: 0;
    }

    .col-push-1 {
        left: 8.33333%;
    }

    .col-push-2 {
        left: 16.66667%;
    }

    .col-push-3 {
        left: 25%;
    }

    .col-push-4 {
        left: 33.33333%;
    }

    .col-push-5 {
        left: 41.66667%;
    }

    .col-push-6 {
        left: 50%;
    }

    .col-push-7 {
        left: 58.33333%;
    }

    .col-push-8 {
        left: 66.66667%;
    }

    .col-push-9 {
        left: 75%;
    }

    .col-push-10 {
        left: 83.33333%;
    }

    .col-push-11 {
        left: 91.66667%;
    }

    .col-push-12 {
        left: 100%;
    }
}

@media ( min-width: 1200px) {
    .container {
        width: 90%;
    }

    .col-wd-1 {
        width: 8.33333%;
    }

    .col-wd-2 {
        width: 16.66667%;
    }

    .col-wd-3 {
        width: 25%;
    }

    .col-wd-4 {
        width: 33.33333%;
    }

    .col-wd-5 {
        width: 41.66667%;
    }

    .col-wd-6 {
        width: 50%;
    }

    .col-wd-7 {
        width: 58.33333%;
    }

    .col-wd-8 {
        width: 66.66667%;
    }

    .col-wd-9 {
        width: 75%;
    }

    .col-wd-10 {
        width: 83.33333%;
    }

    .col-wd-11 {
        width: 91.66667%;
    }

    .col-wd-12 {
        width: 100%;
    }

    .col-wd-offset-0 {
        margin-left: 0;
    }

    .col-wd-offset-1 {
        margin-left: 8.33333%;
    }

    .col-wd-offset-2 {
        margin-left: 16.66667%;
    }

    .col-wd-offset-3 {
        margin-left: 25%;
    }

    .col-wd-offset-4 {
        margin-left: 33.33333%;
    }

    .col-wd-offset-5 {
        margin-left: 41.66667%;
    }

    .col-wd-offset-6 {
        margin-left: 50%;
    }

    .col-wd-offset-7 {
        margin-left: 58.33333%;
    }

    .col-wd-offset-8 {
        margin-left: 66.66667%;
    }

    .col-wd-offset-9 {
        margin-left: 75%;
    }

    .col-wd-offset-10 {
        margin-left: 83.33333%;
    }

    .col-wd-offset-11 {
        margin-left: 91.66667%;
    }

    .col-wd-offset-12 {
        margin-left: 100%;
    }

    .col-wd-pull-0 {
        right: 0;
    }

    .col-wd-pull-1 {
        right: 8.33333%;
    }

    .col-wd-pull-2 {
        right: 16.66667%;
    }

    .col-wd-pull-3 {
        right: 25%;
    }

    .col-wd-pull-4 {
        right: 33.33333%;
    }

    .col-wd-pull-5 {
        right: 41.66667%;
    }

    .col-wd-pull-6 {
        right: 50%;
    }

    .col-wd-pull-7 {
        right: 58.33333%;
    }

    .col-wd-pull-8 {
        right: 66.66667%;
    }

    .col-wd-pull-9 {
        right: 75%;
    }

    .col-wd-pull-10 {
        right: 83.33333%;
    }

    .col-wd-pull-11 {
        right: 91.66667%;
    }

    .col-wd-pull-12 {
        right: 100%;
    }

    .col-wd-push-0 {
        left: 0;
    }

    .col-wd-push-1 {
        left: 8.33333%;
    }

    .col-wd-push-2 {
        left: 16.66667%;
    }

    .col-wd-push-3 {
        left: 25%;
    }

    .col-wd-push-4 {
        left: 33.33333%;
    }

    .col-wd-push-5 {
        left: 41.66667%;
    }

    .col-wd-push-6 {
        left: 50%;
    }

    .col-wd-push-7 {
        left: 58.33333%;
    }

    .col-wd-push-8 {
        left: 66.66667%;
    }

    .col-wd-push-9 {
        left: 75%;
    }

    .col-wd-push-10 {
        left: 83.33333%;
    }

    .col-wd-push-11 {
        left: 91.66667%;
    }

    .col-wd-push-12 {
        left: 100%;
    }
}

@media ( min-width: 1400px) {
    .container {
        width: 87.5%;
    }
}

@media ( max-width: 767px) {
    .kit-hidden-mb {
        display: none;
    }
}

@media ( max-width: 991px) {
    .kit-hidden-tb {
        display: none;
    }
}

@media ( max-width: 1199px) {
    .kit-hidden {
        display: none;
    }
}

.clearfix, .row {
    zoom: 1;
}

.clearfix:before, .row:before, .clearfix:after, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .row:after {
    clear: both;
}

a {
    color: #3354AA;
    text-decoration: none;
}

a:hover, a:active {
    color: #444;
}

a:focus, a:hover {
    text-decoration: none;
}

::selection {
    color: #FFFFFF;
    background-color: #42b983;
}

/* style.hplus start */

h3,h4,h5 {
    font-weight: 600;
    margin-top: 5px;
}

a:focus {
    outline: 0
}

.space-15 {
    margin: 15px 0
}

.space-20 {
    margin: 20px 0
}

.space-25 {
    margin: 25px 0
}

.space-30 {
    margin: 30px 0
}

.full-width {
    width: 100%!important
}

.no-margins {
    margin: 0!important;
}

.m-b-none {
    margin-bottom: 0
}

.m-b {
    margin-bottom: 15px
}

img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%
}

.hr-line-dashed {
    background-color: #fff;
    border-top: 1px dashed #e7eaec;
    color: #fff;
    height: 1px;
    margin: 20px 0;
}

.btn {
    border-radius: 3px
}

.btn-w-m {
    min-width: 120px
}

.btn-primary.btn-outline {
    color: #1ab394
}

.btn-success.btn-outline {
    color: #1c84c6
}

.btn-info.btn-outline {
    color: #23c6c8
}

.btn-warning.btn-outline {
    color: #f8ac59
}

.btn-danger.btn-outline {
    color: #ed5565
}

.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover {
    color: #fff
}

.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFF
}

.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.active[disabled],.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFF
}

.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.active[disabled],.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}

.btn-default {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    color: #FFF
}

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
    background-color: #bababa;
    border-color: #bababa;
    color: #FFF
}

.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.active[disabled],.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #ccc;
    border-color: #ccc
}

.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFF
}

.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.active[disabled],.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f9b66d;
    border-color: #f9b66d
}

.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFF
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFF
}

.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.active[disabled],.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #ef6776;
    border-color: #ef6776
}

.btn-link {
    color: inherit
}

.btn-link.active,.btn-link:active,.btn-link:focus,.btn-link:hover,.open .dropdown-toggle.btn-link {
    color: #1ab394;
    text-decoration: none
}

.btn-link.active,.btn-link:active,.open .dropdown-toggle.btn-link {
    background-image: none
}

.btn-link.active[disabled],.btn-link.disabled,.btn-link.disabled.active,.btn-link.disabled:active,.btn-link.disabled:focus,.btn-link.disabled:hover,.btn-link[disabled],.btn-link[disabled]:active,.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link,fieldset[disabled] .btn-link.active,fieldset[disabled] .btn-link:active,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #cacaca
}

.btn-white {
    background: #fff;
    border: 1px solid #e7eaec;
    color: inherit
}

.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white {
    border: 1px solid #d2d2d2;
    color: inherit
}

.btn-white.active,.btn-white:active {
    box-shadow: 0 2px 5px rgba(0,0,0,.15) inset
}

.btn-white.active,.btn-white:active,.open .dropdown-toggle.btn-white {
    background-image: none
}

.btn-white.active[disabled],.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover {
    color: #cacaca
}

.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none
}

.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none
}

.badge-primary,.label-primary {
    background-color: #1ab394;
    color: #FFF
}

.badge-success,.label-success {
    background-color: #1c84c6;
    color: #FFF
}

.badge-warning,.label-warning {
    background-color: #f8ac59;
    color: #FFF
}

.badge-warning-light,.label-warning-light {
    background-color: #f8ac59;
    color: #fff
}

.badge-danger,.label-danger {
    background-color: #ed5565;
    color: #FFF
}

.badge-info,.label-info {
    background-color: #23c6c8;
    color: #FFF
}

.badge-inverse,.label-inverse {
    background-color: #262626;
    color: #FFF
}

.badge-white,.label-white {
    background-color: #FFF;
    color: #5e5e5e
}

.badge-disable,.label-white {
    background-color: #2a2e36;
    color: #8b91a0
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
    webkit-transition: all .5s
}

.btn-rounded {
    border-radius: 50px
}

.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.13
}

.spinner-buttons.input-group-btn {
    width: 20%
}

.checkbox-inline,.checkbox-inline+.checkbox-inline,.radio-inline,.radio-inline+.radio-inline {
    margin: 0 15px 0 0
}

.table-bordered {
    border: 1px solid #ebebeb
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    background-color: #f5f5f6
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #e7e7e7
}

.table>thead>tr>th {
    border-bottom: 1px solid #DDD
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}

.form-control,.form-control:focus,.form-control:hover,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar {
    box-shadow: none
}

.form-control,.single-line {
    border: 1px solid #e5e6e7;
    border-radius: 1px;
}

#wrapper {
    background-color: #2f4050;
    overflow-x: hidden;
    width: 100%
}

.wrapper {
    padding: 0 20px
}

.wrapper-content {
    padding: 20px
}

#page-wrapper {
    margin: 0 0 0 220px;
    padding: 0 15px;
    position: inherit
}

.middle-box {
    margin: 0 auto;
    max-width: 400px;
    padding-top: 40px;
    z-index: 100;
}

.lockscreen.middle-box {
    padding-top: 110px;
    width: 200px
}

.loginscreen.middle-box {
    width: 300px
}

.loginColumns {
    margin: 0 auto;
    max-width: 800px;
    padding: 100px 20px 20px
}

.passwordBox {
    margin: 0 auto;
    max-width: 460px;
    padding: 100px 20px 20px
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0
}

.middle-box h1 {
    font-size: 170px
}

.wrapper .middle-box {
    margin-top: 140px
}

.lock-word {
    left: 50%;
    margin-left: -470px;
    position: absolute;
    top: 110px;
    z-index: 10
}

.lock-word span {
    color: #e9e9e9;
    display: inline-block;
    font-size: 100px;
    font-weight: 600
}

.lock-word .first-word {
    margin-right: 160px
}


.noUi-connect {
    background: none repeat scroll 0 0 #1ab394;
    box-shadow: none
}

.slider_red .noUi-connect {
    background: none repeat scroll 0 0 #ed5565;
    box-shadow: none
}

.ui-sortable .ibox-title {
    cursor: move
}

.ui-sortable-placeholder {
    background: #e7eaec;
    border: 1px dashed #cecece!important;
    visibility: visible!important
}

.ibox.ui-sortable-placeholder {
    margin: 0 0 23px!important
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}

.ibox.collapsed .ibox-content {
    display: none
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078"
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077"
}

.ibox:after,.ibox:before {
    display: table
}

.ibox-title {
    background-color: #fff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0 0;
    color: inherit;
    margin-bottom: 0;
    min-height: 48px;
    moz-border-bottom-colors: none;
    moz-border-left-colors: none;
    moz-border-right-colors: none;
    moz-border-top-colors: none;
    border-image: none;
    padding: 14px 15px 7px;
    webkit-border-image: none
}

.ibox-content {
    background-color: #fff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    color: inherit;
    border-image: none;
    padding: 15px 20px 20px;
    webkit-border-image: none
}

.ibox-content h1,.ibox-content h2,.ibox-content h3,.ibox-content h4,.ibox-content h5,.ibox-title h1,.ibox-title h2,.ibox-title h3,.ibox-title h4,.ibox-title h5 {
    margin-top: 5px;
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px
}

.tabs-container .panel-body {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative
}

.tabs-container .nav-tabs>li.active>a,.tabs-container .nav-tabs>li.active>a:focus,.tabs-container .nav-tabs>li.active>a:hover {
    background-color: #fff
}

.tabs-container .nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.tabs-container .nav-tabs>li.active>a,.tabs-container .nav-tabs>li.active>a:focus,.tabs-container .nav-tabs>li.active>a:hover {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent
}

.tabs-container .nav-tabs {
    border-bottom: 1px solid #e7eaec
}

.tabs-container .tab-pane .panel-body {
    border-top: 0
}

.tabs-container .tabs-left .tab-pane .panel-body,.tabs-container .tabs-right .tab-pane .panel-body {
    border-top: 1px solid #e7eaec
}

.tabs-container .nav-tabs>li a:hover {
    background: 0;
    border-color: transparent
}

.tabs-container .tabs-below>.nav-tabs,.tabs-container .tabs-left>.nav-tabs,.tabs-container .tabs-right>.nav-tabs {
    border-bottom: 0
}

.tabs-container .tabs-left .panel-body {
    position: static
}

.tabs-container .tabs-left>.nav-tabs,.tabs-container .tabs-right>.nav-tabs {
    width: 20%
}

.tabs-container .tabs-left .panel-body {
    margin-left: 20%;
    width: 80%
}

.tabs-container .tabs-right .panel-body {
    margin-right: 20%;
    width: 80%
}

.tabs-container .pill-content>.pill-pane,.tabs-container .tab-content>.tab-pane {
    display: none
}

.tabs-container .pill-content>.active,.tabs-container .tab-content>.active {
    display: block
}

.tabs-container .tabs-below>.nav-tabs {
    border-top: 1px solid #e7eaec
}

.tabs-container .tabs-below>.nav-tabs>li {
    margin-bottom: 0;
    margin-top: -1px
}

.tabs-container .tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 4px 4px
}

.tabs-container .tabs-below>.nav-tabs>li>a:focus,.tabs-container .tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #e7eaec
}

.tabs-container .tabs-left>.nav-tabs>li,.tabs-container .tabs-right>.nav-tabs>li {
    float: none
}

.tabs-container .tabs-left>.nav-tabs>li>a,.tabs-container .tabs-right>.nav-tabs>li>a {
    margin-bottom: 3px;
    margin-right: 0;
    min-width: 74px
}

.tabs-container .tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px
}

.tabs-container .tabs-left>.nav-tabs>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: -1px
}

.tabs-container .tabs-left>.nav-tabs .active>a,.tabs-container .tabs-left>.nav-tabs .active>a:focus,.tabs-container .tabs-left>.nav-tabs .active>a:hover {
    border-color: #e7eaec transparent #e7eaec #e7eaec
}

.tabs-container .tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px
}

.tabs-container .tabs-right>.nav-tabs>li>a {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.tabs-container .tabs-right>.nav-tabs .active>a,.tabs-container .tabs-right>.nav-tabs .active>a:focus,.tabs-container .tabs-right>.nav-tabs .active>a:hover {
    border-color: #e7eaec #e7eaec #e7eaec transparent;
    z-index: 1
}

.onoffswitch {
    moz-user-select: none;
    ms-user-select: none;
    position: relative;
    webkit-user-select: none;
    width: 54px
}

.widget {
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px 20px
}

.widget.style1 h2 {
    font-size: 30px
}

.widget h2,.widget h3 {
    margin-bottom: 0;
    margin-top: 5px
}

.widget-text-box {
    background: #fff;
    border: 1px solid #e7eaec;
    padding: 20px
}

.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
}

.widget .flot-chart {
    height: 100px
}

.gray-bg {
    background-color: #f3f3f4
}

body.gray-bg {
    color: #676a6c;
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow-x: hidden;
}

.white-bg {
    background-color: #fff
}

.navy-bg {
    background-color: #1ab394;
    color: #fff
}

.blue-bg {
    background-color: #1c84c6;
    color: #fff
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}

.yellow-bg {
    background-color: #f8ac59;
    color: #fff
}

.red-bg {
    background-color: #ed5565;
    color: #fff
}

.black-bg {
    background-color: #262626
}

.panel-title {
    font-size: inherit
}

.panel-primary {
    border-color: #1ab394
}

.panel-primary>.panel-heading {
    background-color: #1ab394;
    border-color: #1ab394
}

.panel-success {
    border-color: #1c84c6
}

.panel-success>.panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff
}

.panel-info {
    border-color: #23c6c8
}

.panel-info>.panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff
}

.panel-warning {
    border-color: #f8ac59
}

.panel-warning>.panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff
}

.panel-danger {
    border-color: #ed5565
}

.panel-danger>.panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff
}

.contact-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    margin-bottom: 20px;
    padding: 20px
}

.contact-box a {
    color: inherit
}


ul.notes li,ul.tag-list li {
    list-style: none
}

ul.notes li h4 {
    font-size: 16px;
    margin-top: 20px
}

ul.notes li div {
    position: relative
}

ul.notes li div small {
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 5px
}

ul.notes li div a {
    bottom: 10px;
    color: inherit;
    position: absolute;
    right: 10px
}

ul.notes li {
    float: left;
    margin: 10px 40px 50px 0
}

ul.notes li div p {
    font-size: 12px
}

ul.notes li div {
    moz-transform: rotate(-6deg);
    transform: rotate(-6deg);
    webkit-transform: rotate(-6deg)
}

ul.notes li:nth-child(even) div {
    moz-transform: rotate(4deg);
    transform: rotate(4deg);
    position: relative;
    top: 5px;
    webkit-transform: rotate(4deg)
}

ul.notes li:nth-child(3n) div {
    moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    position: relative;
    top: -5px;
    webkit-transform: rotate(-3deg)
}

ul.notes li:nth-child(5n) div {
    moz-transform: rotate(5deg);
    transform: rotate(5deg);
    position: relative;
    top: -10px;
    webkit-transform: rotate(5deg)
}

ul.notes li div:focus,ul.notes li div:hover {
    moz-transform: scale(1.1);
    transform: scale(1.1);
    position: relative;
    webkit-transform: scale(1.1);
    z-index: 5
}

ul.notes li div {
    background: #ffc;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    color: #000;
    display: block;
    height: 210px;
    padding: 1em;
    text-decoration: none;
    webkit-transition: -webkit-transform .15s linear;
    width: 210px
}

.file-box {
    float: left;
    width: 220px
}

.file-manager h5 {
    text-transform: uppercase
}

.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.folder-list li a {
    color: #666;
    display: block;
    padding: 5px 0
}

.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block
}

.folder-list li i {
    color: #3d4d5d;
    margin-right: 8px
}

.category-list li a {
    color: #666;
    display: block;
    padding: 5px 0
}

.category-list li {
    display: block
}

.category-list li i {
    color: #3d4d5d;
    margin-right: 8px
}

.category-list li a .text-navy {
    color: #1ab394
}

.category-list li a .text-primary {
    color: #1c84c6
}

.category-list li a .text-info {
    color: #23c6c8
}

.category-list li a .text-danger {
    color: #ef5352
}

.category-list li a .text-warning {
    color: #f8ac59
}

.file-manager h5.tag-title {
    margin-top: 20px
}

a.compose-mail {
    padding: 8px 10px
}

.mail-search {
    max-width: 300px
}

.mail-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-top: 0;
    margin-bottom: 20px;
    padding: 0
}

.mail-box-header {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-bottom: 0;
    padding: 30px 20px 20px
}

.mail-box-header h2 {
    margin-top: 0
}

.mailbox-content .tag-list li a {
    background: #fff
}

.mail-body {
    border-top: 1px solid #e7eaec;
    padding: 20px
}

.mail-text {
    border-top: 1px solid #e7eaec
}

.mail-text .note-toolbar {
    padding: 10px 15px
}

.mail-body .form-group {
    margin-bottom: 5px
}

.mail-text .note-editor .note-toolbar {
    background-color: #f9f8f8
}

.mail-attachment {
    border-top: 1px solid #e7eaec;
    font-size: 12px;
    padding: 20px
}

.mailbox-content {
    background: 0;
    border: 0;
    padding: 10px
}

.mail-ontact {
    width: 13%
}

table.table-mail tr td {
    padding: 12px
}

.table-mail .check-mail {
    padding-left: 20px
}

.table-mail .mail-date {
    padding-right: 20px;
    width: 20%
}

.check-mail,.star-mail {
    width: 40px
}

.unread td,.unread td a {
    color: inherit;
    font-weight: 600
}

.read td,.read td a {
    color: inherit;
    font-weight: 400
}

.unread td {
    background-color: #f9f8f8
}

/* style.hplus end */

pre, code {
    background: #F3F3F3;
    /*font-family: Menlo;*/
    font-family: Consolas, monospace, "Microsoft Yahei", sans-serif;
}

pre {
    font-size: 0.8622em
}

code {
    padding: 2px 3px;
    color: #B94A48
}

pre {
    padding: 0.5714em;
    overflow-x: auto;
}

pre code {
    white-space: pre;
    overflow-x: auto;
    padding: 0;
    color: #f8f8f2;
    background: #23241f;
    font-size: 0.85em;
}

blockquote {
    margin: 1em 0;
    padding-left: 1.5em;
    border-left: 4px solid #eee;
    color: #666;
    font-size: 1em;
}

table {
    border: 1px solid #ddd;
    width: 100%
}

table th, table td {
    padding: 0.3571em 0.7143em;
    border: 1px solid #eee
}

table th {
    background: #f3f3f3
}

h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei',
    sans-serif;
    font-weight: bold;
    font-size: 1.6em;
}

h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 1.35em;
}

h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 1.15em;
}

h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 1em;
}

h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 0.85em;
}

h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei',
    sans-serif;
    font-weight: bold;
    font-size: 0.7em;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0.8163em;
    margin-bottom: 0.8163em;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {
    padding: 0.3571em;
    border: 1px solid #E9E9E9;
    width: 100%;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
}

textarea {
    resize: vertical
}

.post-meta a, .post-content a, .widget a, .comment-content a {
    border-bottom: 1px solid #EEE
}

.post-meta a:hover, .post-content a:hover, .widget a:hover, .comment-content a:hover {
    border-bottom-color: transparent;
}

.browsehappy {
    padding: 0.5714em 0;
    background: #FBE3E4;
    color: #8A1F11;
    text-align: center
}

.browsehappy a {
    color: #8A1F11;
    text-decoration: underline;
    font-weight: bold
}

#logo {
    color: #333;
    font-size: 1.8em;
    padding-left: 0.575em;
    padding-right: 0.05em;
    text-decoration: none;
}

.logo {
    color: #333;
    font-size: 1.8em;
    padding-left: 0.575em;
    padding-right: 0.05em;
    text-decoration: none;
}

.logo:hover {
    text-decoration: none;
}

.description {
    margin: 0.5em 0 0;
    color: #999;
    font-style: italic
}

#nav-menu {
    margin: 0px;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #cfcfcf;
    text-align: center;
    background-color: #f2f2f2;
}

#nav-menu a {
    padding: .2em 1em;
    border: 1px solid #EEE;
    border-bottom: none;
    height: 2.14285em;
    line-height: 2.2857em;
    color: #444;
    float: none;
    display: inline-block;
}

.nav-menu_user {
    padding: .1em 1em;
    border: 1px solid #EEE;
    border-bottom: none;
    height: 1.7857em;
    line-height: 2em;
    color: #444;
    float: none;
    display: inline-block;
    margin-top: -0.21428em;
}

#nav-menu a:hover, #nav-menu .current {
    background: #F6F6F6;
}

#search {
    position: relative;
    margin-top: 1.07142em;
}

#search input {
    padding-right: 2.14285em;
}

#search button {
    position: absolute;
    right: 4px;
    top: 2px;
    border: none;
    padding: 0;
    width: 1.7143em;
    height: 1.7143em;
    /*background: transparent url(img/icon-search.png) no-repeat center center;*/
    direction: ltr;
    text-indent: -9999em;
}

@media ( -webkit-min-device-pixel-ratio: 2) , ( min-resolution: 192dpi) {
    #search button {
        /*background-image: url(img/icon-search@2x.png);*/
        -webkit-background-size: 1.7143em 1.7143em;
        -moz-background-size: 1.7143em 1.7143em;
        -o-background-size: 1.7143em 1.7143em;
        background-size: 1.7143em 1.7143em;
    }
}

.post {
    margin: 2em 0 0;
    /* background-color: #f2f2f2; */
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 2px 3px #ddd;
    border-radius: 1px;
}

.post-author {
    /* background-color: #f2f2f2; */
    margin-top: 2em;
}

.post-container, .post-footer {
    padding: 1em 2em;
    /* background-color: #f2f2f2; */
}

.post-footer {
    border-top: 1px solid #ddd;
    background: #F2F2F2;
}

.post-comments {
    float: right;
}

.post-title {
    margin: 0.83em 0;
    font-size: 1.35em;
}

.post-title a:hover {
    text-decoration: none;
}

.post-title a {
    cursor: pointer;
}

.post-meta {
    font-family: 'Microsoft YaHei';
    margin-top: -0.5em;
    padding: 0;
    color: #999;
    font-size: 0.92857em;
}

.post-meta li {
    display: inline-block;
    margin: 0 0.5714em 0 0;
    padding-left: 0.85714em;
    border-left: 1px solid #EEE;
}

.post-meta li:first-child {
    margin-left: 0;
    padding-left: 0;
    border: none;
}

.post-content {
    /*font-family: 'Microsoft YaHei' ;*/
    font-family: Helvetica, Arial, "Open Sans", "Microsoft Yahei", sans-serif;
}

.post .tags {
    clear: both;
    padding-top: 1em;
    padding-bottom: 0.3em;
}

.post-near {
    list-style: none;
    margin: 2.14286em 0 0;
    padding: 0;
    color: #999;
}

.post-near li {
    margin: 0.71429em 0;
}

.archive-title {
    margin: 1em 0 -1em;
    color: #999;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 1em 2em;
    font-weight: 100;
    font-size: 1.25em;
}

.more {
    text-align: center;
}

.more a {
    border: none;
}

.protected .text {
    width: 50%;
}

.page-navigator {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.page-navigator li {
    display: inline-block;
    margin: 0 0.28571em;
}

.page-navigator a {
    display: inline-block;
    padding: 0 0.71429em;
    height: 2.14286em;
    line-height: 2.14286em;
}

.page-navigator a:hover {
    background: #EEE;
    text-decoration: none;
}

.page-navigator .current a {
    color: #444;
    background: #EEE;
}

.card, .page-navigator {
    margin-top: 3em;
    padding: 1em;
    box-shadow: 0 2px 3px #ccc;
    background: white;
}

.card > h3 {
    margin-top: 0
}

.mail-subject .video-play-button {
    display: none;
}

.letter-li .mail-subject a {
    pointer-events: none;
}

.comment-list-wrapper {
    padding-top: 1em;
    padding-bottom: 1em;
}

.comment-list-wrapper.comment-empty-list {
    padding-bottom: 0px;
    margin-bottom: -1em;
}

.comment-list-wrapper em {
    font-style: normal;
}

.comment-list-wrapper.comment-loading:before {
    content: '评论加载中';
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #eca456;
    background-color: #f4efd5c2;
    text-align: center;
    margin-top: 0.8163em;
}

.comment-list-wrapper.comment-loading:empty {
    margin-bottom: -1em;
    padding-bottom: 0.5em;
}

.comment-list-wrapper.comment-disable-list:before {
    content: '评论列表被关闭';
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    color: #eca456;
    background-color: #f4efd5c2;
    text-align: center;
    font-size: 1em;
    margin-top: 0.8163em;
    padding-top: 0.1em;
    line-height: 1.6em;
}

.comment-list-wrapper.comment-disable-list:empty {
    margin-bottom: -1em;
    padding-bottom: 0.4em;
}

.comment-list-header label {
    margin-bottom: 0px;
}

.comment-list-header {
    display: block;
    padding-left: 0px;
    margin-top: 0.8163em;
    margin-bottom: 0.8163em;
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 1.15em;
}

.comment-list-header > li {
    display: inline-block;
    margin-right: 20px;
}

.comment-list-header > li:last-child {
    margin-right: 0px;
}

.comment-sort-by-select {
    font-size: 1.1rem;
    cursor: pointer;
}

.comment-sort-by-select .comment-sort-by-icon {
    margin-right: 5px;
}

.comment-sort-by-select .comment-sort-by-icon .glyphicon {
    font-size: 0.9rem;
}

.comment-sort-by-select .dropdown-menu {
    min-width: 80px;
    margin-left: 20px;
}

.comment-sort-by-select .dropdown-menu li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.comment-sort-by-select .comment-sort-by:hover {
    background: #ffc98e5c;
}

.comment-sort-by-select .comment-sort-by.active {
    background: #ffbb71;
}

.comment-add-new {
    cursor: pointer;
}

.comment-list, .comment-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list .comment-body {
    position: relative;
    margin-top: 0.71429em;
    box-shadow: 0 2px 3px #ccc;
    background: white;
    padding: 1em 0.5em 1em 1em;
    width: 100%;
}

.comment-body.comment-level-odd {
    background: #FFF;
}

.comment-body.comment-level-even {
    background: #F6F6F3;
}

.comment-body.comment-un-read {
    background: #fcf8e3;
}

.comment-body.comment-by-author > .comment-author > cite > a::after {
    content: ' (文章作者)';
    color: #777;
    font-weight: 100;
    font-size: 75%;
}

.comment-author {
    display: block;
    margin-bottom: 3px;
    color: #444;
}

.comment-author .avatar {
    float: left;
    width: 2.28571em;
    height: 2.28571em;
    margin-right: 0.71429em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.comment-author cite {
    font-weight: bold;
    font-style: normal;
}

.comment-meta a {
    color: #999;
    font-size: .92857em;
}

.comment-floor {
    font-size: 0.8571rem;
    position: absolute;
    top: 1.1429rem;
    right: 1.1429rem;
}

.comment-floor a {
    color: #555;
}

.comment-content {
    line-height: 1.7;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-top: 10px;
    padding-right: 0.5em;
}

.comment-content pre {
    width: min-content;
    max-width: 100%;
    color: #666;
    font-style: italic;
    font-size: 0.9143rem;
    padding: 14px 20px 14px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #eee;
    border-width: 0px;
}

.comment-content code {
    font-family: Consolas, "Microsoft Yahei", sans-serif;
    background-color: #eee;
    color: #666;
}

.comment-body .comment-reply {
    text-align: right;
    margin-right: 0.5em;
}

.comment-reply li {
    display: inline-block;
    margin-right: 12px;
}

.comment-reply li:last-child {
    margin-right: 0px;
}

.comment-like, .comment-reply li a {
    cursor: pointer;
}

.comment-like .comment-like-btn {
    pointer-events: none;
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    margin-right: 4px;
}

.comment-like .comment-like-btn-ref {
    fill: #777;
}

.comment-like.comment-has-liked .comment-like-btn-ref {
    fill: #3354AA;
}

.comment-like .comment-like-count-value {
    margin-right: 2px;
}

.comment-respond {
    margin-top: 2em;
}

.comment-respond .card {
    margin-top: 0em;
}

.comment-list .comment-respond {
    margin-top: 1.071429em;
    border-top: 1px solid #EEE;
    margin-right: 1em;
}

.comment-respond .comment-btn-reply-cancel {
    float: right;
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    font-size: 1.15em;
    margin-top: 1.5em;
    margin-right: 1em;
    line-height: 1.1;
    visibility: hidden;
}

.comment-respond:hover .comment-btn-reply-cancel {
    visibility: visible;
}

.comment-respond .comment-btn-reply-cancel a {
    color: #666;
    cursor: pointer;
}

.comment-respond .card > h3 {
    margin-top: 0.5163em;
}

.comment-form .comment-form-group {
    display: block;
}

.comment-form .comment-control {
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 10px;
}

.comment-form .comment-control:first-child {
    margin-left: 0px;
}

.comment-form .comment-btn-insert-image-modal-open {
    line-height: 1;
    padding: 0px 10px;
    margin: 0px 0px 3px 10px;
    background-color: #fff;
    color: #333;
}

.comment-form .comment-btn-insert-image-modal-open .glyphicon {
    font-size: 1.3em;
    line-height: 1.3;
    top: 0;
}

.comment-form > *:last-child {
    margin-bottom: 0
}

.comment-form .required:after {
    content: " *";
    color: #C00;
}

#secondary {
    padding-top: 1.071429em;
    word-wrap: break-word;
}

.widget {
    margin-bottom: 2.14286em;
}

.widget-list {
    list-style: none;
    padding: 0;
}

.widget-list li {
    margin: 0.3572em 0;
    line-height: 1.5;
}

.widget-list li ul {
    margin-left: 1.071429em;
}

#footer {
    padding: 3em 0;
    line-height: 1.5;
    text-align: center;
    color: #999;
}

#footer .police-record-icon {
    width: 1.15em;
    margin-top: -0.2em;
    margin-right: -0.17em;
}

.error-page {
    margin-top: 7.14286em;
    margin-bottom: 7.14286em;
}

.post-content {
    line-height: 1.5;
    word-wrap: break-word;
}

.post-content h2, .comment-content h2 {
    font-size: 1.28571em;
}

.post-content img, .post-content video {
    max-width: 100%;
}

.comment-content img, .comment-content video, .comment-content iframe {
    max-width: calc(100% + 0.25px);
    margin: 3px 0;
}

.comment-content img:only-child, .comment-content video:only-child, .comment-content iframe:only-child {
    margin: 0px 0;
}

.comment-content img.not-only-img {
    margin: 3px 0;
}

.comment-content img.img-load-error {
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
}

.post-content a img, .comment-content a img {
    background: #FFF;
    position: relative;
    bottom: -0.2857em;
}

.post-content hr, .comment-content hr {
    margin: 2em auto;
    width: 7.142857em;
    border: 1px solid #E9E9E9;
    border-width: 2px 0 0 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

img.alignleft {
    margin: 0 1.071429em 0 0;
}

img.alignright {
    margin: 0 0 0 1.071429em;
}

@media ( max-width: 767px) {
    .post-title, .post-meta {
        text-align: center;
    }
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.sr-only {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only.focusable:active, .sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.hljs {
    display: block;
    white-space: pre;
    word-wrap: normal;
    overflow-x: auto;
    padding: 0.5em;
    background: #23241f;
    -webkit-text-size-adjust: none;
}

.hljs, .hljs-tag, .css .hljs-rule, .css .hljs-value, .aspectj .hljs-function, .css .hljs-function .hljs-preprocessor, .hljs-pragma {
    color: #f8f8f2;
}

.hljs-strongemphasis, .hljs-strong, .hljs-emphasis {
    color: #a8a8a2;
}

.hljs-bullet, .hljs-blockquote, .hljs-horizontal_rule, .hljs-number, .hljs-regexp, .alias .hljs-keyword, .hljs-literal, .hljs-hexcolor {
    color: #ae81ff;
}

.hljs-tag .hljs-value, .hljs-code, .hljs-title, .css .hljs-class, .hljs-class .hljs-title:last-child {
    color: #a6e22e;
}

.hljs-link_url {
    font-size: 80%;
}

.hljs-strong, .hljs-strongemphasis {
    font-weight: bold;
}

.hljs-emphasis, .hljs-strongemphasis, .hljs-class .hljs-title:last-child, .hljs-typename {
    font-style: italic;
}

.hljs-keyword, .ruby .hljs-class .hljs-keyword:first-child, .ruby .hljs-function .hljs-keyword, .hljs-function, .hljs-change, .hljs-winutils, .hljs-flow, .nginx .hljs-title, .tex .hljs-special, .hljs-header, .hljs-attribute, .hljs-symbol, .hljs-symbol .hljs-string, .hljs-tag .hljs-title, .hljs-value, .alias .hljs-keyword:first-child, .css .hljs-tag, .css .unit, .css .hljs-important {
    color: #f92672;
}

.hljs-function .hljs-keyword, .hljs-class .hljs-keyword:first-child, .hljs-aspect .hljs-keyword:first-child, .hljs-constant, .hljs-typename, .hljs-name, .css .hljs-attribute {
    color: #66d9ef;
}

.hljs-variable, .hljs-params, .hljs-class .hljs-title, .hljs-aspect .hljs-title {
    color: #f8f8f2;
}

.hljs-string, .css .hljs-id, .hljs-subst, .hljs-type, .ruby .hljs-class .hljs-parent, .hljs-built_in, .django .hljs-template_tag, .django .hljs-variable, .smalltalk .hljs-class, .django .hljs-filter .hljs-argument, .smalltalk .hljs-localvars, .smalltalk .hljs-array, .hljs-attr_selector, .hljs-pseudo, .hljs-addition, .hljs-stream, .hljs-envvar, .apache .hljs-tag, .apache .hljs-cbracket, .tex .hljs-command, .hljs-prompt, .hljs-link_label, .hljs-link_url {
    color: #e6db74;
}

.hljs-comment, .hljs-annotation, .hljs-decorator, .hljs-pi, .hljs-doctype, .hljs-deletion, .hljs-shebang, .apache .hljs-sqbracket, .tex .hljs-formula {
    color: #75715e;
}

pre {
    background: #23241f;
    color: #f8f8f2;
}

pre > code.hljs {
    padding: 0;
}

.ripple {
    letter-spacing: .01em;
    margin: 0px 0.2857em;
    box-sizing: border-box;
    color: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    outline: 0;
    border: 0;
    display: inline-block;
    align-items: center;
    padding: 0 0.42857em;
    line-height: 2.571429em;
    min-height: 2.571429em;
    background: 0 0;
    white-space: nowrap;
    min-width: 6.2857em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ripple:not ([disabled] ):hover {
    background-color: rgba(158, 158, 158, 0.2);
}

.ripple > span {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.87059);
}

ripple-container {
    display: block;
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

ripple {
    height: 0px;
    width: 0px;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    opacity: 0;
    border-radius: 50%;
    display: block;
    background-color: black;
    transition: margin 1.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 1.4s cubic-bezier(0.25, 0.8, 0.25, 1), height 1.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 1.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* div 左上边标签  start */
.ui.red.ribbon.label {
    border-color: #DE3859 !important;
}

.ui.red.labels .label,
.ui.red.label {
    background-color: #D95C5C !important;
    border-color: #D95C5C !important;
    color: #FFFFFF !important;
}

.ui.ribbon.label {
    position: relative;
    margin: 0em 0.2em;
    left: -0.55rem;
    padding-left: 2rem;
    border-radius: 0px 4px 4px 0px;
    border-color: rgba(0, 0, 0, 0.15);
    font-size: 0.8125em;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0.5em 0.8em;
    box-sizing: border-box;
    transition: background 0.1s linear;
    text-shadow: none;
}

.ui.red.label:before {
    background-color: #D95C5C !important;
}

.ui.ribbon.label:after {
    position: absolute;
    top: 10%;
    left: 0%;
    border-top: 0em solid transparent;
    border-right-width: 1em;
    border-right-color: inherit;
    border-right-style: solid;
    border-bottom: 1em solid transparent;
    border-left: 0em solid transparent;
    width: 0em;
    height: 0em;
}

/* div 左上边标签  end */

.rank-list > li {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 0.428572em;
}

/* div 编辑文章页 标签  */
.tag {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

/* site-background start */
.site-background-wrap {
    position: relative;
    z-index: -1;
}

.site-background {
    top: 0px;
}

.site-background-canvas {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgb(0, 0, 0);
}

.site-background-canvas-image {
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.site-background-canvas-video-wrap {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
}

.site-background-canvas-video-wrap video {
    position: absolute;
    opacity: 1;
    left: 0px;
    top: -66px;
}

.site-background-canvas-video-poster-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0px;
    left: 0px;
}

.site-background-canvas-video-poster-wrap img {
    object-position: 50% 50%;
    object-fit: cover;
}

.site-background-canvas-overlay {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color: rgba(38, 94, 118, 0.15);
}
/* site-background end */

.toolbar, navbar {
    -webkit-border-radius: 0.71429em;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    opacity: 1;
    background-color: #f2f2f2;
    border-bottom: 1px solid #cfcfcf;
    z-index: 1000;
}

#first h1, #first h2, #first h3, #first h4 {
    color: rgba(204, 204, 204, 0.8);
}

#first p {
    color: rgba(204, 204, 204, 0.8);
}

#first {
    background-size: 100%;
}

body {
    background-size: 100%;
}

/* 顶部栏 */
@media (max-width: 767px) {
    .toolbar, navbar {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
}

@media (min-width: 768px) {
    .toolbar, navbar {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
}

@media (min-width: 992px) {
    .toolbar, navbar {
        width: calc(95% - 20px);
        margin-left: calc(2.5% + 10px);
    }
}

@media (min-width: 1200px) {
    .toolbar, navbar {
        width: calc(90% - 20px);
        margin-left: calc(5% + 10px);
    }
}

@media (min-width: 1400px) {
    .toolbar, navbar {
        width: calc(87.5% - 20px);
        margin-left: calc(6.25% + 10px);
    }
}

.chat-panel a {
    color: #3354AA;
}

.chat-panel a:hover, .chat-panel a:focus {
    color: #428bca;
}

/*
.chat-panel .chat-discussion {
    display: flex;
    flex-direction: column-reverse;
}
*/

.chat-panel .letter-input-content {
    height: 90px;
}

.chat-panel .letter-control {
    display: inline;
    cursor: pointer;
    margin-left: 5px;
    background-color: white;
}

.chat-panel .letter-control:not(:first-child) {
    margin-left: 5px;
}

.chat-panel .input-append-new-user-to-chat {
    font-size: 16px;
    width: 100%;
    height: 38px;
    padding-left: 5px;
}

.modal.chat-modal {
    background-color: rgba(0, 0, 0, 0.54);
}

.chat-avatar {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    margin-top: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.chat-user-name {
    padding: 10px;
}

.chat-user {
    border-bottom: 1px solid #e7eaec;
    padding: 8px 10px;
    background-color: #f5f5f5;
    cursor: pointer;
}

.chat-user:hover {
    background-color: #1ab39452;
}

.chat-user.active {
    background-color: #1ab394;
}

.chat-user a {
    color: inherit;
}

.chat-user.active a, .chat-user.active a:focus {
    color: #eee;
}

.chat-user.active a:hover {
    color: #fff1aa;
}

.chat-view {
    z-index: 20012;
}

.chat-statistic, .chat-users {
    margin-left: -30px;
}

@media (max-width: 992px) {
    .chat-statistic, .chat-users {
        margin-left: 0;
    }
}

.chat-view .ibox-content {
    padding: 0;
}

.chat-message {
    padding: 10px 20px;
}

.chat-message-right {
    padding-right: 75px;
}

.chat-message-left {
    padding-left: 75px;
}

.chat-message .message {
    zoom: 1;
}

.chat-message .message:before, .chat-message .message:after {
    content: " ";
    display: table;
}

.chat-message .message:after {
    clear: both;
}

.chat-message-left .message-avatar {
    float: left;
    margin-left: -55px;
}

.chat-message-right .message-avatar {
    float: right;
    margin-right: -55px;
}

.chat-message-left .message-author {
    float: left;
}

.chat-message-right .message-author {
    float: right;
}

.chat-message-left .message-del {
    float: right;
    padding-right: 8px;
}

.chat-message-right .message-del {
    float: left;
    padding-left: 8px;
}

.chat-message-left .message-status {
    float: right;
    padding-right: 8px;
}

.chat-message-right .message-status {
    float: left;
    padding-left: 8px;
}

.chat-message-left .message-date {
    float: right;
}

.chat-message-right .message-date {
    float: left;
}

.chat-message-left .message-content {
    float: left;
    text-align: left;
    clear: both;
}

.chat-message-right .message-content {
    float: right;
    text-align: right;
    clear: both;
}

.chat-message .message {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    width: 100%;
    padding: 10px 20px;
}

.chat-message.chat-message-un-read .message {
    background: #fcf8e3;
}

.message-avatar {
    border: 1px solid #e7eaec;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    margin-top: 1px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.message-del {
    font-size: 12px;
    color: #888;
    cursor: pointer;
    visibility: hidden;
}

.message-status {
    font-size: 12px;
    color: #888;
}

.message-date {
    color: #888;
    font-size: 12px;
}

.message-content {
    display: block;
    margin-top: -6px;
    width: 100%;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-all;
}

.chat-message:hover .message-del {
    visibility: visible;
}

.chat-discussion {
    background: #eee;
    height: 400px;
    overflow-y: auto;
    padding: 15px;
}

.chat-discussion:not(.lazy-letter-load-completed)::before {
    content: '向上滚动加载更多';
    display: block;
    font-size: 0.92rem;
    width: 160px;
    padding: 3px 6px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #2e6da491;
    color: white;
    text-align: center;
}

.chat-discussion.lazy-letter-loading:not(.lazy-letter-load-completed)::before {
    content: 'loading';
    display: block;
    font-size: 0.92rem;
    width: 80px;
    padding: 3px 6px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #2e6da491;
    color: white;
    text-align: center;
}

.chat-discussion.only-link-enable .chat-message:not(.chat-message-link) {
    display: none;
}

.chat-users {
    height: 400px;
    overflow-y: auto;
}

.chat-message-form .form-group {
    margin-bottom: 0;
}

.chat-message .message iframe, .chat-message .message video {
    max-width: 100%;
}

.chat-message .message img {
    max-width: 100%;
    display: inline-block;
    /*margin: 0 auto;*/
    /*display: block;*/
}

.chat-message .message img.not-only-img {
    margin: 3px 0;
}

.chat-message .lazy-media-preview {
    padding-left: 0.5em;
    padding-top: 0.2em;
    margin-top: 0.1em;
    border-left: 4px solid #eee;
    position: relative;
}

.chat-message .lazy-media-preview.lazy-photo-preview {
    overflow: hidden;
}

.chat-message .lazy-media-preview.lazy-photo-preview .lazy-media-source {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.chat-message:hover .lazy-media-preview.lazy-photo-preview .lazy-media-source{
    animation: 1.25s preview-blur-loop infinite alternate-reverse;
}

@media (max-width: 767px) {
    .chat-message .lazy-media-preview.lazy-photo-preview .lazy-media-source{
        animation: 1.25s preview-blur-loop infinite alternate-reverse;
    }
}

@keyframes preview-blur-loop {
    0% {
        -webkit-filter: unset;
        -moz-filter: unset;
        -o-filter: unset;
        -ms-filter: unset;
        filter: unset;
    }
    10% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0x);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
    19% {
        -webkit-filter: blur(1px);
        -moz-filter: blur(1x);
        -o-filter: blur(1px);
        -ms-filter: blur(1px);
        filter: blur(1px);
    }
    30% {
        -webkit-filter: blur(2px);
        -moz-filter: blur(2x);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        filter: blur(2px);
    }
    55% { -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
    }
    75% {
        -webkit-filter: blur(7px);
        -moz-filter: blur(7px);
        -o-filter: blur(7px);
        -ms-filter: blur(7px);
        filter: blur(7px);
    }
    100% {
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
    }
}

.chat-message .lazy-media-preview.lazy-photo-preview.image-widget.protect::after {
    content: '查看详情';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0.92rem;
    width: 110px;
    height: 30px;
    padding: 3px 6px;
    margin: auto;
    border-radius: 6px;
    background-color: #909fac91; /*#2e6da491;*/
    color: white;
    text-align: center;
    visibility: visible;
    transition: visibility 1s ease 0.9s;
}

.chat-message .lazy-media-preview.lazy-photo-preview.image-widget.protect.tips-delay::after {
    visibility: hidden;
}

.drop-item-notify {
    background-color: #1c84c6 !important;
}

.message-insert-table {
    width: 100%;
    word-break: break-all;
}

.message-insert-table a:hover {
    border-bottom: 1px solid #EEE;
}

.message-insert-table a {
    border-bottom-color: transparent;
}

.forbidden-download-css {
    pointer-events: none;
}

.forbidden-download {

}

.image-widget {

}

.image-widget.protect {
    position: relative;
    display: block;
}

.image-widget.protect img {
    pointer-events: none;
}

.image-widget.protect::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background-color: transparent;
    z-index: 1;
}

.modal .modal-body .form-group:last-child {
    margin-bottom: 0px;
}

.modal .modal-body .form-group:last-child.inline-group label {
    margin-bottom: 0px;
}

.form-control.tags-modify, .note-editor .form-control.tags-modify, .modal .form-control.tags-modify {
    padding: 0.4em 0.4em !important;
}

.tags-modify {
    display: inline-block !important;
    font-size: 0.9286em !important;
    position: relative;
}

.tags-modify .tag-single {
    padding: 2px;
    margin-right: 4px;
    margin-top: 2px;
    margin-bottom: 4px;
    display: inline-block;
    background-color: #E8E8E8;
    border-radius: 0.325em;
    border-color: #E8E8E8;
    font-size: 1em !important;
    line-height: 1;
}

.tags-modify .tag-single .tag-content {
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}

.tags-modify .tag-single a {
    color: #555;
    text-decoration: none;
}

.tags-modify .tag-single a:hover {
    text-decoration: none;
}

.tags-modify .tag-single .tag-close {
    margin-left: 1px;
    padding-right: 2px;
    font-size: smaller;
    cursor: pointer;
}

.tags-modify .tag-input {
    margin: 0px !important;
    display: inline-block !important;
    width: 20%;
    padding: 0px;
    border: 0px !important;
    outline: none !important;
}

.contact-box .contact-nickname,
.contact-box .contact-address,
.contact-box .contact-description,
.contact-box .contact-user-site {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    max-width: 95%;
}

.contact-box .contact-address:before {
    content: " ";
}

.contact-box .contact-description {
    margin-bottom: 8px;
    max-width: 100%;
    clear: both;
}

.contact-box .contact-user-site-label, .contact-box .contact-user-site, .contact-box .contact-description {
    display: inline-block;
    float: left;
}

.contact-box .contact-user-site-label {
    clear: left;
}

.contact-box .contact-user-site {
    max-width: 80%;
}

.contact-box .contact-head-photo {
    width: 120px;
    margin: 15px auto 0px auto;
}

.contact-box .contact-group-name {
    margin-top: 10px;
    font-weight: 600;
}

.collection-box > * {
    cursor: pointer;
}

.table-mail {
    table-layout: fixed;
}

.mail-subject {
    /*text-overflow: ellipsis;
    max-width: 70%;
    overflow: hidden;*/
    white-space: nowrap;
    overflow: auto;
    cursor: pointer;
}

.mail-subject::-webkit-scrollbar {
    height: 6px;
}

.content-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 15px);
    overflow: hidden;
}

.navbar-brand {
    float: left;
    height: 3.57143em;
    padding: 1em;
    line-height: 1.4286em;
    font-size: 1em;
}

.toolbar .navbar-header .navbar-brand .logo {
    color: #333;
}

.toolbar .site-navigation .row .nav-menu {
    position: relative;
    display: inline;
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.toolbar .site-search .toolbar-input-search-keyword {
    margin: auto;
}

.toolbar .site-login-user .dropdown-menu li a {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft JHengHei', sans-serif;
    font-weight: bold;
    color: #3354AA;
    line-height: 1.4;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap;
}

.article-header {
    overflow: visible
}

.article-header .article-handle {
    margin-top: -33px;
    float: right;
}

.article-header .article-handle .dropdown-toggle:first-child {
    margin-right: -7px;
}

.article-header .article-handle .dropdown-menu {
    min-width: 30px;
}

.article-header .article-handle .dropdown-menu li a {
    padding: 4px 12px 3px 12px;
}

@media (max-width: 767px) {

    /* 回到顶页 */
    #goTop {
        display: block;
        width: 28px;
        height: 28px;
        background-color: #ddd;
        border-radius: 3px;
        border: 0;
        cursor: pointer;
        position: fixed;
        right: 10px;
        bottom: -40px;
    }

    #goTop div {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }

    #goTop .stick {
        width: 4px;
        height: 10px;
        top: 13px;
        border-radius: 1px;
        background-color: #429e46;
    }

    #goTop .arrow {
        width: 0;
        height: 0;
        top: -4px;
        border: 9px solid transparent;
        border-bottom-color: #429e46;
    }

    .goBottom {
        display: block;
        width: 28px;
        height: 28px;
        background-color: #ddd;
        border-radius: 3px;
        border: 0;
        cursor: pointer;
        position: fixed;
        right: 10px;
        bottom: -25px;
    }

    .goBottom .arrow {
        width: 0;
        height: 0;
        bottom: 4px;
        border-width: 9px 9px 0;
        border-style: solid;
        border-color: transparent;
        border-top-color: #429e46;
    }

    .goBottom div {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }

    .goBottom .stick {
        width: 4px;
        height: 10px;
        top: 6px;
        border-radius: 1px;
        background-color: #429e46;
    }

    /* 插入代码modal */
    .note-code-insert-dialog .modal-dialog {
        width: 100%;
    }

    .chat-panel {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        /*padding:0px;
        margin: 0px -1px;*/
    }

    .chat-panel .chat-users {
        height: auto;
    }

    .chat-panel .chat-discussion {
        height: 430px;
        padding: 0px;
    }

    .chat-panel .ibox {
        margin-bottom: 15px;
    }

    .chat-panel .btngroup {
        padding-top: 10px;
        float: right;
    }

    .chat-message-left .message-del {
        float: left;
        padding-left: 8px;
        padding-right: 0px;
    }

    .chat-message-right .message-del {
        float: right;
        padding-right: 4px;
        padding-left: 0px;
    }

    .chat-message-left .message-date {
        float: left;
        clear: left;
    }

    .chat-message-right .message-date {
        float: right;
        clear: right;
    }

    .chat-message-right .message-status {
        float: right;
        margin-top: -17px;
        margin-bottom: 8px;
        padding-left: 0px;
        padding-right: 4px;
    }

    .chat-message .message-del {
        margin-top: -17px;
        margin-bottom: 8px;
        visibility: visible;
    }

    .chat-message .message-date {
        margin-top: -17px;
        margin-bottom: 8px;
    }

    .toolbar {
        text-align: center;
    }

    /*
    .toolbar,navbar{
        width:100%;
        opacity:1;
        margin-bottom:-30px;
        border-bottom: 1px solid #cfcfcf;
        z-index:1000;
    }*/
    .toolbar .hiddenscorll {
        overflow-x: hidden;
    }

    /* 顶部栏  站点导航 */
    .toolbar .site-navigation .row {
        padding-top: 8px;
        padding-bottom: 5px;
    }

    .toolbar .site-navigation .row .nav-menu {
        padding-left: 4px;
        padding-right: 4px;
    }

    .toolbar .site-navigation .row .nav-menu-kind {
        margin-left: 19px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .toolbar .site-navigation .row .more-space {
        padding-right: 0px;
        width: 50px;
    }

    .toolbar .site-navigation .row .more-more-space {
        padding-left: 0px;
        padding-right: 0px;
        width: 68px;
    }

    /* 顶部栏  登录用户 */
    .toolbar .site-login-user .dropdown-toggle {
        padding-bottom: 0px;
        padding-top: 10px;
        padding-left: 20px;
    }

    .toolbar .site-login-user .dropdown-toggle img {
        width: 30px;
        height: 30px;
    }

    .toolbar .site-login-user .dropdown-menu {
        margin-top: 12px;
        min-width: 90px;
        text-align: center;
    }
}

@media (min-width: 768px) {

    /* 回到顶页 */
    #goTop {
        display: block;
        width: 38px;
        height: 38px;
        background-color: #ddd;
        border-radius: 3px;
        border: 0;
        cursor: pointer;
        position: fixed;
        right: 50px;
        bottom: -40px;
    }

    #goTop .arrow {
        width: 0;
        height: 0;
        top: -1px;
        border: 9px solid transparent;
        border-bottom-color: #429e46;
    }

    #goTop div {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }

    #goTop .stick {
        width: 8px;
        height: 14px;
        top: 15px;
        border-radius: 1px;
        background-color: #429e46;
    }

    .goBottom {
        display: block;
        width: 38px;
        height: 38px;
        background-color: #ddd;
        border-radius: 3px;
        border: 0;
        cursor: pointer;
        position: fixed;
        right: 50px;
        bottom: -25px;
    }

    .goBottom .arrow {
        width: 0;
        height: 0;
        bottom: 6px;
        border-width: 9px 9px 0;
        border-style: solid;
        border-color: transparent;
        border-top-color: #429e46;
    }

    .goBottom div {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }

    .goBottom .stick {
        width: 8px;
        height: 14px;
        top: 9px;
        border-radius: 1px;
        background-color: #429e46;
    }

    /* 插入代码modal */
    .note-code-insert-dialog .modal-dialog {
        width: 35.71429em;
    }

    .chat-panel {
        width: 54.2857em;
    }

    .chat-panel .chat-users {
        height: 31em;
    }

    .chat-panel .chat-discussion {
        height: 31em;
        padding: 0.5em;
    }

    .chat-panel .ibox {
        margin-bottom: 15px;
    }

    .chat-panel .btngroup {
        padding-top: 5.94em;
    }

    .chat-panel .letter-input-content {
        height: 6.37em !important;
    }

    .navbar-nav > li > a {
        padding-top: 1.0714286em;
        padding-bottom: 1.0714286em;
        line-height: 1.42857em;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -1.07143em;
    }

    .toolbar .navbar-header .navbar-brand p {
        margin: auto 0;
    }

    #navbar-collapse > ul:nth-child(1) {
        margin-left: -5px;
    }

    /* 顶部栏 */

    .toolbar a {
        cursor: pointer;
    }

    .navbar-nav > li:not(:first-child) > a {
        padding-left: 0.92857em;
        padding-right: 0.92857em;
    }

    /* 顶部栏  站点导航 */
    .toolbar .site-navigation .dropdown-menu {
        width: 36em;
    }

    .toolbar .site-navigation .row {
        padding-top: 0.57143em;
        padding-bottom: 0.35714em;
    }

    .toolbar .site-navigation .row .nav-menu {
        width: 9.5%;
    }

    .toolbar .site-navigation .row .nav-menu-kind {
        padding-left: 2.14286em;
        width: 5.714286em;
    }

    .toolbar .site-navigation .row .nav-menu.more-space {
        padding-right: 0px;
        width: 4.14286em;
    }

    .toolbar .site-navigation .row .nav-menu.more-more-space {
        padding-right: 0px;
        width: 5.71429em;
    }

    /* 顶部栏  用户 */
    .toolbar .site-login-user .dropdown-toggle {
        padding-bottom: 0px;
        padding-top: 0.714286em;
        padding-left: 0px;
    }

    .toolbar .site-login-user .dropdown-toggle img {
        width: 2.14286em;
        height: 2.14286em;
    }

    .toolbar .site-login-user .dropdown-menu {
        margin-top: 0.857143em;
        min-width: 6.42857em;
        text-align: center;
    }

}

@media (min-width: 1537px) {

    .toolbar .site-navigation .row .nav-menu.more-space {
        width: 74px;
    }

    .navbar-form {
        padding: 0 1.07143em;
        margin: 0.5714em 0;
    }

}

#toast-container {
    overflow-y: auto;
    max-height: calc(100vh - 20px);
    overflow-x: hidden;
    pointer-events: all;
}

#toast-container::-webkit-scrollbar {
    width: 0px;
    background-color: #f5f5f5;
}

#toast-container > div {
    opacity: 0.9;
}

.toast-message {
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.5;
}

.toast-message a:hover {
    color: #f8ac59;
    text-decoration: none;
}

#toast-container > .toast-success-no-icon {
    background-color: #51A351 !important;
    padding-left: 1.428571em;
}

#toast-container > .toast-error-no-icon {
    background-color: #BD362F !important;
    padding-left: 1.428571em;
}

#toast-container > .toast-info-no-icon {
    background-color: #2F96B4 !important;
    padding-left: 1.428571em;
}

#toast-container > .toast-warning-no-icon {
    background-color: #F89406 !important;
    padding-left: 1.428571em;
}

.toast-message img {
    width: 100%;
    margin: 3px 0px;
}

/* only-child对text-node不生效 */
.toast-success-no-icon img:only-child, .toast-error-no-icon img:only-child, .toast-info-no-icon img:only-child, .toast-warning-no-icon img:only-child {
    width: calc(100% + 1.11429em);
    margin: 0.45714em 0 -0.28571em -0.8286em;
}

.toast-message img.not-only-img {
    width: 100%;
    margin: 5px 0;
}

.toast iframe, .toast video, .toast embed {
    width: 100%;
    margin: 3px 0px;
}

.m-b-md {
    margin-bottom: 1.42857em;
}

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

.post-author .widget-profile-box {
    position: relative;
    padding-top: 2.14286em;
    padding-bottom: 2.14286em;
    border-radius: 5px 5px 0 0;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    z-index: 0;
    overflow: hidden;
}

.widget-profile-box .head-photo-frosted-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
}

.widget-profile-box a {
    color: white;
}

.widget-profile-box .author-nickname-wrapper {
    margin-bottom: 1.42857em;
}

.widget-profile-box .author-nickname {
    margin: 0;
}

.widget-profile-box .author-head-photo {
    border: 6px solid #FFF;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 1.42857em;
    width: 9.42em;
    height: 9.42em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.widget-profile-box .author-says {
    padding-top: 1.0715em;
    margin-bottom: -1.0715em;
}

.widget-text-box {
    padding: 1.42857em;
    background: #fff;
    border: 1px solid #e7eaec;
}

.widget-handle-box {
    text-align: right;
}

#modifyArticleModal span {
    text-align: left;
}

.tips-list {
    padding-right: 5px;
    font-size: 13px;
}

.tips-list > li {
    padding-bottom: 3px;
}

#login_Modal .modal-title {
    line-height: 1.428571429;
}
#login_Modal .modal-body {
    padding: 1.1em;
}

.modal-body {
    padding: 1.1em;
}

.note-editor .modal-body, .modal .modal-body {
    padding: 1.42857em;
}

#login_Modal .modal-content {
    border-radius: 10px;
}

iframe {
    border-width: 0px;
}

.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.post-container.album_options {
    padding: 0.7em 2em;
}

.album-footer {
    width: 100%;
    display: inline-block;
    background-color: #f2f2f2;
    box-shadow: 0px 0px 1px 0.5px #ddd;
    font-size: 1em;
}

.album-footer .post-meta.footer-left {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 0px;
    font-size: 1em;
}

.album-footer .post-meta.footer-right {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 0px;
    font-size: 1em;
}

.album-footer .footer-right .page-navigator {
    display: inline-block;
    margin: 0 auto;
    padding: 0px;
}

.album-footer .page-navigator > li {
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.album-footer .page-navigator > li > a {
    height: 1.4286em;
    line-height: 1.4286em;
}

.photo {
    /*padding-bottom: 20px;*/
    float: left;
}

.padding {
    background-color: #f2f2f2;
}

.photo img, .photo video, .photo iframe, .photo embed {
    /*border: 5px solid #FFF;*/
    box-shadow: 0 0 3px #AAA;
    border-radius: 2px;
    width: 100%;
    cursor: pointer;
}

.album {
    /*padding-bottom: 20px;*/
    float: left;
}

.album img {
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 15px #AAA;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
}

.album .album_name {
    height: 1.071429em;
    padding-top: 0.357143em;
}

.album .album_name span {
    width: 100%;
    line-height: 2.14286em;
    font-weight: 600;
    float: left;
    cursor: pointer;
}

.photo .video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -moz-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    -webkit-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    z-index: 63;
    border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: pointer;
}

.photo .video-play-button:focus {
    outline: 0px;
}

.photo .video-play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.photo .video-play-button svg .video-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
    -webkit-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.photo .video-play-button svg .video-play-button-bg-enter {
    fill: #f00;
    fill-opacity: 1;
}

.photo .video-play-button svg .video-play-button-bg-leave {
    fill: #212121;
    fill-opacity: .65;
}

.photo .video-play-button svg .video-play-button-arrow {
    fill: #fff;
}

button.mfp-arrow {
    opacity: 0;
    transition: all 0.3s linear;
}

.mfp-arrow:focus {
    opacity: 0;
}

.mfp-arrow:hover {
    opacity: 0.6;
}

.mfp-bg {
    opacity: .5;
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-bottom-bar {
    margin-top: -2.5714285em;
    z-index: 2;
}

.mfp-bottom-bar a {
    color: white;
    cursor: pointer;
}

.mfp-title {
    line-height: 1.2857143em;
    padding-right: 0em;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 9.1em);
    overflow: hidden;
}

.mfp-counter {
    font-size: 0.857143em;
    line-height: 1.5em;
}

.mfp-counter a {
    margin-right: 5px;
}

.mfp-counter a:last-child {
    margin-right: unset;
}

.mfp-figure small {
    font-size: 0.857143em;
    line-height: 1.166666em;
}

img.mfp-img {
    padding: 2.8571429em 0 2.8571429em;
}

.mfp-close {
    width: 1.5714286em;
    height: 1.5714286em;
    line-height: 1.5714286em;
    font-size: 2em;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: -0.214286em;
    padding-right: 0.214286em;
    width: 100%;
}

@media (min-width: 1200px) {
    .mfp-inline-holder .mfp-content {
        max-width: 1169.7px;
    }
}

@media (min-width: 1600px) {
    .mfp-inline-holder .mfp-content {
        max-width: 1384.72px
    }
}

@media (min-width: 1750px) {
    .mfp-inline-holder .mfp-content {
        max-width: 1523.11px;
    }
}

@media (max-width: 1200px) {
    .mfp-inline-holder .mfp-content {
        max-width: 92%;
    }
}

@media (max-width: 978px) {
    .mfp-inline-holder .mfp-content {
        max-width: 97%;
    }
}

@media (max-width: 768px) {
    .mfp-inline-holder .mfp-content {
        max-width: 99%;
    }
}

.mfp-content video {
    border: 0px;
    width: 100%;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.mfp-content video:focus {
    outline-width: 0px;
}

.mfp-content iframe, .mfp-content embed {
    border-width: 0px;
}

.mfp-content .mfp-video-edit-inline {
    position: absolute;
    right: 1.875em;
    top: 0;
    width: 2.75em;
    height: 2.75em;
    line-height: 2.75em;
    border: 0;
    outline: 0;
    padding-top: 1px;
    font-size: 1.1428571em;
    box-shadow: none;
    color: #333;
    display: block;
    text-decoration: none;
    text-align: center;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    z-index: 1050;
    touch-action: manipulation;
    -webkit-appearance: none;
    opacity: 0;
}

.mfp-content .mfp-video-edit-inline:hover {
    opacity: .65;
}

.mfp-content .mfp-video-edit-inline:focus {
    opacity: 0;
}

.mfp-content .video-popup-block iframe, .mfp-content .video-popup-block embed, .mfp-content .video-popup-block .real-video {
    position: absolute;
    top: 0;
    left: 0;
}

.mfp-content .video-popup-block iframe, .mfp-content .video-popup-block video, .mfp-content .video-popup-block embed, .mfp-content .video-popup-block .real-video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
    padding: 2.3214286em 0 2.3214286em;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    transition: all 0.15s linear;
}

.mfp-content .video-popup-block-close {
    width: 1.0714286em;
    height: 1.3035714em;
    line-height: 1.3035714em;
}

.mfp-content .video-popup-block-bottom-bar {
    margin-top: -2.0357143em;
}

.mfp-content .video-popup-block-bottom-bar .mfp-title {
    font-size: 0.9285714em;
}

.mfp-content .video-popup-block-bottom-bar a {
    color: white;
    cursor: pointer;
}

/* 设置未加载完成时背景颜色 */
.mfp-figure:after {
    top: 2.8571429em;
    bottom: 2.8571429em;
}

.mfp-iframe-scaler.mfp-figure:after, .mfp-video-scaler.mfp-figure:after {
    background: #000;
    top: 2.3214286em;
    bottom: 2.3214286em;
}

.mfp-video-scaler.mfp-figure-inline:after {
    top: 0;
    height: 100%;
}

.mfp-content .include-iframe {
    margin: 0;
}

@media (min-width: 768px) {

    #first .container {
        padding-top: 0.5em;
        padding-bottom: 0.3em;
    }

    .modal-dialog {
        padding-top: 2.14286em;
        padding-bottom: 2.14286em;
        margin: 2.14286em auto;
    }

    .form-horizontal .control-label {
        padding-top: 0.5em;
    }

    .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
        padding-top: 0.5em;
    }

    #login_Modal .modal-dialog {
        margin-top: 7.14286em !important;
    }

    #login_Modal .modal-dialog {
        width: 25em !important;
    }

    #login_Modal .modal-body {
        height: 14.2857em !important;
    }

    #login_Modal .modal-footer {
        padding: 0.7143em 1.07143em;
    }

    .modal-footer {
        margin-top: 0px;
    }

    #updatePhotoModal .modal-dialog {
        width: 35.71429em;
    }

    #uploadPhotoModal .modal-dialog {
        width: 35.71429em;
    }

    #updateAlbumModal .modal-dialog {
        width: 35.71429em;
    }

    #createAlbumModal .modal-dialog {
        width: 32.14286em;
    }

    #uploadVideoModal .modal-dialog {
        width: 35.7143em;
    }

    #updateVideoModal .modal-dialog {
        width: 35.7143em;
    }

    #userProfileModal .modal-dialog {
        width: 24.2857em;
    }

    .note-code-insert-dialog .modal-dialog {
        width: 35.7143em;
    }

    #modifyArticleModal .modal-dialog {
        width: 35.7143em;
    }

    #validateMailModal .modal-dialog {
        width: 25em;
    }

}

@media (min-width: 1537px) {

    p {
        margin-bottom: 0.7143em;
    }

    .form-control, .note-editor .form-control, .modal .form-control {
        padding: 0.42857em 0.42857em;
        height: 2.42857em;
    }

    .form-group, .note-editor .form-group, .modal .form-group {
        margin-bottom: 1.07143em;
    }

    label, .note-editor label, .modal label {
        margin-bottom: 0.357143em;
    }

    .btn, .note-editor .btn, .modal .btn {
        padding: 0.42857em 0.42857em;
    }

    .widget-profile-box .author-head-photo {
        width: 9em;
        height: 9em;
    }

    .tips-list {
        padding-right: 6px;
        font-size: 0.857em;
    }

    .tips-list > li {
        padding-bottom: 4px;
    }

}

@media (max-width: 767px) {

    .modal-dialog {
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }

}

.profile-head-photo {
    display: block;
    margin: 0px auto;
    height: 14.2857em;
    width: 14.2857em;
}

.profile-head-photo-upload-trigger-area {
    margin-top: 1.42857em;
    margin-bottom: 1.42857em;
    cursor: pointer;
}

.profile-head-photo-upload-trigger-modal {
    margin: 0 auto;
    width: 80px;
    display: block;
    border: #f2f2f2 solid 1px;
}

.like-btn-wrapper .like-btn {
    pointer-events: none;
    width: 25px;
    height: 20px;
    margin-bottom: -4px;
}

.like-btn-wrapper .like-btn path {
    fill: #777;
}

.like-btn-wrapper.like-wrapper-has-liked .like-btn path {
    fill: #3354AA;
}

.photo-detail-img {
    position: relative;
    width: 100%;
    background-color: #222;
    border-width: 0px 0px 4px 0px;
    border-bottom-color: #ddd;
    border-style: solid;
    overflow-x: auto;
    cursor: pointer;
}

.photo-detail-img img {
    margin: 0 auto;
    display: block;
    max-height: 700px;
    max-width: 100%;
    transition: all 0.25s linear;
    cursor: pointer;
}

.photo-detail-info {
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
}

.photo-detail-info a {
    cursor: pointer;
}

.photo-detail-info-inline {
    margin: 0 auto;
    width: 90%;
    height: 100%;
}

.photo-detail-info-inline > form > div {
    float: left;
    width: 100%;
}

.area-set-left {
    float: left;
    width: 50%;
}

.area-set-right {
    float: left;
    width: 50%;
}

hr.fill-width {
    width: 100%;
    float: left;
    clear: both;
}

.photo-detail-info-header {
    width: 100%;
    padding-left: 38px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.photo-detail-info-header .photo-detail-name {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    line-height: 1.15;
    overflow: hidden;
}

.photo-detail-info-header .photo-detail-name a {
    color: #555;
}

.photo-detail-info-header .photo-detail-set-area {
    float: right;
}

.photo-detail-info-header .photo-detail-set-area > div {
    display: inline;
}

.photo-detail-info-header .photo-detail-set-area > *:not(:first-child) {
    margin-left: 15px;
}

.photo-detail-info-header .photo-detail-set-area .photo-detail-click-count-value {
    margin-left: 5px;
    margin-right: 3px;
    font-style: normal;
}

.photo-detail-info .form-group {
    margin-bottom: 1.551rem;
}

.photo-detail-info .form-group:last-child {
    margin-bottom: 0px;
}

.photo-detail-info-footer .form-group:last-child {
    margin-bottom: 1.35rem;
}

.photo-detail-info .help-block {
    margin-bottom: 0px;
    font-style: italic;
}

.photo-detail-info .control-label {
    margin-top: 5px;
    padding-top: 0px;
}

.photo-detail-info .photo-detail-desc {
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.9;
}

.photo-detail-info .photo-detail-desc p {
    margin-bottom: 0.5em;
}

.photo-detail-info span p:last-child {
    margin-bottom: 0px;
}

.photo-detail-info .photo-detail-handle-area {
    float: right;
}

.photo-detail-info .photo-detail-handle-area > * {
    display: inline;
    cursor: pointer;
}

.photo-detail-info .photo-detail-handle-area > *:not(:first-child) {
    margin-left: 20px;
}

.photo-detail-info .photo-detail-like > div {
    display: inline;
}

.photo-detail-info .photo-detail-like .photo-detail-like-btn {
    padding-right: 2px;
}

.photo-detail-info .photo-detail-user-head-photo {
    width: 1.6em;
    margin-right: 3px;
    border-radius: 50%;
}

.photo-detail-info-footer .photo-detail-video {
    margin-right: -15px;
    margin-left: -15px;
}

.photo-detail-info-footer .photo-detail-video-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.photo-detail-info-footer .photo-detail-album-name {
    white-space: nowrap;
    width: 100%;
    overflow-y: scroll;
}

.photo-detail-info-footer .photo-detail-album-name a {
    border-left: 1px solid #EEE;
    padding: 0 10px;
}

.photo-detail-info-footer .photo-detail-album-name a:first-child {
    border-left: 0px;
    padding-left: 0px;
}

.photo-detail-info-footer .photo-detail-album-name::-webkit-scrollbar {
    height: 3px;
}

.photo-comment-bar-wrapper {
    display: block;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    padding: 0;
    font-family: 'Microsoft YaHei';
    color: #999;
    font-size: 0.92857em;
}

.photo-comment-bar {
    white-space: nowrap;
    overflow-x: auto;
    text-align: left;
    padding: 0.7em 1em;
    margin: 0;
    list-style: none;
    box-shadow: 0 2px 3px #ccc;
    background: white;
}

.photo-comment-bar::-webkit-scrollbar {
    height: 6px;

}

.photo-comment-bar .comment-label {
    display: inline-block;
    margin: 0 0.28571em;
    padding-left: 0.85714em;
    border-left: 1px solid #EEE;
    cursor: pointer;
}

.photo-comment-bar .single-comment-label {
    margin-left: 0;
    padding-left: 0;
    border: none;
    margin-right: 20px;
}

.photo-comment-bar .topic-comment-label:first-child {
    border-left: 0px solid #EEE;
    padding-left: 0;
}

.photo-comment-bar .comment-label a {
    display: inline-block;
    padding: 0 0.71429em;
    height: 2.14286em;
    line-height: 2.14286em;
    border-bottom: 1px solid #EEE;
}

.photo-comment-bar .comment-label.current a {
    color: #444;
    background: #EEE;
}

.video-detail-play {
    width: 100%;
    background-color: #222;
    border-width: 0px 0px 4px 0px;
    border-bottom-color: #ddd;
    border-style: solid;
}

.video-detail-play iframe {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 700px;
    transition: all 0.25s linear;
}

.video-detail-play iframe.player-web-fullscreen {
    transition: unset;
}

.video-detail-info {
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
}

.video-detail-info a {
    cursor: pointer;
}

.video-detail-info-inline {
    margin: 0 auto;
    width: 90%;
    height: 100%;
}

.video-detail-info-inline > form > div {
    float: left;
    width: 100%;
}

.video-detail-info-header {
    width: 100%;
    padding-left: 38px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.video-detail-info-header .video-detail-name {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    line-height: 1.15;
    overflow: hidden;
}

.video-detail-info-header .video-detail-name a {
    color: #555;
}

.video-detail-info-header .video-detail-set-area {
    float: right;
}

.video-detail-info-header .video-detail-set-area > div {
    display: inline;
}

.video-detail-info-header .video-detail-set-area > *:not(:first-child) {
    margin-left: 15px;
}

.video-detail-info-header .video-detail-set-area .video-detail-click-count-value {
    margin-left: 5px;
    margin-right: 3px;
    font-style: normal;
}

.video-detail-info .form-group {
    margin-bottom: 1.551rem;
}

.video-detail-info .form-group:last-child {
    margin-bottom: 0px;
}

.video-detail-info-footer .form-group:last-child {
    margin-bottom: 1.35rem;
}

.video-detail-info .help-block {
    margin-bottom: 0px;
    font-style: italic;
}

.video-detail-info .control-label {
    margin-top: 5px;
    padding-top: 0px;
}

.video-detail-info .video-detail-desc {
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.9;
}

.video-detail-info .video-detail-desc p {
    margin-bottom: 0.5em;
}

.video-detail-info span p:last-child {
    margin-bottom: 0px;
}

.video-detail-info .video-detail-handle-area {
    float: right;
}

.video-detail-info .video-detail-handle-area > * {
    display: inline;
    cursor: pointer;
}

.video-detail-info .video-detail-handle-area > *:not(:first-child) {
    margin-left: 20px;
}

.video-detail-info .video-detail-like > div {
    display: inline;
}

.video-detail-info .video-detail-like .video-detail-like-btn {
    padding-right: 2px;
}

.video-detail-info .video-detail-user-head-photo {
    width: 1.6em;
    margin-right: 3px;
    border-radius: 50%;
}

.video-detail-info-footer .video-detail-album-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 767px) {
    .area-set-left {
        width: 100%;
    }

    .area-set-right {
        width: 100%;
        margin-bottom: 1.35rem;
        margin-top: 1.35rem;
    }

    .video-detail-info-header, .photo-detail-info-header {
        padding-left: 0px;
    }

    .video-detail-info-header .video-detail-set-area, .photo-detail-info-header .photo-detail-set-area {
        float: left;
        margin-top: 10px;
    }

    .photo-detail-info, .video-detail-info {
        font-size: 13px;
    }

    .video-detail-info-header .video-detail-name, .photo-detail-info-header .photo-detail-name{
        white-space: unset;
    }

}

@media (min-width: 768px) {
    .photo-detail-info, .video-detail-info {
        font-size: 14px;
    }
}

@media (min-width: 1750px) {
    .photo-detail-info, .video-detail-info {
        font-size: 16px;
    }
}

#userProfileModal span {
    text-align: left
}

#userProfileModal span.control-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#userProfileModal select {
    padding-bottom: 0.2em;
    padding-top: 0.3em;
}

#modifyArticleModal .radio-inline label {
    font-weight: normal;
    cursor: pointer;
}

#modal_push_message .push_content {
    height: 140px;
}