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


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






@font-face {
    font-family: 'pmi-font';
    src: url('../assets/fonts/pmi-font/pmi-font.eot?h3v2c5');
    src: url('../assets/fonts/pmi-font/pmi-font.eot?h3v2c5#iefix') format('embedded-opentype'), url('../assets/fonts/pmi-font/pmi-font.ttf?v0rjjf') format('truetype'), url('../assets/fonts/pmi-font/pmi-font.woff?v0rjjf') format('woff'), url('../assets/fonts/pmi-font/pmi-font.svg?v0rjjf#pmi-font') format('svg');
    font-display: block;
    font-style: normal;
    font-weight: normal;
}


body {
    font-family: "Microsoft Yahei", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #575757;
    background-color: #fff
}


a {
    color: #4f17a7;
    text-decoration: none
}

a:hover,
a:focus {
    color: #2b008c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}


.img-rounded {
    border-radius: 5px
}

hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #b2bfc8
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
   font-weight: normal;
    line-height: 1;
    color: #575757;
    font-family: "Microsoft Yahei";
    text-shadow: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 22px;
    margin-bottom: 11px
}


h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 44px
}

h2,
.h2 {
    font-size: 26px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 22px
}

h5,
.h5 {
    font-size: 20px
}

h6,
.h6 {
    font-size: 12px
}


table tr td p {
    margin: 0;
}

.lead {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 24px
    }
}

small,
.small {
    font-size: 93%
}


.text-muted {
    color: #688093
}

.text-primary {
    color: #4f17a7
}

a.text-primary:hover {

    color: #3a117a
}

.bg-primary {
    color: #fff;
    background-color: #4f17a7
}

a.bg-primary:hover {

    background-color: #3a117a
}


.page-header {
    padding-bottom: 10px;
    margin: 44px 0 22px;
    border-bottom: 1px solid #b2bfc8
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 11px
}


dl {
    margin-top: 0;
    margin-bottom: 22px
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #688093
}






blockquote {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 20px;
    border-left: 5px solid #b2bfc8
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #688093
}



.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #b2bfc8;
    border-left: 0;
    text-align: right
}










address {
    margin-bottom: 22px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

pre {
    display: block;
    padding: 10.5px;
    margin: 0 0 11px;
    font-size: 15px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333f48;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .container {
        width: 723.625px
    }
}

@media (min-width:992px) {
    .container {
        width: 943.625px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1143.625px
    }
}


table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #688093;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px
}

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

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

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

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

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 16.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: inherit;
    color: #333f48;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

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

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

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

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

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

output {
    display: block;
    padding-top: 11px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #212121
}


input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 44px
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 34px
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 49px
    }
}



.radio label,
.checkbox label {
    min-height: 22px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

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

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



.form-control-static {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
    min-height: 38px
}


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

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



.form-group-sm .form-control {
    height: 34px;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 34px;
    line-height: 34px
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 34px;

    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    min-height: 37px
}

.input-lg {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 5px
}

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

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 5px
}

select.form-group-lg .form-control {
    height: 49px;
    line-height: 49px
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 49px;

    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    min-height: 42px
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 55px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {


    width: 49px;
    height: 49px;
    line-height: 49px
}

.input-sm+.form-control-feedback {
    width: 34px;
    height: 34px;


    line-height: 34px
}


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

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

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }

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

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 11px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 33px
}

.form-horizontal .form-group {
    margin-left: -1.8125%;
    margin-right: -1.8125%
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 11px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 1.8125%
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

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

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #0065bd;
    text-decoration: none
}

.btn:active,
.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)
}

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

.btn-default {
    color: #0065bd;
    background-color: #fff;
    border-color: #0065bd
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,

















.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #0065bd;
    background-color: #e6e6e6;
    border-color: #004480
}

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

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

.btn-default .badge {
    color: #fff;
    background-color: #0065bd
}

.btn-primary {
    color: #fff;
    background-color: #4f17a7;
    border-color: #49159a
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,















.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;

















    background-color: #3a117a;
    border-color: #2f0e64
}

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

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #4f17a7;
    border-color: #49159a
}

.btn-primary .badge {
    color: #4f17a7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #00843d;
    border-color: #006b31
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;

    background-color: #005125;
    border-color: #002d15
}

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

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #00843d;
    border-color: #006b31
}

.btn-success .badge {
    color: #00843d;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #007377;
    border-color: #005a5e
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,















.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;

















    background-color: #004244;
    border-color: #001f20
}

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

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

.btn-info .badge {
    color: #007377;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #de7c00;
    border-color: #c56e00
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,




















.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;

















    background-color: #ab6000;
    border-color: #874c00
}

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

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

.btn-warning .badge {
    color: #de7c00;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d22630;
    border-color: #bc222b
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,















.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #a71e26;
    border-color: #89191f
}

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

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

.btn-danger .badge {
    color: #d22630;
    background-color: #fff
}

.btn-link {
    color: #4f17a7;
    font-weight: normal;
    border-radius: 0
}

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

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

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

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

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 5px
}

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

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

.btn-block {
    display: block;
    width: 100%
}

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;

    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333f48;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #283239;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #4f17a7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #688093
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #688093;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;

    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

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

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

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

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

.btn-toolbar {
    margin-left: -5px
}


.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

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

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

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

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

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

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

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

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {



    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

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

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

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

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

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

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 5px
}

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

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

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

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

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

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

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

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

.input-group-addon {
    padding: 10px 12px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #212121;
    text-align: center;
    background-color: #b2bfc8;
    border: 1px solid #ababab;
    border-radius: 4px
}

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

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 5px
}

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

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

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

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

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

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

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

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

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

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

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {

    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #dff3fb
}

.nav>li.disabled>a {
    color: #688093
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #688093;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #dff3fb;
    border-color: #4f17a7
}

.nav .nav-divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

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

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

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #dff3fb #dff3fb #b2bfc8
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #536675;
    background-color: #fff;
    border: 1px solid #b2bfc8;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

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

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #4f17a7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

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

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 22px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 1%;
    padding-left: 1%;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -1%;
    margin-left: -1%
}

@media (min-width:768px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 14px 1%;
    font-size: 20px;
    line-height: 22px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -1%
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 1%;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7px -1%
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 22px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 14px;
        padding-bottom: 14px
    }
}

.navbar-form {
    margin-left: -1%;
    margin-right: -1%;
    padding: 10px 1%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 3px;
    margin-bottom: 3px
}

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

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 3px;
    margin-bottom: 3px
}

.navbar-btn.btn-sm {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 14px;
    margin-bottom: 14px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 1%;
        margin-right: 1%
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -1%
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .navbar-left {
        height: 100% !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .navbar-left.chev-left {
        background-color: #f1f1f1
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #94a6b3
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #94a6b3
}

.navbar-inverse .navbar-nav>li>a {
    color: #94a6b3
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #94a6b3
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #94a6b3
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #94a6b3
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 22px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "»\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #688093
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 22px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 10px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #4f17a7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {

    color: #2b008c;
    background-color: #b2bfc8;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #4f17a7;
    border-color: #4f17a7;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #688093;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 20px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 15px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 22px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #b2bfc8
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #688093;
    background-color: #fff;
    cursor: not-allowed
}

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

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #688093
}

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

.label-primary {
    background-color: #4f17a7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3a117a
}

.label-success {
    background-color: #00843d
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #005125
}

.label-info {
    background-color: #007377
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #004244
}

.label-warning {
    background-color: #de7c00
}

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

.label-danger {
    background-color: #d22630
}

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #688093;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #4f17a7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;

    margin-bottom: 30px;
    color: inherit;
    background-color: #b2bfc8
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #94a6b3
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 5px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 72px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 22px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #4f17a7
}

.thumbnail .caption {
    padding: 9px;
    color: #575757
}

.alert {
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 22px;
    margin-bottom: 22px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    background-color: #4f17a7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #00843d
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #007377
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #de7c00
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d22630
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {

    color: #555
}

a.list-group-item .list-group-item-heading {

    color: #333
}

a.list-group-item:hover,


a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #b2bfc8;
    color: #688093;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #688093
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #4f17a7;
    border-color: #4f17a7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #bb99f1
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {

    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {

    color: inherit
}

a.list-group-item-success:hover,


a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,

a.list-group-item-success.active:hover,


a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {

    color: #31708f
}

a.list-group-item-info .list-group-item-heading {

    color: inherit
}

a.list-group-item-info:hover,


a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,

a.list-group-item-info.active:hover,


a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {

    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {

    color: inherit
}

a.list-group-item-warning:hover,


a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,

a.list-group-item-warning.active:hover,


a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {

    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {

    color: inherit
}

a.list-group-item-danger:hover,


a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,

a.list-group-item-danger.active:hover,


a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}





.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 5px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

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

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

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -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: 0
}

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

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

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

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

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

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

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

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

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

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

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

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

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;


    line-height: 1.4;












    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;


    line-height: 1.42857143;
    text-align: left;









    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 12px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 4px 4px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}



.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,


.modal-footer:before,
.modal-footer:after,
.wide-row-container>div.row .wide-row-content:before,
.wide-row-container>div.row .wide-row-content:after,
.wide-row-container>div.row .wide-row-content .wide-row:before,
.wide-row-container>div.row .wide-row-content .wide-row:after {
    content: " ";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.wide-row-container>div.row .wide-row-content:after,
.wide-row-container>div.row .wide-row-content .wide-row:after {
    clear: both
}

.gray {
    color: #536675
}

.gray-dark {
    color: #333f48
}

.gray-light {
    color: #688093
}

.gray-lighter {
    color: #b2bfc8
}

.gray-darker {
    color: #262f36
}

.gray {
    color: #536675
}

.blue {
    color: #0065bd
}

.blue-dark {
    color: #003b5c
}

.blue-light {
    color: #00a3e0
}

.blue-lighter {
    color: #41b6e6
}

.bkg-blue {
    background-color: #41b6e6
}

.bkg-gray {
    background-color: #b2bfc8
}

.bkg-gray-dark {
    background-color: #536675
}

.red-dark {
    color: #7c2529
}

.red {
    color: #af272f
}

.red-light {
    color: #d22630
}

.red-lighter {
    color: #af272f
}

.orange-dark {
    color: #cf4520
}

.orange {
    color: #de7c00
}

.orange-light {
    color: #f2a900
}

.orange-lighter {
    color: #f3d03e
}

.teal-dark {
    color: #007377
}

.teal {
    color: #008c95
}

.teal-light {
    color: #009ca6
}

.teal-lighter {
    color: #2dccd3
}

.purple-dark {
    color: #582c83
}

.purple {
    color: #753bbd
}

.purple-light {
    color: #9063cd
}

.purple-lighter {
    color: #c1a7e2
}

.green-dark {
    color: #046a38
}

.green {
    color: #00843d
}

.green-light {
    color: #009a44
}

.green-lighter {
    color: #71cc98
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-content {
    padding-bottom: 0px !important
}

.container-fluid {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 4%
}

@media (min-width:768px) and (max-width:991px) {
    .container-fluid {
        padding: 0 2.5%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .container-fluid {
        padding: 0 5%
    }
}

@media (min-width:1200px) {
    .container-fluid {
        padding: 0 7%
    }
}

.container-semi-fluid {
    padding: 0px 15px;
    max-width: 1460px;
    margin: 0 auto;
    position: relative
}

.col-fixed {
    width: 100px;
    position: absolute
}

@media (min-width:768px) {
    .col-fixed-offset {
        padding-left: 120px;
        min-height: 100px
    }
}

.row-fix {
    margin: 0 -15px !important
}

.large {
    font-size: 20px
}

/*
@font-face {
    font-family: 'Agrandir-Regular-Italic';
    src: url('../assets/fonts/Agrandir/Agrandir-Italic.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-Italic.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-Italic.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Agrandir-Medium-Italic';
    src: url('../assets/fonts/Agrandir/Agrandir-MediumItalic.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-MediumItalic.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Agrandir-Light-Italic';
    src: url('../assets/fonts/Agrandir/Agrandir-LightItalic.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-LightItalic.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-LightItalic.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Agrandir-Medium';
    src: url('../assets/fonts/Agrandir/Agrandir-Medium.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-Medium.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-Medium.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Agrandir-Regular';
    src: url('../assets/fonts/Agrandir/Agrandir-Regular.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-Regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-Regular.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Agrandir-Bold';
    src: url('../assets/fonts/Agrandir/Agrandir-Bold.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-Bold.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-Bold.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Agrandir-Light';
    src: url('../assets/fonts/Agrandir/Agrandir-Light.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-Light.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-Light.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Agrandir-Bold-Italic';
    src: url('../assets/fonts/Agrandir/Agrandir-BoldItalic.eot');
    src: url('../assets/fonts/Agrandir/Agrandir-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Agrandir/Agrandir-BoldItalic.woff2') format('woff2'), url('../assets/fonts/Agrandir/Agrandir-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: 'GT-Pressura-Mono-Regular';
    src: url('../assets/fonts/GT-Pressura-Mono-Regular/GT-Pressura-Mono-Regular.eot');
    src: url('../assets/fonts/GT-Pressura-Mono-Regular/GT-Pressura-Mono-Regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/GT-Pressura-Mono-Regular/GT-Pressura-Mono-Regular.woff2') format('woff2'), url('../assets/fonts/GT-Pressura-Mono-Regular/GT-Pressura-Mono-Regular.woff') format('woff'), url('../assets/fonts/GT-Pressura-Mono-Regular/GT-Pressura-Mono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GT-Pressura-Mono-Bold';
    src: url('../assets/fonts/GT-Pressura-Mono-Bold/GT-Pressura-Mono-Bold.eot');
    src: url('../assets/fonts/GT-Pressura-Mono-Bold/GT-Pressura-Mono-Bold.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/GT-Pressura-Mono-Bold/GT-Pressura-Mono-Bold.woff2') format('woff2'), url('../assets/fonts/GT-Pressura-Mono-Bold/GT-Pressura-Mono-Bold.woff') format('woff'), url('../assets/fonts/GT-Pressura-Mono-Bold/GT-Pressura-Mono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal
}*/

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0
}

h1,
.h1 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.12em;
    margin-bottom: .8em;
    font-size: 18px;
    padding-top: 10px
}

/*@media (min-width:768px) {

    h1,
    .h1 {
        padding-top: 20px
    }
}

@media (min-width:1200px) {

    h1,
    .h1 {
        padding-top: 24px
    }
}*/

@media (min-width:768px) and (max-width:991px) {

    h1,
    .h1 {
        font-size: 16px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    h1,
    .h1 {
        font-size: 16px
    }
}

@media (min-width:1200px) {

    h1,
    .h1 {
        font-size: 32px
    }
}

h2,
.h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 20px;
    font-weight: bold;
}


h3,
.h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px
}

@media (min-width:768px) and (max-width:991px) {

    h3,
    .h3 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    h3,
    .h3 {
        font-size: 27px
    }
}

@media (min-width:1200px) {

    h3,
    .h3 {
        font-size: 27px
    }
}

h4,
.h4 {
    font-family: 'Microsoft Yahei UI Light', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 14px;
    font-weight: bold;
}



h5,
.h5 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold
}

@media (min-width:768px) and (max-width:991px) {

    h5,
    .h5 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    h5,
    .h5 {
        font-size: 22px
    }
}

@media (min-width:1200px) {

    h5,
    .h5 {
        font-size: 22px
    }
}

h6,
.h6 {
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase
}

@media (min-width:992px) {

    h6,
    .h6 {
        font-size: 14px
    }
}

p,
ul,
ol,
.body {
    font-size: 16px
}

p a,
ul a,
ol a,
.body a {
    text-decoration: none
}

p a:hover,
ul a:hover,
ol a:hover,
.body a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {

    p,
    ul,
    ol,
    .body {
        font-size: 14px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    p,
    ul,
    ol,
    .body {
        font-size: 14px
    }
}

@media (min-width:1200px) {

    p,
    ul,
    ol,
    .body {
        font-size: 14px;
    }
}

.body-small {
    font-size: 15px
}

.body-small a {
    text-decoration: none
}

.body-small a:not(.btn) {
    text-decoration: none
}

.body-small a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .body-small {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .body-small {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .body-small {
        font-size: 16px
    }
}

.body-large {
    font-size: 20px
}

.body-large a {
    text-decoration: none
}

.body-large a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .body-large {
        font-size: 16px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .body-large {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .body-large {
        font-size: 20px
    }
}

em,
.em {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic
}

strong,
.strong {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

html {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    width: 100%;
    height: 100%;
    min-width: 320px;
    font-size: 16px;
    background-color: #fff;
    overflow-x: hidden
}

.container-expand {
    padding-top: 8%;
    padding-bottom: 4%
}

@media screen and (min-width:992px) {
    .container-expand {
        padding-top: 6%;
        padding-bottom: 4%
    }
}

@media screen and (min-width:1200px) {
    .container-expand {
        padding-top: 2%;
        padding-bottom: 0
    }
}

.btn {
    background-image: none;
   
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    letter-spacing: .8px;
    max-width: 100%;
    font-size: 15px
}

.btn:focus {
    outline: none
}

.btn .icon {
    margin-top: -2px;
    margin-left: 2px
}

.btn-default {
    background-color: #fff;
    border-color: #0065bd;
    border: 1px solid #0065bd;
    color: #0065bd
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #0065bd;
    background-color: #e6e6e6;
    border-color: #004480
}

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

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

.btn-default .badge {
    color: #fff;
    background-color: #0065bd
}

.btn-blue-dark {
    color: #fff;
    background-color: #4f17a7
}

.btn-blue-dark:hover,
.btn-blue-dark:focus {
    color: #fff;
    background-color: #2b008c;
    border-color: #2b008c
}

.btn-blue-dark:active,
.btn-blue-dark:hover:active,
.btn-blue-dark:focus:active {
    color: #fff;
    background-color: #8a66c4;
    border-color: #8a66c4
}

.btn-red-dark {
    color: #fff;
    background-color: #7c2529;
    border-color: #681f23
}

.btn-red-dark:hover,
.btn-red-dark:focus,
.btn-red-dark.focus,
.btn-red-dark:active,
.btn-red-dark.active,
.open>.dropdown-toggle.btn-red-dark {
    color: #fff;
    background-color: #55191c;
    border-color: #391113
}

.btn-red-dark:active,
.btn-red-dark.active,
.open>.dropdown-toggle.btn-red-dark {
    background-image: none
}

.btn-red-dark.disabled,
.btn-red-dark[disabled],
fieldset[disabled] .btn-red-dark,
.btn-red-dark.disabled:hover,
.btn-red-dark[disabled]:hover,
fieldset[disabled] .btn-red-dark:hover,
.btn-red-dark.disabled:focus,
.btn-red-dark[disabled]:focus,
fieldset[disabled] .btn-red-dark:focus,
.btn-red-dark.disabled.focus,
.btn-red-dark[disabled].focus,
fieldset[disabled] .btn-red-dark.focus,
.btn-red-dark.disabled:active,
.btn-red-dark[disabled]:active,
fieldset[disabled] .btn-red-dark:active,
.btn-red-dark.disabled.active,
.btn-red-dark[disabled].active,
fieldset[disabled] .btn-red-dark.active {
    background-color: #7c2529;
    border-color: #681f23
}

.btn-red-dark .badge {
    color: #7c2529;
    background-color: #fff
}

.btn-red-dark i,
.btn-red-dark svg {
    color: #d22630
}

.btn-primary,
.btn {
    white-space: normal
}

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

.btn-two-states {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .btn-two-states {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .btn-two-states {
        margin-bottom: 24px
    }
}

.btn-two-states .btn-icon,
.btn-two-states i,
.btn-two-states svg {
    font-size: 14px;
    margin-top: 2px;
    margin-right: 8px;
    transition: All 0.250s ease;
    -moz-transition: All 0.250s ease;
    transform: rotate(0deg)
}

.btn-two-states .btn-second-state {
    display: none
}

.btn-two-states[aria-expanded="true"] {
    background-color: #2b008c
}

.btn-two-states[aria-expanded="true"] i,
.btn-two-states[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.btn-two-states[aria-expanded="true"] .btn-first-state {
    display: none
}

.btn-two-states[aria-expanded="true"] .btn-second-state {
    display: inline-block
}

.btn-two-states[aria-expanded="true"]:active,
.btn-two-states[aria-expanded="true"]:focus {
    background-color: #2b008c
}

.btn-input-group-child {
    min-width: 40px
}

/*.local-link i,
.local-link svg.icon {
    display: none
}*/

.st0 {
    fill: inherit !important
}

.btn-purple {
    background-color: #582c83 !important;
    color: #fff !important;
    border: 1px solid #582c83 !important
}

.btn-purple:hover {
    background-color: #49246c !important;
    color: #fff !important;
    border: 1px solid #49246c !important
}

.btn-purple-outline {
    background-color: transparent !important;
    color: #582c83 !important;
    border: 1px solid #582c83 !important
}

.btn-purple-outline:hover {
    background-color: rgba(88, 44, 131, 0.15) !important;
    color: #49246c !important;
    border: 1px solid #49246c !important
}

.btn-purple-transparent {
    background-color: transparent !important;
    color: #582c83 !important;
    border: 1px solid transparent !important
}

.btn-purple-transparent:hover {
    background-color: transparent !important;
    color: #49246c !important;
    border: 1px solid transparent !important
}

.btn-light-blue {
    background-color: #00a3e0 !important;
    color: #fff !important;
    border: 1px solid #00a3e0 !important
}

.btn-light-blue:hover {
    background-color: #008dc1 !important;
    color: #fff !important;
    border: 1px solid #008dc1 !important
}

.btn-light-blue-outline {
    background-color: transparent !important;
    color: #00a3e0 !important;
    border: 1px solid #00a3e0 !important
}

.btn-light-blue-outline:hover {
    background-color: rgba(0, 163, 224, 0.15) !important;
    color: #008dc1 !important;
    border: 1px solid #008dc1 !important
}

.btn-light-blue-transparent {
    background-color: transparent !important;
    color: #00a3e0 !important;
    border: 1px solid transparent !important
}

.btn-light-blue-transparent:hover {
    background-color: transparent !important;
    color: #008dc1 !important;
    border: 1px solid transparent !important
}

.btn-dark-blue {
    background-color: #003b5c !important;
    color: #fff !important;
    border: 1px solid #003b5c !important
}

.btn-dark-blue:hover {
    background-color: #00273d !important;
    color: #fff !important;
    border: 1px solid #00273d !important
}

.btn-dark-blue-outline {
    background-color: transparent !important;
    color: #003b5c !important;
    border: 1px solid #003b5c !important
}

.btn-dark-blue-outline:hover {
    background-color: rgba(0, 59, 92, 0.15) !important;
    color: #00273d !important;
    border: 1px solid #00273d !important
}

.btn-dark-blue-transparent {
    background-color: transparent !important;
    color: #003b5c !important;
    border: 1px solid transparent !important
}

.btn-dark-blue-transparent:hover {
    background-color: transparent !important;
    color: #00273d !important;
    border: 1px solid transparent !important
}

.btn-green {
    background-color: #00843d !important;
    color: #fff !important;
    border: 1px solid #00843d !important
}

.btn-green:hover {
    background-color: #00652f !important;
    color: #fff !important;
    border: 1px solid #00652f !important
}

.btn-green-outline {
    background-color: transparent !important;
    color: #00843d !important;
    border: 1px solid #00843d !important
}

.btn-green-outline:hover {
    background-color: rgba(0, 132, 61, 0.15) !important;
    color: #00652f !important;
    border: 1px solid #00652f !important
}

.btn-green-transparent {
    background-color: transparent !important;
    color: #00843d !important;
    border: 1px solid transparent !important
}

.btn-green-transparent:hover {
    background-color: transparent !important;
    color: #00652f !important;
    border: 1px solid transparent !important
}

.btn-red {
    background-color: #d22630 !important;
    color: #fff !important;
    border: 1px solid #d22630 !important
}

.btn-red:hover {
    background-color: #b8212a !important;
    color: #fff !important;
    border: 1px solid #b8212a !important
}

.btn-red-outline {
    background-color: transparent !important;
    color: #d22630 !important;
    border: 1px solid #d22630 !important
}

.btn-red-outline:hover {
    background-color: rgba(210, 38, 48, 0.15) !important;
    color: #b8212a !important;
    border: 1px solid #b8212a !important
}

.btn-red-transparent {
    background-color: transparent !important;
    color: #d22630 !important;
    border: 1px solid transparent !important
}

.btn-red-transparent:hover {
    background-color: transparent !important;
    color: #b8212a !important;
    border: 1px solid transparent !important
}

.btn-orange {
    background-color: #f2a900 !important;
    color: #fff !important;
    border: 1px solid #f2a900 !important
}

.btn-orange:hover {
    background-color: #d39400 !important;
    color: #fff !important;
    border: 1px solid #d39400 !important
}

.btn-orange-outline {
    background-color: transparent !important;
    color: #f2a900 !important;
    border: 1px solid #f2a900 !important
}

.btn-orange-outline:hover {
    background-color: rgba(242, 169, 0, 0.15) !important;
    color: #d39400 !important;
    border: 1px solid #d39400 !important
}

.btn-orange-transparent {
    background-color: transparent !important;
    color: #f2a900 !important;
    border: 1px solid transparent !important
}

.btn-orange-transparent:hover {
    background-color: transparent !important;
    color: #d39400 !important;
    border: 1px solid transparent !important
}

.btn-transparent {
    background-color: transparent !important;
    color: #0065bd !important;
    border: 1px solid transparent !important
}

.btn-transparent:hover {
    background-color: transparent !important;
    color: #003b5c !important;
    border: 1px solid transparent !important
}

.btn-outline {
    background-color: transparent !important;
    color: #0065bd !important;
    border: 1px solid #0065bd !important
}

.btn-outline:hover {
    background-color: rgba(0, 101, 189, 0.15) !important;
    color: #003b5c !important;
    border: 1px solid #003b5c !important
}

[class*="btn-"] {
    transition: 0.3s ease;
    white-space: normal
}

.modal-dialog .modal-header {
    border: none
}

.modal-dialog .modal-content {
    border: none;
    border-radius: 0
}

.modal-dialog .modal-content .panel {
    margin-bottom: 0
}

.modal-dialog .modal-footer {
    border: none;
    text-align: left
}

.modal-dialog .modal-footer p {
    font-size: 93%;
    float: left
}

.modal-dialog .modal-footer button {
    float: right
}

.modal-backdrop {
    background-color: #0065bd
}

.modal-language {
    top: 180px
}

.modal-language .caret {
    color: #0065bd;
    border-top: 4px solid #0065bd
}

.modal-language .modal-dialog {
    background-color: #fff;
    border: 1px solid #b2bfc8;
    color: #536675
}

.modal-language .modal-dialog select {
    width: 100%;
    height: 40px;
    margin-bottom: 40px
}

.modal-language .modal-dialog .form-control {
    border: 1px solid #0065bd;
    border-radius: 0;
    background-color: #fff
}

.modal-language .modal-dialog .modal-footer {
    position: relative;
    z-index: 999;
    margin-top: -68px
}

.modal-language .modal-dialog .modal-footer p {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .modal-language .modal-dialog .modal-footer p {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .modal-language .modal-dialog .modal-footer p {
        margin-bottom: 24px
    }
}

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius: 0
}

.panel .panel-heading {
    border-radius: 0;
    margin: 0
}

.panel .panel-heading h2,
.panel .panel-heading .h2 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .panel .panel-heading h2,
    .panel .panel-heading .h2 {
        font-size: 29.25px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .panel .panel-heading h2,
    .panel .panel-heading .h2 {
        font-size: 32.5px
    }
}

@media screen and (min-width:1200px) {

    .panel .panel-heading h2,
    .panel .panel-heading .h2 {
        font-size: 35.75px
    }
}

.panel .panel-heading h3,
.panel .panel-heading .h3 {
    line-height: 120%
}

@media screen and (min-width:768px) and (max-width:991px) {

    .panel .panel-heading h3,
    .panel .panel-heading .h3 {
        font-size: 25.2px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .panel .panel-heading h3,
    .panel .panel-heading .h3 {
        font-size: 26.4px
    }
}

@media screen and (min-width:1200px) {

    .panel .panel-heading h3,
    .panel .panel-heading .h3 {
        font-size: 27.6px
    }
}

.panel .panel-heading h4,
.panel .panel-heading .h4 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%
}

@media screen and (min-width:768px) and (max-width:991px) {

    .panel .panel-heading h4,
    .panel .panel-heading .h4 {
        font-size: 23.1px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .panel .panel-heading h4,
    .panel .panel-heading .h4 {
        font-size: 24.2px
    }
}

@media screen and (min-width:1200px) {

    .panel .panel-heading h4,
    .panel .panel-heading .h4 {
        font-size: 25.3px
    }
}

.panel .panel-body {
    border-radius: 0
}

.panel .panel-footer {
    background-color: #b2bfc8
}

.panel .btn {
    min-width: 120px;
    margin: 15px 15px 15px 0
}

.panel-default .panel-heading {
    background-color: transparent;
    border: none;
    color: #536675;
    border-color: #0065bd
}

.panel-info {
    border: 1px solid #0065bd
}

.panel-info .panel-heading {
    background-color: #FFFD38;
    color: #000000
}

.panel-resource {
    border: none;
    border-radius: 0
}

.panel-resource .panel-heading {
    background-color: #7c2529;
    color: #fff;
    border-color: transparent
}

.panel-resource .panel-heading .panel-title {
    margin-bottom: 12px
}

.panel-resource .panel-body {
    background-color: #e4e9ec
}

.panel-resource .panel-body img {
    width: 33%;
    float: left;
    margin: 5px 15px 7px 0
}

.panel-media {
    background-color: #e4e9ec;
    display: inline-block
}

.panel-media h5 {
    color: #688093;
    text-transform: uppercase
}

.panel-media .panel-image {
    padding: 0
}

.panel-ad {
    border: none;
    text-align: center;
    margin-top: 10px
}

@media (min-width:768px) {
    .panel-ad {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .panel-ad {
        margin-top: 24px
    }
}

.panel-ad i,
.panel-ad svg.icon {
    display: none
}

.panel-ad .panel-heading {
    border: none;
    padding: 0 !important;
    color: #575757;
    text-transform: uppercase;
    background-color: transparent
}

.panel-ad .panel-heading p {
    font-size: 93%
}

.panel-ad .panel-body {
    padding: 0 !important
}

.panel-ad .panel-body img {
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.panel-ad .note {
    font-size: 93%;
    margin-top: 5px;
    margin: 15px auto 0 auto
}

@media (min-width:768px) {
    .panel-ad .note {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .panel-ad .note {
        margin-top: 12px
    }
}

.panel-ad div[id^="adsatlas"] {
    width: 100% !important
}

.ad-disabled,
.missing-data {
    margin-bottom: 10px;
    padding: 15px;
    padding-top: 25px
}

@media (min-width:768px) {

    .ad-disabled,
    .missing-data {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .ad-disabled,
    .missing-data {
        margin-bottom: 24px
    }
}

.panel-danger {
    border: 1px solid #d22630
}

.panel-danger .panel-heading {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    background-color: #d22630
}

.panel-danger .panel-heading small,
.panel-danger .panel-heading .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.panel-danger .panel-heading small,
.panel-danger .panel-heading .small {
    font-size: 75%
}

@media (min-width:992px) {
    .panel-danger .panel-heading {
        font-size: 14px
    }
}

.panel-danger ul {
    font-size: 15px;
    padding: 5px 12px 1px 12px;
    margin-left: 0
}

.panel-danger ul a {
    text-decoration: none
}

.panel-danger ul a:not(.btn) {
    text-decoration: none
}

.panel-danger ul a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .panel-danger ul {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .panel-danger ul {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .panel-danger ul {
        font-size: 16px
    }
}

.panel-danger ul li {
    margin-left: 18px;
    list-style: none;
    margin-bottom: 3.5px
}

@media (min-width:768px) {
    .panel-danger ul li {
        margin-bottom: 7px
    }
}

@media (min-width:1200px) {
    .panel-danger ul li {
        margin-bottom: 8.4px
    }
}

.panel-danger ul li:before {
    content: '';
    background-color: #d22630;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-clip: padding-box;
    margin-right: 9px;
    margin-left: -15px;
    top: -3px
}

.alert-danger {
    background-color: #fff;
    border-color: #d22630;
    text-align: center;
    font-size: 15px
}

.alert-danger a {
    text-decoration: none
}

.alert-danger a:not(.btn) {
    text-decoration: none
}

.alert-danger a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .alert-danger {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .alert-danger {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .alert-danger {
        font-size: 16px
    }
}

@media screen and (min-width:992px) {
    .panel-call-out:nth-child(odd) {
        padding-right: 7%
    }
}

@media screen and (min-width:992px) {
    .panel-call-out:nth-child(even) {
        padding-left: 7%;
        border-left: 1px solid #b2bfc8;

    }
}

.panel-call-out .panel-heading {
    padding: 15px 0 0 0
}

.panel-call-out .panel-body,
.panel-call-out .panel-footer {
    padding: 15px 0
}

.panel-call-out .btn {
    min-width: 120px;
    margin: 15px 15px 15px 0
}

.panel-quote {
    border: none;
    text-align: center
}

.panel-quote img {
    margin: 10px auto;
    border-radius: 100%;
    width: 120px
}

.panel-quote h4 {
    color: #003b5c;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
    line-height: 130%
}

@media screen and (max-width:991px) {
    .panel-quote h4 {
        font-size: 17.328px
    }

}

@media screen and (min-width:992px) and (max-width:1199px) {
    .panel-quote h4 {
        font-size: 18.672px
    }
}

@media screen and (min-width:1200px) {
    .panel-quote h4 {
        font-size: 20px
    }
}

.panel-quote h5,
.panel-quote h6 {
    letter-spacing: 0;
    line-height: 1
}

@media screen and (max-width:991px) {

    .panel-quote h5,
    .panel-quote h6 {
        font-size: 14.4px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .panel-quote h5,
    .panel-quote h6 {
        font-size: 15.2px
    }
}

@media screen and (min-width:1200px) {

    .panel-quote h5,
    .panel-quote h6 {
        font-size: 16px
    }
}

.panel-quote h5 {
    color: #003b5c;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 18px
}

.panel-quote h6 {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-top: 0;
    text-transform: none
}

.panel-quote li {
    margin-top: 30px
}

blockquote {
    border-left: 1px solid #e4e9ec
}

.panel-minimal {
    border: none;
    color: #333f48
}

.panel-minimal em {
    color: #688093;
    display: block;
    margin-bottom: 4px
}

.panel-minimal h4 {
    border-bottom: 1px solid #b2bfc8;
    color: #536675;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 12px
}

.panel-minimal h5 {
    border-top: 1px solid #b2bfc8;
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-weight: bold;
    letter-spacing: .05em;
    margin-top: 24px;
    padding-top: 10px;
    text-transform: uppercase
}

@media screen and (min-width:992px) {
    .panel-minimal h5 {
        font-size: 13.6px
    }
}

.panel-minimal h5:first-child {
    margin-top: -10px;
    border-top: none
}

.panel-minimal h6,
.panel-minimal dt {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: inherit;
    font-weight: bold;
    letter-spacing: 0em;
    line-height: 125%;
    margin-top: 0;
    text-transform: none
}

@media screen and (min-width:768px) and (max-width:991px) {

    .panel-minimal h6,
    .panel-minimal dt {
        font-size: 16.245px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .panel-minimal h6,
    .panel-minimal dt {
        font-size: 17.505px
    }
}

@media screen and (min-width:1200px) {

    .panel-minimal h6,
    .panel-minimal dt {
        font-size: 18.75px
    }
}

.panel-minimal dd {
    margin-top: 4px;
    padding-left: 15px
}

.panel-minimal .fa {
    font-size: .75em;
    line-height: 1
}

.panel-minimal .panel-body {
    padding-top: 0
}

.panel-minimal .panel-heading {
    background-color: transparent
}

.panel-notification {
    background-color: #e4e9ec;
    border-radius: 0;
    border: none;
    color: #536675
}

.panel-notification dl {
    margin-bottom: 10px
}

.panel-notification dt {
    margin-top: 12px
}

.panel-notification dt:first-child {
    margin-top: 0
}

.panel-notification dd {
    line-height: 130%
}

.panel-notification h5 {
    margin-top: 0;
    font-size: 15px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .panel-notification h5 {
        font-size: 16.245px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .panel-notification h5 {
        font-size: 17.505px
    }
}

@media screen and (min-width:1200px) {
    .panel-notification h5 {
        font-size: 18.75px
    }
}

.panel-notification .btn {
    margin-bottom: 12px
}

.panel-notification .panel-heading {
    background-color: #00a3e0;
    border: none;
    color: #fff
}

[class*="block-col-"] {
    display: block;
    margin: -15px;
    padding: 0
}

[class*="block-col-"]:before,
[class*="block-col-"]:after {
    content: " ";
    display: table
}

[class*="block-col-"]:after {
    clear: both
}

[class*="block-col-"]:before,
[class*="block-col-"]:after {
    content: " ";
    display: table
}

[class*="block-col-"]:after {
    clear: both
}

.block-col-item {
    display: inline;
    margin: 0;
    padding: 15px;
    height: auto;
    float: left;
    list-style: none
}

@media screen and (min-width:768px) {
    .block-col-sm-12>.block-col-item {
        width: 8.33333333%
    }

    .block-col-sm-12>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-12>.block-col-item:nth-of-type(12n+1) {
        clear: both
    }

    .block-col-sm-11>.block-col-item {
        width: 9.09090909%
    }

    .block-col-sm-11>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-11>.block-col-item:nth-of-type(11n+1) {
        clear: both
    }

    .block-col-sm-10>.block-col-item {
        width: 10%
    }

    .block-col-sm-10>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-10>.block-col-item:nth-of-type(10n+1) {
        clear: both
    }

    .block-col-sm-9>.block-col-item {
        width: 11.11111111%
    }

    .block-col-sm-9>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-9>.block-col-item:nth-of-type(9n+1) {
        clear: both
    }

    .block-col-sm-8>.block-col-item {
        width: 12.5%
    }

    .block-col-sm-8>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-8>.block-col-item:nth-of-type(8n+1) {
        clear: both
    }

    .block-col-sm-7>.block-col-item {
        width: 14.28571429%
    }

    .block-col-sm-7>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-7>.block-col-item:nth-of-type(7n+1) {
        clear: both
    }

    .block-col-sm-6>.block-col-item {
        width: 16.66666667%
    }

    .block-col-sm-6>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-6>.block-col-item:nth-of-type(6n+1) {
        clear: both
    }

    .block-col-sm-5>.block-col-item {
        width: 20%
    }

    .block-col-sm-5>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-5>.block-col-item:nth-of-type(5n+1) {
        clear: both
    }

    .block-col-sm-4>.block-col-item {
        width: 25%
    }

    .block-col-sm-4>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-4>.block-col-item:nth-of-type(4n+1) {
        clear: both
    }

    .block-col-sm-3>.block-col-item {
        width: 33.33333333%
    }

    .block-col-sm-3>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-3>.block-col-item:nth-of-type(3n+1) {
        clear: both
    }

    .block-col-sm-2>.block-col-item {
        width: 50%
    }

    .block-col-sm-2>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-2>.block-col-item:nth-of-type(2n+1) {
        clear: both
    }

    .block-col-sm-1>.block-col-item {
        width: 100%
    }

    .block-col-sm-1>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-sm-1>.block-col-item:nth-of-type(1n+1) {
        clear: both
    }
}

@media screen and (min-width:992px) {
    .block-col-md-12>.block-col-item {
        width: 8.33333333%
    }

    .block-col-md-12>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-12>.block-col-item:nth-of-type(12n+1) {
        clear: both
    }

    .block-col-md-11>.block-col-item {
        width: 9.09090909%
    }

    .block-col-md-11>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-11>.block-col-item:nth-of-type(11n+1) {
        clear: both
    }

    .block-col-md-10>.block-col-item {
        width: 10%
    }

    .block-col-md-10>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-10>.block-col-item:nth-of-type(10n+1) {
        clear: both
    }

    .block-col-md-9>.block-col-item {
        width: 11.11111111%
    }

    .block-col-md-9>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-9>.block-col-item:nth-of-type(9n+1) {
        clear: both
    }

    .block-col-md-8>.block-col-item {
        width: 12.5%
    }

    .block-col-md-8>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-8>.block-col-item:nth-of-type(8n+1) {
        clear: both
    }

    .block-col-md-7>.block-col-item {
        width: 14.28571429%
    }

    .block-col-md-7>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-7>.block-col-item:nth-of-type(7n+1) {
        clear: both
    }

    .block-col-md-6>.block-col-item {
        width: 16.66666667%
    }

    .block-col-md-6>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-6>.block-col-item:nth-of-type(6n+1) {
        clear: both
    }

    .block-col-md-5>.block-col-item {
        width: 20%
    }

    .block-col-md-5>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-5>.block-col-item:nth-of-type(5n+1) {
        clear: both
    }

    .block-col-md-4>.block-col-item {
        width: 25%
    }

    .block-col-md-4>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-4>.block-col-item:nth-of-type(4n+1) {
        clear: both
    }

    .block-col-md-3>.block-col-item {
        width: 33.33333333%
    }

    .block-col-md-3>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-3>.block-col-item:nth-of-type(3n+1) {
        clear: both
    }

    .block-col-md-2>.block-col-item {
        width: 50%
    }

    .block-col-md-2>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-2>.block-col-item:nth-of-type(2n+1) {
        clear: both
    }

    .block-col-md-1>.block-col-item {
        width: 100%
    }

    .block-col-md-1>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-md-1>.block-col-item:nth-of-type(1n+1) {
        clear: both
    }
}

@media screen and (min-width:1200px) {
    .block-col-lg-12>.block-col-item {
        width: 8.33333333%
    }

    .block-col-lg-12>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-12>.block-col-item:nth-of-type(12n+1) {
        clear: both
    }

    .block-col-lg-11>.block-col-item {
        width: 9.09090909%
    }

    .block-col-lg-11>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-11>.block-col-item:nth-of-type(11n+1) {
        clear: both
    }

    .block-col-lg-10>.block-col-item {
        width: 10%
    }

    .block-col-lg-10>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-10>.block-col-item:nth-of-type(10n+1) {
        clear: both
    }

    .block-col-lg-9>.block-col-item {
        width: 11.11111111%
    }

    .block-col-lg-9>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-9>.block-col-item:nth-of-type(9n+1) {
        clear: both
    }

    .block-col-lg-8>.block-col-item {
        width: 12.5%
    }

    .block-col-lg-8>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-8>.block-col-item:nth-of-type(8n+1) {
        clear: both
    }

    .block-col-lg-7>.block-col-item {
        width: 14.28571429%
    }

    .block-col-lg-7>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-7>.block-col-item:nth-of-type(7n+1) {
        clear: both
    }

    .block-col-lg-6>.block-col-item {
        width: 16.66666667%
    }

    .block-col-lg-6>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-6>.block-col-item:nth-of-type(6n+1) {
        clear: both
    }

    .block-col-lg-5>.block-col-item {
        width: 20%
    }

    .block-col-lg-5>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-5>.block-col-item:nth-of-type(5n+1) {
        clear: both
    }

    .block-col-lg-4>.block-col-item {
        width: 25%
    }

    .block-col-lg-4>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-4>.block-col-item:nth-of-type(4n+1) {
        clear: both
    }

    .block-col-lg-3>.block-col-item {
        width: 33.33333333%
    }

    .block-col-lg-3>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-3>.block-col-item:nth-of-type(3n+1) {
        clear: both
    }

    .block-col-lg-2>.block-col-item {
        width: 50%
    }

    .block-col-lg-2>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-2>.block-col-item:nth-of-type(2n+1) {
        clear: both
    }

    .block-col-lg-1>.block-col-item {
        width: 100%
    }

    .block-col-lg-1>.block-col-item:nth-of-type(n) {
        clear: none
    }

    .block-col-lg-1>.block-col-item:nth-of-type(1n+1) {
        clear: both
    }
}

.breadcrumb {
    margin-bottom: -10px;
    z-index: 20;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0;
    background-color: #fff
}



.breadcrumb a {
    text-decoration: none
}

.breadcrumb a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumb {
        font-size: 16px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .breadcrumb {
        font-size: 12px
    }
}

@media (min-width:1200px) {
    .breadcrumb {
        font-size: 12px
    }
}

.breadcrumb>li {
    display: inline-block
}

@media screen and (min-width:768px) {
    .breadcrumb>li {
        display: inline-block
    }
}

.breadcrumb>li+li:before {
    content: "»\00a0";
    padding: 0 5px;
    color: #b2bfc8
}

.breadcrumb li:last-child a {
    color: #4f17a7 !important
}

.breadcrumb li:last-child a:hover {
    text-decoration: underline
}

.nobreadcrumb {
    padding-top: 10px
}

@media (min-width:768px) {
    .nobreadcrumb {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .nobreadcrumb {
        padding-top: 24px
    }
}

.jumbotron {
    color: #fff;
    overflow: hidden;
    border-radius: 0 !important;
    background-color: transparent;
    margin: 0;
    padding-top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block
}

@media screen and (min-width:992px) {
    .jumbotron {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex
    }
}

.jumbotron h2 {
    margin: 0 15px 15px 15px;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

@media screen and (min-width:992px) {
    .jumbotron h2 {
        margin: 0 0 0 0;
        padding-top: 0;
        padding-bottom: 15px
    }
}

@media screen and (max-width:991px) {
    .jumbotron h2 {
        margin-left: 0;
        margin-top: 15px
    }
}

.jumbotron .hero-image-container {
    background-size: cover;
    background-position: 80% top;
    background-repeat: no-repeat;
    padding: 0;
    min-height: 50px;
    padding-bottom: 50%
}

@media screen and (min-width:992px) {
    .jumbotron .hero-image-container {
        padding-bottom: 0;
        min-height: 320px;
        background-position: right 20%
    }
}

@media screen and (max-width:991px) {
    .jumbotron .hero-image-container {
        height: 550px
    }
}

.jumbotron .hero-text {
    background-color: rgba(79, 23, 168, 0.75);
    position: relative;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 45px;
    min-height: 320px
}

@media screen and (max-width:991px) {
    .jumbotron .hero-text {
        bottom: -350px;
        min-height: 200px
    }
}

@media screen and (max-width:767px) {
    .jumbotron .hero-text {
        bottom: -390px;
        min-height: 160px
    }
  
}

@media screen and (min-width:992px) {
    .jumbotron .hero-text {
        padding-bottom: 36px;
        padding-top: 20px
    }
}

.jumbotron .hero-text p {
    font-size: 16px;
    margin: 0 15px;
    padding-bottom: 15px
}

.jumbotron .hero-text p a {
    text-decoration: none
}

.jumbotron .hero-text p a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .jumbotron .hero-text p {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .jumbotron .hero-text p {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .jumbotron .hero-text p {
        font-size: 18px
    }
      .wide-row-container .hero-image{background-size: 1300px!important; }
}

@media screen and (max-width:991px) {
    .jumbotron .hero-text p {
        margin-left: 0
    }
}

@media screen and (min-width:992px) {
    .jumbotron .hero-text p {
        margin: 0
    }
}

@media screen and (max-width:767px) {
    .jumbotron .hero-text p {
        display: none
    }
       .wide-row-container .hero-image{background-size: contain!important; padding:2rem;}
   
}

.jumbotron .hero-text .bars {
    position: absolute;
    left: 0;
    top: -9px
}

@media screen and (min-width:992px) {
    .jumbotron .hero-text .bars {
        position: absolute;
        bottom: 0;
        left: 0;
        top: inherit;
        margin-bottom: 20px
    }
}

.jumbotron .bars {
    position: absolute;
    bottom: 0;
    left: 0;
    top: inherit
}

.rule {
    background-color: #e4e9ec;
    width: 100%;
    height: 1px
}

.left-nav li {
    font-family: "Microsoft YaHei UI Light", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding-bottom: 24px;
    line-height: 1.2;
    text-align: right;

}

.left-nav li a {
    transition-duration: 0.2s;
    color: #767676
}

.left-nav li a:hover {
    color: #0080a8;
    text-decoration: none
}

.left-nav li a:active {
    color: #03a5c9;
    text-decoration: none
}

.left-nav li a.dir {

    display: block;
    background-color: #fcfcfc;
    border-left: 2px solid #eee;
    padding: 6px 5px 7px 9px
}

.left-nav li .current,
.left-nav li .active {
    color: #fff;
    display: block;
    background-color: #4f17a8;
    border-left: 2px solid #59d4eb;
    padding: 6px 5px 7px 9px
}

.left-nav li .current:hover,
.left-nav li .active:hover {
    color: #0080a8;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .border-left {
        border-left: 1px solid #b2bfc8;

        padding-left: 30px
    }
}

@media screen and (min-width:1200px) {
    .border-left1 {
        border-left: 1px solid #b2bfc8;
        padding-left: 30px
    }
}


.error-page {
    margin-bottom: 25px;
    text-align: center
}

@media (min-width:768px) {
    .error-page {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .error-page {
        margin-bottom: 60px
    }
}

.error-page img {
    width: 130px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    .error-page img {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .error-page img {
        margin-top: 0
    }
}

@media (min-width:768px) {
    .error-page img {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .error-page img {
        margin-bottom: 24px
    }
}

.error-page .rule {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .error-page .rule {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .error-page .rule {
        margin-bottom: 36px
    }
}

.error-page h1 {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .error-page h1 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .error-page h1 {
        margin-bottom: 36px
    }
}

.error-page h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    color: #536675;
    margin-bottom: 15px
}

.error-page h2 small,
.error-page h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.error-page h2 small,
.error-page h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .error-page h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .error-page h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .error-page h2 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .error-page h2 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .error-page h2 {
        margin-bottom: 36px
    }
}

.error-footer {
    height: 140px
}

.footnote {
    font-size: 16px;
    color: #688093
}

@media (max-width:991px) {
    .footnote {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .footnote {
        font-size: 16px
    }
}

fieldset {
    clear: both
}

.btn-lg,
.btn-group-lg>.btn {
    min-height: 52px;
    min-width: 150px
}

article>:first-child {
    margin-top: 0
}

article>h2,
article>h3 {
    font-weight: bold
}

aside>div,
.aside>div {
    margin-bottom: 15px
}

@media (min-width:768px) {

    aside>div,
    .aside>div {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {

    aside>div,
    .aside>div {
        margin-bottom: 36px
    }
}

.relative {
    position: relative
}

.row-title-social {
    position: relative
}

.row-title-social h1 {
    font-size: 42px !important;
    color: #212121
}

.social-row .microsite-social .twitter,
.microsite-social .microsite-social .twitter {
    position: relative;
    top: 6px
}

.social-row .social-row .twitter,
.microsite-social .social-row .twitter {
    top: 6px;
    position: relative;
    margin-right: -1px
}

@media screen and (min-width:768px) {

    .social-row,
    .microsite-social {
        position: absolute;
        right: 0;
        bottom: 40px
    }
}

@media screen and (min-width:992px) {

    .social-row,
    .microsite-social {
        position: absolute;
        right: 0;
        bottom: 48px
    }
}

@media screen and (min-width:1200px) {

    .social-row,
    .microsite-social {
        position: absolute;
        right: 0;
        bottom: 56px
    }
}

.social-row .social-wrapper,
.microsite-social .social-wrapper {
    float: left !important
}

@media screen and (max-width:991px) {

    .social-row .social-wrapper,
    .microsite-social .social-wrapper {
        height: 100% !important
    }
}

@media screen and (max-width:991px) {

    .social-row .social-wrapper.chev-left,
    .microsite-social .social-wrapper.chev-left {
        background-color: #f1f1f1
    }
}

@media screen and (min-width:768px) {

    .social-row .social-wrapper,
    .microsite-social .social-wrapper {
        float: right !important
    }
}

.social-row .facebook,
.microsite-social .facebook,
.social-row .linkedin,
.microsite-social .linkedin,
.social-row .twitter,
.microsite-social .twitter,
.social-row .googleplus,
.microsite-social .googleplus {
    margin-right: 4px;
    display: inline
}

@media screen and (min-width:768px) {

    .social-row .facebook,
    .microsite-social .facebook,
    .social-row .linkedin,
    .microsite-social .linkedin,
    .social-row .twitter,
    .microsite-social .twitter,
    .social-row .googleplus,
    .microsite-social .googleplus {
        margin-left: 2px;
        margin-right: 0
    }
}

.social-row .facebook,
.microsite-social .facebook {
    position: relative;
    top: -6px;
    margin: 0
}

.wide-row-container>div.row {
    margin-left: 0;
    margin-right: 0
}

.wide-row-container>div.row .wide-row-content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 4%
}

.wide-row-container>div.row .wide-row-content>.navbar-header,
.wide-row-container>div.row .wide-row-content>.navbar-collapse {
    margin-right: -1%;
    margin-left: -1%
}

@media (min-width:768px) {

    .wide-row-container>div.row .wide-row-content>.navbar-header,
    .wide-row-container>div.row .wide-row-content>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .wide-row-container>div.row .wide-row-content {
        padding: 0 2.5%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .wide-row-container>div.row .wide-row-content {
        padding: 0 5%
    }
}

@media (min-width:1200px) {
    .wide-row-container>div.row .wide-row-content {
        padding: 0 7%
    }
}

.wide-row-container>div.row .wide-row-content .wide-row {
    margin-left: -1.8125%;
    margin-right: -1.8125%
}

.wide-row-container>div.row .wide-row-content .wide-row .rule:last-child {
    padding-bottom: 50px;
    background: none
}

.padding-top-none,
.extra-padding-top-none {
    padding-top: 0
}

.padding-top-sm,
.extra-padding-top-small {
    padding-top: 10px
}

@media (min-width:768px) {

    .padding-top-sm,
    .extra-padding-top-small {
        padding-top: 20px
    }
}

@media (min-width:1200px) {

    .padding-top-sm,
    .extra-padding-top-small {
        padding-top: 24px
    }
}

.padding-top-md,
.extra-padding-top-medium {
    padding-top: 25px
}

@media (min-width:768px) {

    .padding-top-md,
    .extra-padding-top-medium {
        padding-top: 50px
    }
}

@media (min-width:1200px) {

    .padding-top-md,
    .extra-padding-top-medium {
        padding-top: 60px
    }
}

.padding-top-lg,
.extra-padding-top-large {
    padding-top: 40px
}

@media (min-width:768px) {

    .padding-top-lg,
    .extra-padding-top-large {
        padding-top: 48px
    }
}

@media (min-width:1200px) {

    .padding-top-lg,
    .extra-padding-top-large {
        padding-top: 60px
    }
}



@media (min-width:768px) {

    .padding-top-xl,
    .extra-padding-top-xl {
        padding-top: 100px
    }
}

@media (min-width:1200px) {

    .padding-top-xl,
    .extra-padding-top-xl {
        padding-top: 100px
    }
}

.padding-bottom-none,
.extra-padding-bottom-none {
    padding-bottom: 0
}

.padding-bottom-sm,
.extra-padding-bottom-small {
    padding-bottom: 10px
}

@media (min-width:768px) {

    .padding-bottom-sm,
    .extra-padding-bottom-small {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {

    .padding-bottom-sm,
    .extra-padding-bottom-small {
        padding-bottom: 24px
    }
}

.padding-bottom-md,
.extra-padding-bottom-medium {
    padding-bottom: 25px
}

@media (min-width:768px) {

    .padding-bottom-md,
    .extra-padding-bottom-medium {
        padding-bottom: 50px
    }
}

@media (min-width:1200px) {

    .padding-bottom-md,
    .extra-padding-bottom-medium {
        padding-bottom: 60px
    }
}

.padding-bottom-lg,
.extra-padding-bottom-large {
    padding-bottom: 40px
}

@media (min-width:768px) {

    .padding-bottom-lg,
    .extra-padding-bottom-large {
        padding-bottom: 80px
    }
}

@media (min-width:1200px) {

    .padding-bottom-lg,
    .extra-padding-bottom-large {
        padding-bottom: 96px
    }
}


@media (min-width:768px) {

    .padding-bottom-xl,
    .extra-padding-bottom-xl {
        padding-bottom: 100px
    }
}

@media (min-width:1200px) {

    .padding-bottom-xl,
    .extra-padding-bottom-xl {
        padding-bottom: 100px
    }
}

.margin-bottom-lg,
.extra-margin-bottom-large {
    margin-bottom: 40px !important
}

@media (min-width:768px) {

    .margin-bottom-lg,
    .extra-margin-bottom-large {
        margin-bottom: 80px
    }
}

@media (min-width:1200px) {

    .margin-bottom-lg,
    .extra-margin-bottom-large {
        margin-bottom: 96px
    }
}

.lead {
    display: block
}

.bg-dark-img,
.bg-image-light-text {
    background-size: cover;
    background-position: center
}

.bg-light-img,
.bg-image-dark-text {
    background-size: cover;
    background-position: center
}

.bg-light-img p,
.bg-image-dark-text p,
.bg-light-img ol,
.bg-image-dark-text ol,
.bg-light-img ul,
.bg-image-dark-text ul,
.bg-light-img h1,
.bg-image-dark-text h1,
.bg-light-img h2,
.bg-image-dark-text h2,
.bg-light-img h3,
.bg-image-dark-text h3,
.bg-light-img h4,
.bg-image-dark-text h4,
.bg-light-img h5,
.bg-image-dark-text h5,
.bg-light-img h6,
.bg-image-dark-text h6 {
    color: #262f36
}

.homepage #main-content .panel {
    background-color: transparent
}

.homepage #main-content h2 {
    letter-spacing: 0.02em
}

.homepage #main-content h2 a,
.homepage #main-content h3 a {
    text-decoration: none;
    opacity: 1
}

.homepage #main-content h2 a:hover,
.homepage #main-content h3 a:hover,
.homepage #main-content h2 a:active,
.homepage #main-content h3 a:active,
.homepage #main-content h2 a:focus,
.homepage #main-content h3 a:focus {
    text-decoration: none;
    transition: 1s;
    background: linear-gradient(to top, rgba(43, 0, 140, 0) 10%, #2b008c 10%, #2b008c 13%, rgba(43, 0, 140, 0) 13%);
    transition: all .2s
}

.homepage #main-content .bg-gray-lightest {
    background-color: #fff
}

.homepage #main-content .bg-gray-dark {
    background-color: #f1f1f1
}

.homepage #main-content .bg-primary,
.homepage #main-content .bg-blue {
    background-color: #ececec
}

.homepage #main-content .bg-primary h2 a,
.homepage #main-content .bg-primary-dark h2 a,
.homepage #main-content .bg-primary-darker h2 a,
.homepage #main-content .bg-primary-light h2 a,
.homepage #main-content .bg-gray h2 a,
.homepage #main-content .bg-gray-dark h2 a,
.homepage #main-content .bg-gray-darker h2 a,
.homepage #main-content .bg-dark-img h2 a,
.homepage #main-content .bg-green h2 a,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h2 a,
.homepage #main-content .bg-primary h3 a,
.homepage #main-content .bg-primary-dark h3 a,
.homepage #main-content .bg-primary-darker h3 a,
.homepage #main-content .bg-primary-light h3 a,
.homepage #main-content .bg-gray h3 a,
.homepage #main-content .bg-gray-dark h3 a,
.homepage #main-content .bg-gray-darker h3 a,
.homepage #main-content .bg-dark-img h3 a,
.homepage #main-content .bg-green h3 a,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h3 a {
    text-decoration: none;
    opacity: 1
}

.homepage #main-content .bg-primary h2 a:hover,
.homepage #main-content .bg-primary-dark h2 a:hover,
.homepage #main-content .bg-primary-darker h2 a:hover,
.homepage #main-content .bg-primary-light h2 a:hover,
.homepage #main-content .bg-gray h2 a:hover,
.homepage #main-content .bg-gray-dark h2 a:hover,
.homepage #main-content .bg-gray-darker h2 a:hover,
.homepage #main-content .bg-dark-img h2 a:hover,
.homepage #main-content .bg-green h2 a:hover,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h2 a:hover,
.homepage #main-content .bg-primary h3 a:hover,
.homepage #main-content .bg-primary-dark h3 a:hover,
.homepage #main-content .bg-primary-darker h3 a:hover,
.homepage #main-content .bg-primary-light h3 a:hover,
.homepage #main-content .bg-gray h3 a:hover,
.homepage #main-content .bg-gray-dark h3 a:hover,
.homepage #main-content .bg-gray-darker h3 a:hover,
.homepage #main-content .bg-dark-img h3 a:hover,
.homepage #main-content .bg-green h3 a:hover,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h3 a:hover,
.homepage #main-content .bg-primary h2 a:active,
.homepage #main-content .bg-primary-dark h2 a:active,
.homepage #main-content .bg-primary-darker h2 a:active,
.homepage #main-content .bg-primary-light h2 a:active,
.homepage #main-content .bg-gray h2 a:active,
.homepage #main-content .bg-gray-dark h2 a:active,
.homepage #main-content .bg-gray-darker h2 a:active,
.homepage #main-content .bg-dark-img h2 a:active,
.homepage #main-content .bg-green h2 a:active,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h2 a:active,
.homepage #main-content .bg-primary h3 a:active,
.homepage #main-content .bg-primary-dark h3 a:active,
.homepage #main-content .bg-primary-darker h3 a:active,
.homepage #main-content .bg-primary-light h3 a:active,
.homepage #main-content .bg-gray h3 a:active,
.homepage #main-content .bg-gray-dark h3 a:active,
.homepage #main-content .bg-gray-darker h3 a:active,
.homepage #main-content .bg-dark-img h3 a:active,
.homepage #main-content .bg-green h3 a:active,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h3 a:active,
.homepage #main-content .bg-primary h2 a:focus,
.homepage #main-content .bg-primary-dark h2 a:focus,
.homepage #main-content .bg-primary-darker h2 a:focus,
.homepage #main-content .bg-primary-light h2 a:focus,
.homepage #main-content .bg-gray h2 a:focus,
.homepage #main-content .bg-gray-dark h2 a:focus,
.homepage #main-content .bg-gray-darker h2 a:focus,
.homepage #main-content .bg-dark-img h2 a:focus,
.homepage #main-content .bg-green h2 a:focus,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h2 a:focus,
.homepage #main-content .bg-primary h3 a:focus,
.homepage #main-content .bg-primary-dark h3 a:focus,
.homepage #main-content .bg-primary-darker h3 a:focus,
.homepage #main-content .bg-primary-light h3 a:focus,
.homepage #main-content .bg-gray h3 a:focus,
.homepage #main-content .bg-gray-dark h3 a:focus,
.homepage #main-content .bg-gray-darker h3 a:focus,
.homepage #main-content .bg-dark-img h3 a:focus,
.homepage #main-content .bg-green h3 a:focus,
.homepage #main-content .bg-image-light-text .bg-anniversary-50th-grad h3 a:focus {
    text-decoration: none;
    transition: 1s;
    background: linear-gradient(to top, rgba(79, 23, 167, 0) 10%, #4f17a7 10%, #4f17a7 13%, rgba(79, 23, 167, 0) 13%);
    transition: all .2s
}

.homepage #main-content .header-row h2 a,
.homepage #main-content .header-row h3 a {
    text-decoration: none;
    opacity: 1
}

.homepage #main-content .header-row h2 a:hover,
.homepage #main-content .header-row h3 a:hover,
.homepage #main-content .header-row h2 a:active,
.homepage #main-content .header-row h3 a:active,
.homepage #main-content .header-row h2 a:focus,
.homepage #main-content .header-row h3 a:focus {
    text-decoration: none;
    transition: 1s;
    background: linear-gradient(to top, rgba(79, 23, 167, 0) 10%, #4f17a7 10%, #4f17a7 13%, rgba(79, 23, 167, 0) 13%);
    transition: all .2s
}

.homepage #main-content .header-row .btn {
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .homepage #main-content .header-row .btn {
        margin-right: 20px
    }

    .homepage #main-content .header-row .btn:last-child {
        margin-right: 0px
    }
}

.homepage #main-content .rte h2 {
    font-size: 16px;
    margin-top: -9px;
    line-height: 1.1;
    text-shadow: 0 0 1px #888;
    font-weight: normal;
}

@media screen and (max-width:767px) {
    .homepage #main-content .rte h2 {
        font-size: 22px;
        margin-top: 2rem;

        padding-bottom: 5px;

    }

    #Layer_1 {
        left: 20%;
    }

    .find {
        left: 35%;
        font-size: 2rem;
    }

    .rte {
        padding-bottom: 2rem
    }

    .textpu {
        display: inline-block;
        padding-left: 10px
    }

    .col-sm-4.aside.kechengright {
        width: 100%;
    }

    .add-label {}

}

@media screen and (min-width: 768px) {
    .find {
        left: 50%;
    }

    .textpu {
        display: inline-block;
        width: 210px;
        padding-left: 10px
    }

    .add-label {
        display: inline-block;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .homepage #main-content .rte h2 {
        font-size: 20px;
        margin-top: -9px
    }
}

@media screen and (min-width:1200px) {
    .homepage #main-content .rte h2 {
        font-size: 24px;
        margin-top: -9px;

    }
}

.homepage #main-content .rte h3 {
    color: #212121;
    font-family: "Microsoft YaHei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    margin-top: -9px;
    line-height: 2rem;
}

.homepage #main-content .rte h3 .icon {
    position: relative;
    top: 1px;
    height: 14px;
    width: 14px
}

@media screen and (max-width:767px) {
    .homepage #main-content .rte h3 {
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-top: 12px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .homepage #main-content .rte h3 {
        font-size: 14px;
        margin-top: -9px
    }
}

@media screen and (min-width:1200px) {
    .homepage #main-content .rte h3 {
        font-size: 16px;
        margin-top: -10px
    }

    .homepage #main-content .rte h3 .icon {
        position: relative;
        top: 4px;
        height: 20px;
        width: 21px
    }
}

.homepage #main-content .rte h4 {

    margin-bottom: 25px;
    line-height: 1.1;
    font-family: "Microsoft Yahei", 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-size: 14px
}

.homepage #main-content .rte h4 a {
    color: #ff610f;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal
}

@media screen and (max-width:991px) {
    .homepage #main-content .rte h4 {
        margin-bottom: 11px;
        margin-top: 11px
    }
}

.homepage #main-content .rte h5 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.homepage #main-content .rte p {}

.homepage #main-content .rte p a {

    text-decoration: none
}

.homepage #main-content .rte p .icon {
    position: relative;
    top: -2px;
    width: 12px;
    height: 12px;
    margin-bottom: -2px
}

.homepage #main-content .gray-overlay-55.hero-image-overlay,
.homepage #main-content .blue-overlay-55.hero-image-overlay {
    background-color: rgba(255, 255, 255, 0.6)
}

.homepage #main-content .gray-overlay-55.hero-image-overlay:hover,
.homepage #main-content .blue-overlay-55.hero-image-overlay:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.homepage #main-content .gray-overlay-55.hero-image-overlay h1,
.homepage #main-content .blue-overlay-55.hero-image-overlay h1,
.homepage #main-content .gray-overlay-55.hero-image-overlay h2,
.homepage #main-content .blue-overlay-55.hero-image-overlay h2 {
    color: #212121
}

.homepage #main-content .gray-overlay-55.hero-image-overlay p,
.homepage #main-content .blue-overlay-55.hero-image-overlay p {
    color: #3c3c3c
}

.homepage #main-content .homepage-rte h2 i,
.homepage #main-content .home-page h2 i,
.homepage #main-content .homepage-rte h3 i,
.homepage #main-content .home-page h3 i,
.homepage #main-content .homepage-rte h4 i,
.homepage #main-content .home-page h4 i,
.homepage #main-content .homepage-rte h5 i,
.homepage #main-content .home-page h5 i,
.homepage #main-content .homepage-rte h2 svg.icon,
.homepage #main-content .home-page h2 svg.icon,
.homepage #main-content .homepage-rte h3 svg.icon,
.homepage #main-content .home-page h3 svg.icon,
.homepage #main-content .homepage-rte h4 svg.icon,
.homepage #main-content .home-page h4 svg.icon,
.homepage #main-content .homepage-rte h5 svg.icon,
.homepage #main-content .home-page h5 svg.icon {
    display: none
}

.homepage #main-content .homepage-rte {
    padding-right: 0px
}

.homepage #main-content .homepage-rte b {
    font-family: "Microsoft Yahei UI Light";
    font-weight: bold;
}

.homepage #main-content .homepage-rte .lead-in,
.homepage #main-content .homepage-rte .lead {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 19px;
    margin-left: 0
}

@media screen and (min-width:992px) {

    .homepage #main-content .homepage-rte .lead-in,
    .homepage #main-content .homepage-rte .lead {
        font-size: 22px
    }


}

@media screen and (min-width:768px) and (max-width:1199px) {
    .homepage #main-content .homepage-rte {
        padding-right: 30px
    }


}

.homepage #main-content .homepage-rte a {
    text-transform: uppercase
}

.homepage #main-content .rte-membership-row {
    margin-bottom: 0
}

.homepage #main-content .rte-membership-row h2 {
    font-size: 30px;
    margin-top: -9px;
    line-height: 1.1
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .homepage #main-content .rte-membership-row h2 {
        font-size: 40px;
        margin-top: -9px
    }
}

@media screen and (min-width:1200px) {
    .homepage #main-content .rte-membership-row h2 {
        font-size: 45px;
        margin-top: -9px
    }

    .find {
        font-size: 18px;
    }
}

.homepage #main-content .rte-membership-row h3 {
    color: #212121;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 32px !important;
    margin-top: -9px;
    line-height: 1.1
}

.homepage #main-content .rte-membership-row h3 .icon {
    position: relative;
    top: 1px;
    height: 14px;
    width: 14px
}

@media screen and (max-width:767px) {
    .homepage #main-content .rte-membership-row h3 {
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 20px;
        padding-top: 12px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .homepage #main-content .rte-membership-row h3 {
        font-size: 37px;
        margin-top: -9px
    }
}

@media screen and (min-width:1200px) {
    .homepage #main-content .rte-membership-row h3 {
        font-size: 45px;
        margin-top: -10px
    }

    .homepage #main-content .rte-membership-row h3 .icon {
        position: relative;
        top: 4px;
        height: 20px;
        width: 21px
    }
}

.homepage #main-content .rte-membership-row h4 {
    margin-top: 35px;
    margin-bottom: 35px;
    line-height: 1.1;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-size: 20pt
}

.homepage #main-content .rte-membership-row h4 a {
    color: #ff610f;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal
}

@media screen and (max-width:991px) {
    .homepage #main-content .rte-membership-row h4 {
        margin-bottom: 11px;
        margin-top: 11px
    }
}

.homepage #main-content .rte-membership-row h5 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.homepage #main-content .rte-membership-row p {
    font-size: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.homepage #main-content .rte-membership-row p a {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .08em;
    text-decoration: none
}

.homepage #main-content .rte-membership-row p .icon {
    position: relative;
    top: -2px;
    width: 12px;
    height: 12px;
    margin-bottom: -2px
}

.homepage #main-content .rte-membership-row p {
    font-size: 93%
}

.homepage #main-content .rte-membership-row h4 {
    font-size: 20px
}

.homepage #main-content .jobs-list ul {
    padding-left: 0;
    list-style: none
}

.homepage #main-content .jobs-list li {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .homepage #main-content .jobs-list li {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .homepage #main-content .jobs-list li {
        margin-bottom: 24px
    }
}

.homepage #main-content .jobs-list li p {
    margin: 0
}

.homepage #main-content .jobs-list li a {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.homepage #main-content .homepage-social {
    text-align: center
}

.homepage #main-content .homepage-social ul {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.homepage #main-content .homepage-social ul>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.homepage #main-content .homepage-social img {
    width: 40px;
    transition-duration: 0.3s
}

.homepage #main-content .homepage-social img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}



svg {
    fill: currentColor;
    vertical-align: baseline;
    max-width: 100%;
    height: auto
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    svg {
        max-height: 480px !important
    }
}

svg.icon {
    width: 14px;
    height: 14px
}

.rte p .icon {
    position: relative;
    top: -2px;
    width: 12px;
    height: 12px;
    margin-bottom: -2px
}

iframe .svg-holder {
    width: 15px;
    height: 20px
}

.svg-holder {
    overflow: hidden;
    width: 15px;
    height: 15px;
    display: inline-flex
}

.svg-holder img {
    vertical-align: top;
    width: 14px;
    height: 14px;
    padding: 0 !important
}

svg.icon-white {
    color: #fff;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-blue-dark {
    color: #003b5c;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-blue {
    color: #0065bd;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-blue-light {
    color: #00a3e0;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-blue-lighter {
    color: #41b6e6;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-green {
    color: #00843d;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-red {
    color: #af272f;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-red-dark {
    color: #7c2529;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-red-light {
    color: #d22630;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-orange {
    color: #de7c00;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-gray {
    color: #536675;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-gray-dark {
    color: #333f48;
    width: 14px;
    height: 14px;
    padding: 0
}

svg.icon-gray-lighter {
    color: #b2bfc8;
    width: 14px;
    height: 14px;
    padding: 0
}

span.icon-white,
img.icon-white {
    color: #b2bfc8;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #b2bfc8);
    position: relative;
    left: -13px
}

span.icon-blue-dark,
img.icon-blue-dark {
    color: #003b5c;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #003b5c);
    position: relative;
    left: -13px
}

span.icon-blue,
img.icon-blue {
    color: #0065bd;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #0065bd);
    position: relative;
    left: -13px
}

span.icon-blue-light,
img.icon-blue-light {
    color: #00a3e0;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #00a3e0);
    position: relative;
    left: -13px
}

span.icon-blue-lighter,
img.icon-blue-lighter {
    color: #41b6e6;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #41b6e6);
    position: relative;
    left: -13px
}

span.icon-green,
img.icon-green {
    color: #00843d;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #00843d);
    position: relative;
    left: -13px
}

span.icon-red,
img.icon-red {
    color: #af272f;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #af272f);
    position: relative;
    left: -13px
}

span.icon-red-dark,
img.icon-red-dark {
    color: #7c2529;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #7c2529);
    position: relative;
    left: -13px
}

span.icon-red-light,
img.icon-red-light {
    color: #d22630;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #d22630);
    position: relative;
    left: -13px
}

span.icon-orange,
img.icon-orange {
    color: #de7c00;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #de7c00);
    position: relative;
    left: -13px
}

span.icon-gray,
img.icon-gray {
    color: #536675;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #536675);
    position: relative;
    left: -13px
}

span.icon-gray-dark,
img.icon-gray-dark {
    color: #333f48;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #333f48);
    position: relative;
    left: -13px
}

span.icon-gray-lighter,
img.icon-gray-lighter {
    color: #b2bfc8;
    width: 14px;
    height: 14px;
    padding: 0;
    -webkit-filter: drop-shadow(14px 0 0 #b2bfc8);
    position: relative;
    left: -13px
}

@media screen and (max-width:991px) {
    .center-sm {
        text-align: center
    }

    .col-sm-4.aside.kechengright {
        width: 100%;
        padding: 0px;
    }

}

@media screen and (min-width:992px) {
    .pull-right-md {
        float: right !important
    }
}

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

@media screen and (max-width:991px) {
    .pull-left-right {
        height: 100% !important
    }
}

@media screen and (max-width:991px) {
    .pull-left-right.chev-left {
        background-color: #f1f1f1
    }
}

@media screen and (min-width:768px) {
    .pull-left-right {
        float: right !important
    }
}

@media screen and (max-width:991px) {
    .pull-left {
        height: 100% !important
    }
}

@media screen and (max-width:991px) {
    .pull-left.chev-left {
        background-color: #f1f1f1
    }
}

.invisible {
    opacity: 0 !important
}

.bg-primary-dark,
.bg-blue-dark {
    background-color: #f1f1f1
}

.bg-primary,
.bg-blue {
    background-color: #4f17a7
}

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

.bg-primary-light,
.bg-blue-light {
    background-color: #f5f5f5
}

.bg-primary-lighter,
.bg-blue-lighter {
    background-color: #41b6e6
}

.bg-primary-darker,
.bg-blue-darker {
    background-color: #f5f5f5
}

.bg-anniversary-50th-grad {
    background-color: #ff610f;
    background-image: none
}

.bg-blue-dark {
    background-color: #003b5c
}

.bg-blue {
    background-color: #0065bd
}

.bg-blue-light {
    background-color: #00a3e0
}

.bg-blue-lighter {
    background-color: #41b6e6
}

.bg-green {
    background-color: #00843d
}

.bg-red {
    background-color: #af272f
}

.bg-red-dark {
    background-color: #7c2529
}

.bg-red-light {
    background-color: #d22630
}

.bg-red-lighter {
    background-color: #ee2737
}

.bg-green {
    background-color: #00843d
}

.bg-orange {
    background-color: #de7c00
}

.bg-gray-dark {
    background-color: #3c3c3c
}

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

.bg-gray-light {
    background-color: #d9d9d9
}

.bg-gray-lighter {
    background-color: #f5f5f5
}

.bg-gray-lightest {
    background-color: #fbfbfb
}

.bg-gray-darker {
    background-color: #111
}

.svg-dark-blue {
    color: #003b5c
}

.svg-dark-blue.override svg {
    color: #003b5c !important
}

.svg-blue {
    color: #0065bd
}

.svg-blue.override svg {
    color: #0065bd !important
}

.svg-light-blue {
    color: #00a3e0
}

.svg-light-blue.override svg {
    color: #00a3e0 !important
}

.svg-lighter-blue {
    color: #41b6e6
}

.svg-lighter-blue.override svg {
    color: #41b6e6 !important
}

.svg-dark-orange {
    color: #cf4520
}

.svg-dark-orange.override svg {
    color: #cf4520 !important
}

.svg-orange {
    color: #de7c00
}

.svg-orange.override svg {
    color: #de7c00 !important
}

.svg-light-orange {
    color: #f2a900
}

.svg-light-orange.override svg {
    color: #f2a900 !important
}

.svg-lighter-orange {
    color: #f3d03e
}

.svg-lighter-orange.override svg {
    color: #f3d03e !important
}

.svg-dark-teal {
    color: #007377
}

.svg-dark-teal.override svg {
    color: #007377 !important
}

.svg-teal {
    color: #008c95
}

.svg-teal.override svg {
    color: #008c95 !important
}

.svg-light-teal {
    color: #009ca6
}

.svg-light-teal.override svg {
    color: #009ca6 !important
}

.svg-lighter-teal {
    color: #2dccd3
}

.svg-lighter-teal.override svg {
    color: #2dccd3 !important
}

.svg-dark-purple {
    color: #582c83
}

.svg-dark-purple.override svg {
    color: #582c83 !important
}

.svg-purple {
    color: #753bbd
}

.svg-purple.override svg {
    color: #753bbd !important
}

.svg-light-purple {
    color: #9063cd
}

.svg-light-purple.override svg {
    color: #9063cd !important
}

.svg-lighter-purple {
    color: #c1a7e2
}

.svg-lighter-purple.override svg {
    color: #c1a7e2 !important
}

.svg-dark-green {
    color: #046a38
}

.svg-dark-green.override svg {
    color: #046a38 !important
}

.svg-green {
    color: #00843d
}

.svg-green.override svg {
    color: #00843d !important
}

.svg-light-green {
    color: #009a44
}

.svg-light-green.override svg {
    color: #009a44 !important
}

.svg-lighter-green {
    color: #71cc98
}

.svg-lighter-green.override svg {
    color: #71cc98 !important
}

.svg-dark-red {
    color: #7c2529
}

.svg-dark-red.override svg {
    color: #7c2529 !important
}

.svg-red {
    color: #af272f
}

.svg-red.override svg {
    color: #af272f !important
}

.svg-light-red {
    color: #d22630
}

.svg-light-red.override svg {
    color: #d22630 !important
}

.svg-lighter-red {
    color: #ee2737
}

.svg-lighter-red.override svg {
    color: #ee2737 !important
}

.svg-darker-gray {
    color: #262f36
}

.svg-darker-gray.override svg {
    color: #262f36 !important
}

.svg-dark-gray {
    color: #333f48
}

.svg-dark-gray.override svg {
    color: #333f48 !important
}

.svg-gray {
    color: #536675
}

.svg-gray.override svg {
    color: #536675 !important
}

.svg-light-gray {
    color: #688093
}

.svg-light-gray.override svg {
    color: #688093 !important
}

.svg-lighter-gray {
    color: #b2bfc8
}

.svg-lighter-gray.override svg {
    color: #b2bfc8 !important
}

.svg-lightest-gray {
    color: #e4e9ec
}

.svg-lightest-gray.override svg {
    color: #e4e9ec !important
}

.svg-white {
    color: #fff
}

.svg-white.override svg {
    color: #fff !important
}

.text-white {
    color: #fff
}

.text-gray-lightest {
    color: #ccc
}

.text-yellow {
    color: #f3cf45
}

.text-cream {
    color: #fefaed
}

.text-blue-light {
    color: #cce0f1
}

.is-experience-editor .sr-only {
    display: block !important
}

.scEditorWarningHelp div {
    clear: both
}

html[data-useragent*='MSIE 10.0'] .primary-nav-md li a {
    display: block
}

.col-xs-12:empty {
    min-height: 0
}

header {
    padding-top: 0px;
    background-color: #f5f5f5;
    color: #767676
}

@media screen and (min-width:992px) {
    header {
        background-color: #fff;
        padding-top: 15px
    }
}

header a {
    transition-duration: 0.3s;
    color: #767676
}

header a:hover,
header a:active,
header a:focus {
    outline: 0px !important;
    color: #767676;
    text-decoration: underline
}

header #menus a.btn.btn-default.log-in {
    background-color: #2b008c;
    color: #fff
}

header #menus a.log-out {
    text-transform: capitalize
}

header #menus .bg-primary-dark {
    background-color: #f1f1f1
}

header .header-search {
    margin-top: 8px;
    width: 300px
}

header .header-search .form-control {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 14px;
    color: #666;
    padding: 4px 12px;
    background-color: #f4f4f4;
    background-image: none;
    border: none;
    border-radius: 18px;
    box-shadow: none
}

header .header-search .form-control::placeholder {
    color: #767676
}

header .header-search .btn-primary {
    background-color: #0065bd;
    border-color: #0057a4;
    color: #fff
}

header .header-search .btn {
    background-color: #f4f4f4;
    border-radius: 18px;
    border: none;
    color: #f4f4f4;
    height: 32px;
    padding: 2px 8px 6px 8px
}

header .header-search .input-group {
    color: #fff
}

header .header-search .fa-search,
header .header-search .icon-search {
    width: 16px;
    color: #999;
    vertical-align: middle
}

header .input-group-btn {
    width: 34px
}

/*nav {
    overflow: hidden
}
*/
.pmi-logo {
    margin-left: 16px;
    max-width: 50px;
    height: 50px;
    position: relative;
    background-image: url('../img/pmi_logo.png');
    background-repeat: no-repeat;
    background-size: 300% 90%;
    background-position-x: left;
    background-position-y: center
}

@media screen and (min-width:992px) {
    .pmi-logo {
        margin: -10px 0 0 0;
        max-width: 200px;
        height: 100px;
        background-size: 100%;
        background-position-x: center
    }
}

.utility-nav-md {
    font-size: 14px;
    letter-spacing: .02em;
    text-transform: uppercase;
    padding: 0
}

.utility-nav-md ul {
    list-style-type: none;
    padding: 0
}

.utility-nav-md li {
    margin: 15px 0 20px 0;
    cursor: pointer
}

.utility-nav-md li a:focus {
    outline: none
}

@media screen and (min-width:992px) {
    .utility-nav-md li {
        display: inline-block;
        margin: 0 0 0 18px
    }

    .utility-nav-md li:first-child {
        margin: 0
    }
}

@media screen and (min-width:1200px) {
    .utility-nav-md li {
        display: inline-block;
        margin: 0 0 0 24px
    }

    .utility-nav-md li:first-child {
        margin: 0
    }
}

.welcome-desktop {
    display: inline-block;
    font-size: 14px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    text-transform: capitalize
}

.welcome-desktop span.user svg {
    display: inline-block !important;
    width: 15px;
    height: 15px;
    margin-bottom: -3px
}

.welcome-desktop .login,
.welcome-desktop .login2,
.welcome-desktop .link-login,
.welcome-desktop .link-login2,
.welcome-desktop .register,
.welcome-desktop .login-separator {
    border: none;
    font-size: 14px;
    position: relative;
    z-index: 90
}

.welcome-desktop .logout,
.welcome-desktop .logout2,
.welcome-desktop .link-logout,
.welcome-desktop .link-logout2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-left: 10px
}

.welcome-desktop .login-separator {
    margin-left: -10px;
    margin-right: -10px;
    z-index: 80
}

.primary-nav-md {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
    -ms-box-orient: horizontal;
    min-height: 67px;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.primary-nav-md li {
    display: block;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.primary-nav-md li p a {
    font-size: 14px
}

.primary-nav-md li a {
    display: block;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-family: 'Microsoft YaHei', 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 16px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    line-height: 105%;
    max-width: 158px;
    min-height: 48px;
    padding: 15px;
    text-align: center;
    color: #363636 !important;
    word-wrap: initial;
    white-space: initial
}

.primary-nav-md li a:hover,
.primary-nav-md li a:active,
.primary-nav-md li a.active,
.primary-nav-md li a[aria-expanded="true"] {
    color: #4f17a7 !important;
    text-decoration: none;
    background-color: #fcfcfc;
    transition-duration: 0.2s
}

@media screen and (min-width:992px) {
    .primary-nav-md li a {
        font-size: 16px;
        padding: 15px 17px;
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .primary-nav-md li a {
        font-size: 16px;
        padding: 15px 24px;
        max-width: 100%
    }
}

.primary-nav-md li a#primary-pmbokreg-guide-standards {
    display: inline-block
}

.primary-nav-md li a#primary-pmbokreg-guide-standards sup {
    font-size: inherit
}

.dropdown-menu {
    top: inherit;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    width: auto;
    min-width: 100%;
    background-color: #fff
}

.mobile-menu,
.mobile-login {
    display: none;
    font-size: 16px;
    background-color: #fff
}

@media screen and (min-width:768px) {

    .mobile-menu,
    .mobile-login {
        font-size: 18px
    }
}

.mobile-menu.open,
.mobile-login.open {
    display: block
}

.mobile-menu sup#pmbook-guide-standards,
.mobile-login sup#pmbook-guide-standards {
    font-size: inherit
}

.mobile-login ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.mobile-login ul li {
    border-bottom: 1px solid #ececec;
    padding: 0 5%
}

.mobile-login ul li a {
    color: #575757;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 15px;
    min-height: 52px;
    display: block
}

.mobile-login ul li a:hover,
.mobile-login ul li a:active {
    color: #4f17a7
}

#mobile-welcome-modal {
    opacity: 1
}

#mobile-welcome-modal .mobile-welcome {
    color: #fff;
    background-color: rgba(51, 63, 72, 0.7);
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    padding: 15px 5% 5px 5%
}

.mobile-search {
    width: 100%;
    font-size: 14px;
    color: #767676
}

.mobile-search .input-group {
    width: 100%
}

.mobile-search .input-group svg.icon-search {
    position: relative;
    height: 30px;
    color: #fff
}

.mobile-search .search-bar input::-webkit-input-placeholder {
    color: #767676
}

.mobile-search .search-bar input:-moz-placeholder {
    color: #767676
}

.mobile-search .search-bar input::-moz-placeholder {
    color: #767676
}

.mobile-search .search-bar input:-ms-input-placeholder {
    color: #767676
}

.mobile-search .search-bar .form-control {
    display: block;
    width: 100%;
    height: 52px;
    font-size: 19px;
    color: #767676;
    padding: 4px 0 4px 5%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ababab;
    background-color: #f5f5f5
}

.mobile-search .search-bar .btn-primary {
    background-color: #0065bd;
    border-color: #0057a4;
    color: #fff
}

.mobile-search .search-bar .btn {
    background-color: #4f17a7 !important;
    border-radius: 0;
    border: 1px solid #4f17a7 !important;
    color: #fff !important;
    height: 32px;
    padding: 2px 8px 6px 8px
}

.mobile-search .search-bar .btn:hover,
.mobile-search .search-bar .btn:focus {
    background-color: #2b008c !important
}

.mobile-search .search-bar .btn:active {
    background-color: #8a66c4 !important
}

.mobile-search .search-bar .input-group {
    color: #fff
}

.mobile-search .search-bar .fa-search,
.mobile-search .search-bar .icon-search {
    width: 16px;
    color: #fff;
    vertical-align: middle
}

.mobile-search p {
    color: #688093;
    padding: 15px 0 12px 0;
    margin: 0 5%
}

@media screen and (min-width:768px) {
    .mobile-search p {
        padding: 16px 0 20px 0;
        font-size: 18px
    }
}

.mobile-search .form-control {
    background-color: #fff;
    padding: 26px 5%;
    border: none
}

.mobile-search .input-group-btn {
    display: table-cell;
    padding: 0;
    background-color: #e4e9ec;
    width: 52px;
    height: 52px
}

.mobile-search .input-group-btn .btn {
    background-color: #e4e9ec;
    border: none;
    border-radius: 0;
    height: 52px;
    width: 52px;
    text-align: center
}

.mobile-search .input-group-btn .btn .fa-search,
.mobile-search .input-group-btn .btn .icon-search {
    vertical-align: middle;
    width: 20px
}

@media screen and (min-width:768px) {

    .mobile-search .input-group-btn .btn .fa-search,
    .mobile-search .input-group-btn .btn .icon-search {
        width: 25px
    }
}

.menu-center {
    position: absolute;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
    z-index: 1
}

.menu-nav {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.menu-nav li {
    display: block;
    clear: both
}

.menu-nav li.show {
    display: block
}

.menu-nav li.hide {
    display: none
}

.menu-nav li span {
    border-bottom: 1px solid #ececec;
    margin-top: -1px;
    display: block
}

.menu-nav li span.input-group-btn {
    border: none
}

.menu-nav li ul {
    padding-left: 0
}

.menu-nav li ul.show {
    display: block
}

.menu-nav a,
.menu-nav p {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 22px;
    display: block;
    padding: 15px 0;
    height: 52px !important;
    margin: 0 4%
}

@media screen and (min-width:992px) {

    .menu-nav a,
    .menu-nav p {
        padding: 16px 0
    }
}

.menu-nav a:not(.chev-left):not(.chev-right),
.menu-nav p:not(.chev-left):not(.chev-right) {
    color: #575757;
    padding: 11px 0 10px 0;
    margin-right: 68px
}

.menu-nav .chev-right {
    background-color: #4f16a6;
    margin: 1px 0;
    width: 52px;
    height: 52px !important;
    text-align: center;
    padding-left: 5px;
    z-index: 10;
    float: none !important;
    position: absolute;
    right: 0
}

.menu-nav .chev-right svg {
    max-width: 35%;
    color: #fff;
    vertical-align: middle
}

.menu-nav .chev-left {
    margin: 1px 0;
    width: 52px;
    height: 52px !important;
    text-align: center;
    border-right: 1px solid #f1f1f1;
    padding-right: 5px;
    z-index: 10;
    float: none !important;
    position: absolute;
    left: 0
}

.menu-nav .chev-left:hover {
    background-color: #f1f1f1
}

.menu-nav .chev-left svg {
    max-width: 35%;
    color: #3c3c3c;
    vertical-align: middle
}

.menu-nav .chev-left[style='display: block;']+a {
    margin-left: 68px;
    margin-right: 15px
}

.expand {
    display: block !important
}

.mobile-icons {
    float: right;
    font-size: 28px;
    margin-top: 5px
}

@media screen and (min-width:768px) {
    .mobile-icons {
        margin-top: 10px;
        font-size: 32px
    }
}

.mobile-icons a {
    color: #fff
}

.mobile-icons a:hover,
.mobile-icons a:active,
.mobile-icons a:visited {
    color: #fff
}

.mobile-icons .fa-user {
    padding: 0 36px 0 0
}

@media screen and (min-width:768px) {
    .mobile-icons .fa-user {
        padding: 10px 48px 0 0
    }
}

.login-switch,
.menu-switch {
    color: #3c3c3c;
    background-color: #f5f5f5;
    border: none;
    border-radius: 0;
    font-size: 30px;
    height: 55px;
    width: 52px;
    border: none !important;
    position: relative
}

.login-switch span,
.menu-switch span {
    color: #3c3c3c !important;
    transition: all 0.2s ease
}

.login-switch span.user,
.menu-switch span.user,
.login-switch span.bars,
.menu-switch span.bars {
    opacity: 1;
    width: 100%
}

.login-switch span.times,
.menu-switch span.times {
    position: absolute;
    left: 13px;
    top: 10px;
    height: 24px;
    opacity: 0
}

.login-switch:focus,
.menu-switch:focus {
    outline: none
}

.login-switch[aria-expanded="true"],
.menu-switch[aria-expanded="true"],
.login-switch:active,
.menu-switch:active {
    background-color: #d9d9d9
}

.login-switch[aria-expanded="true"] span.times,
.menu-switch[aria-expanded="true"] span.times,
.login-switch:active span.times,
.menu-switch:active span.times {
    opacity: 1
}

.login-switch[aria-expanded="true"] span.user,
.menu-switch[aria-expanded="true"] span.user,
.login-switch:active span.user,
.menu-switch:active span.user,
.login-switch[aria-expanded="true"] span.bars,
.menu-switch[aria-expanded="true"] span.bars,
.login-switch:active span.bars,
.menu-switch:active span.bars {
    opacity: 0
}

.megamenu-collapse {
    background-color: #fcfcfc;
    color: #333f48;
    position: absolute;
    width: 100%;
    z-index: 9999;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15)
}

.megamenu-collapse .img-caption2 .iwc-text>p {
    font-size: 14px
}

.megamenu-collapse .collapse.open {
    display: block
}

.megamenu-collapse .container-fluid {
    margin-top: 10px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .megamenu-collapse .container-fluid {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .megamenu-collapse .container-fluid {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .megamenu-collapse .container-fluid {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .megamenu-collapse .container-fluid {
        margin-bottom: 48px
    }
}

.megamenu-collapse a {
    display: inline-block;
    color: #575757
}

.megamenu-collapse a:hover,
.megamenu-collapse a:active,
.megamenu-collapse a:focus {
    color: #4f17a7
}

.megamenu-collapse a sup#pmbok-guide-standards-sixth-edition,
.megamenu-collapse a sup#sup-events-global-conference,
.megamenu-collapse a sup#sup-pmo-symposium,
.megamenu-collapse a sup#sup-seminars {
    font-size: inherit
}

.megamenu-collapse p {
    color: #575757;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 9px
}

.megamenu-collapse .highlighted,
.megamenu-collapse .highlighted a {
    color: #4f17a7
}

.megamenu-collapse h2 {
    margin-bottom: 0;
    margin-top: 0;
}

.megamenu-collapse h2 sup {
    font-size: 50%;
    top: -15px
}

.megamenu-collapse h2 a {
    color: #4f17a7;
    font-family: "Microsoft Yahei UI Light", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 28px;

}

.megamenu-collapse h2 a:hover {
    color: #2b008c;
    text-decoration: none;
    background: none
}

.megamenu-collapse h2 .icon {
    color: #4f17a7
}

.megamenu-collapse .rte {
    margin-top: 20px;
    margin-bottom: 0
}

.megamenu-collapse .rte>h5 {
    font-weight: 200
}

.megamenu-collapse .rte a {
    color: #4f17a7
}

.megamenu-collapse h5 {
    font-family: 'Microsoft YaHei UI Light', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #3c3c3c;
    margin-top: 20px;
    margin-bottom: 10px
}

.megamenu-collapse h5 a {

    color: #4f17a7
}

.megamenu-collapse h5 a:hover {
    color: #2b008c
}

.megamenu-collapse .icon {
    width: 19px;
    height: 19px;
    margin-bottom: 4px
}

.megamenu-collapse .icon.blue-lighter {
    color: #4f17a7
}

.megamenu-collapse .picker-img,
.megamenu-collapse .iwc-img {
    margin-top: 24px
}

.megamenu-collapse .iwc-text {
    margin-top: 24px
}

footer {
    clear: both
}

.footer-wrapper {
    background-color: #f0f0f0;
    margin-top: 15px
}

@media (min-width:768px) {
    .footer-wrapper {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .footer-wrapper {
        margin-top: 36px
    }
}

.footer-wrapper a {
    transition-duration: 0.2s;
    color: #4f17a7;
    font-size: 14.4px
}

.footer-wrapper a:hover,
.footer-wrapper a:active {
    color: #4f17a7;
    text-decoration: none
}

.footer-wrapper ul {
    padding: 0;
    margin-bottom: 15px;
    list-style-type: none;
    display: inline-block
}

.footer-wrapper .legacy-logo {
    width: 20rem;
    float: right;
    position: absolute;
    right: 1rem;
    top: 3rem;
}

.footer-wrapper ul li {
    margin: 5px 0
}

@media screen and (min-width:768px) {
    .footer-wrapper ul li {
        display: inline-block;
        margin: 0 30px 0 0
    }
}


.footer-wrapper .footer-bars {
    display: none
}

@media screen and (min-width:768px) {
    .widget-sidebar {
        margin-bottom: 20px
    }

    .widget-sidebar img {
        display: block;
        max-width: 100%;
        height: auto;
        padding-bottom: 5px
    }

    .widget-sidebar h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        margin-bottom: 7.5px;
        padding-bottom: 5px;
        line-height: 1.15;
        border-bottom: 1px solid #d9d9d9;
        color: #212121
    }

    .widget-sidebar h2 small,
    .widget-sidebar h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .widget-sidebar h2 small,
    .widget-sidebar h2 .small {
        font-size: 65%
    }

    .widget-sidebar h2:first-child {
        margin-top: -5px
    }

    .widget-sidebar h3 {

        line-height: 1.1;
        color: inherit;
        margin-top: 11px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 115%;
        font-size: 20px;
        font-weight: bold;
        color: #212121;
        margin-bottom: 2.5px
    }

    .widget-sidebar h3 small,
    .widget-sidebar h3 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .widget-sidebar h3 small,
    .widget-sidebar h3 .small {
        font-size: 75%
    }

    .widget-sidebar h4 {
        font-size: 16px;
        font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        color: #212121;
        margin-top: 10px;
        margin-bottom: 5px
    }

    .widget-sidebar h4 a {
        text-decoration: none
    }

    .widget-sidebar h4 a:hover {
        text-decoration: underline
    }

    .widget-sidebar p,
    .widget-sidebar ul,
    .widget-sidebar ol {
        font-size: 15px;
        color: #575757;
        line-height: 1.35
    }

    .widget-sidebar p a,
    .widget-sidebar ul a,
    .widget-sidebar ol a {
        text-decoration: none
    }

    .widget-sidebar p a:not(.btn),
    .widget-sidebar ul a:not(.btn),
    .widget-sidebar ol a:not(.btn) {
        text-decoration: none
    }

    .widget-sidebar p a:not(.btn):hover,
    .widget-sidebar ul a:not(.btn):hover,
    .widget-sidebar ol a:not(.btn):hover {
        text-decoration: underline
    }

    .widget-sidebar p {
        margin-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar {
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar {
        margin-bottom: 48px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar img {
        padding-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar img {
        padding-bottom: 12px
    }
}

@media screen and (min-width:768px) and (max-width:767px) {
    .widget-sidebar h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 110%;
        margin-left: -2px;
        font-size: 26px
    }

    .widget-sidebar h2 small,
    .widget-sidebar h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .widget-sidebar h2 small,
    .widget-sidebar h2 .small {
        font-size: 65%
    }
}

@media screen and (min-width:768px) and (max-width:767px) and (min-width:768px) and (max-width:991px) {
    .widget-sidebar h2 {
        font-size: 28px
    }
}

@media screen and (min-width:768px) and (max-width:767px) and (min-width:992px) and (max-width:1199px) {
    .widget-sidebar h2 {
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (max-width:767px) and (min-width:1200px) {
    .widget-sidebar h2 {
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .widget-sidebar h2 {
        font-size: 26px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .widget-sidebar h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar h2 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h2 {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar h2 {
        padding-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h2 {
        padding-bottom: 12px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .widget-sidebar h3 {
        font-size: 21px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .widget-sidebar h3 {
        font-size: 22px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h3 {
        font-size: 22px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar h3 {
        margin-bottom: 5px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h3 {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .widget-sidebar h4 {
        font-size: 17px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .widget-sidebar h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar h4 {
        margin-top: 20px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h4 {
        margin-top: 24px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .widget-sidebar h4 {
        margin-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .widget-sidebar h4 {
        margin-bottom: 12px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {

    .widget-sidebar p,
    .widget-sidebar ul,
    .widget-sidebar ol {
        font-size: 15px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {

    .widget-sidebar p,
    .widget-sidebar ul,
    .widget-sidebar ol {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {

    .widget-sidebar p,
    .widget-sidebar ul,
    .widget-sidebar ol {
        font-size: 16px
    }
}


.widget-top {
    border-top: 1px solid #e4e9ec;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0 !important
}

@media (min-width:768px) {
    .widget-top {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .widget-top {
        padding-top: 24px
    }
}

@media (min-width:768px) {
    .widget-top {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .widget-top {
        padding-bottom: 24px
    }
}

.widget-ol.img-bottom,
.widget-ol-sidebar.img-bottom,
.rte.img-bottom,
.rte.widget-sidebar.img-bottom,
.img-caption2 .iwc-text.img-bottom,
.img-caption2 .cta-text.img-bottom {
    margin-bottom: 20px
}

.widget-ol ol,
.widget-ol-sidebar ol,
.rte ol,
.rte.widget-sidebar ol,
.img-caption2 .iwc-text ol,
.img-caption2 .cta-text ol {
    list-style-type: none;
    margin-left: 2.3em;
    padding: 0;
    counter-reset: li-counter;
    font-size: 16px
}

.widget-ol ol li,
.widget-ol-sidebar ol li,
.rte ol li,
.rte.widget-sidebar ol li,
.img-caption2 .iwc-text ol li,
.img-caption2 .cta-text ol li {
    margin-bottom: 5px;
    min-height: 1em;
    padding-left: 0.5em;
    position: relative
}

@media (min-width:768px) {

    .widget-ol ol li,
    .widget-ol-sidebar ol li,
    .rte ol li,
    .rte.widget-sidebar ol li,
    .img-caption2 .iwc-text ol li,
    .img-caption2 .cta-text ol li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .widget-ol ol li,
    .widget-ol-sidebar ol li,
    .rte ol li,
    .rte.widget-sidebar ol li,
    .img-caption2 .iwc-text ol li,
    .img-caption2 .cta-text ol li {
        margin-bottom: 12px
    }
}

.widget-ol ol li:before,
.widget-ol-sidebar ol li:before,
.rte ol li:before,
.rte.widget-sidebar ol li:before,
.img-caption2 .iwc-text ol li:before,
.img-caption2 .cta-text ol li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    width: 1.4em;
    line-height: 1.42;
    font-weight: 600;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    text-align: left;
    color: #0080a8;
    content: counter(li-counter) ".";
    counter-increment: li-counter
}

.widget-ol ol li li,
.widget-ol-sidebar ol li li,
.rte ol li li,
.rte.widget-sidebar ol li li,
.img-caption2 .iwc-text ol li li,
.img-caption2 .cta-text ol li li {
    margin-left: -1.1em;
    padding-left: 0.35em
}

.widget-ol ol li li:first-child,
.widget-ol-sidebar ol li li:first-child,
.rte ol li li:first-child,
.rte.widget-sidebar ol li li:first-child,
.img-caption2 .iwc-text ol li li:first-child,
.img-caption2 .cta-text ol li li:first-child {
    margin-top: 5px
}

@media (min-width:768px) {

    .widget-ol ol li li:first-child,
    .widget-ol-sidebar ol li li:first-child,
    .rte ol li li:first-child,
    .rte.widget-sidebar ol li li:first-child,
    .img-caption2 .iwc-text ol li li:first-child,
    .img-caption2 .cta-text ol li li:first-child {
        margin-top: 10px
    }
}

@media (min-width:1200px) {

    .widget-ol ol li li:first-child,
    .widget-ol-sidebar ol li li:first-child,
    .rte ol li li:first-child,
    .rte.widget-sidebar ol li li:first-child,
    .img-caption2 .iwc-text ol li li:first-child,
    .img-caption2 .cta-text ol li li:first-child {
        margin-top: 12px
    }
}

.widget-ol ol li li:before,
.widget-ol-sidebar ol li li:before,
.rte ol li li:before,
.rte.widget-sidebar ol li li:before,
.img-caption2 .iwc-text ol li li:before,
.img-caption2 .cta-text ol li li:before {
    color: #688093
}

.widget-ol ol li li li:before,
.widget-ol-sidebar ol li li li:before,
.rte ol li li li:before,
.rte.widget-sidebar ol li li li:before,
.img-caption2 .iwc-text ol li li li:before,
.img-caption2 .cta-text ol li li li:before {
    color: rgba(104, 128, 147, 0.75)
}

.widget-ol-sidebar ol,
.rte.widget-sidebar ol,
.img-caption2 .iwc-text ol,
.img-caption2 .cta-text ol {
    margin-left: 2px
}

.widget-ol-sidebar ol li,
.rte.widget-sidebar ol li,
.img-caption2 .iwc-text ol li,
.img-caption2 .cta-text ol li {
    padding-left: 1.5em
}

.widget-ol-sidebar ol li:before,
.rte.widget-sidebar ol li:before,
.img-caption2 .iwc-text ol li:before,
.img-caption2 .cta-text ol li:before {
    left: 0;
    width: .8em
}

.widget-ol-sidebar ol li li,
.rte.widget-sidebar ol li li,
.img-caption2 .iwc-text ol li li,
.img-caption2 .cta-text ol li li {
    margin-left: 1.5em
}

.widget-ol-sidebar ol li li:before,
.rte.widget-sidebar ol li li:before,
.img-caption2 .iwc-text ol li li:before,
.img-caption2 .cta-text ol li li:before {
    left: -1.3em;
    width: .8em
}

.widget-ul ul,
.rte ul,
.img-caption2 .iwc-text ul,
.img-caption2 .cta-text ul {
    padding: 0;
    margin-left: 0;
    color: #575757
}

.widget-ul ul li,
.rte ul li,
.img-caption2 .iwc-text ul li,
.img-caption2 .cta-text ul li {
    margin-left: 46px;
    list-style: none;
    margin-bottom: 5px
}

@media (min-width:768px) {

    .widget-ul ul li,
    .rte ul li,
    .img-caption2 .iwc-text ul li,
    .img-caption2 .cta-text ul li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .widget-ul ul li,
    .rte ul li,
    .img-caption2 .iwc-text ul li,
    .img-caption2 .cta-text ul li {
        margin-bottom: 12px
    }
}

.widget-ul ul li:before,
.rte ul li:before,
.img-caption2 .iwc-text ul li:before,
.img-caption2 .cta-text ul li:before {
    content: '';
    background-color: #00a3e0;
    display: inline-block;
    position: relative;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-clip: padding-box;
    margin-right: 17px;
    margin-left: -25px;
    top: -2px
}

.widget-ul ul li li,
.rte ul li li,
.img-caption2 .iwc-text ul li li,
.img-caption2 .cta-text ul li li {
    margin-left: 27px;
    margin-bottom: 5px
}

@media (min-width:768px) {

    .widget-ul ul li li,
    .rte ul li li,
    .img-caption2 .iwc-text ul li li,
    .img-caption2 .cta-text ul li li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .widget-ul ul li li,
    .rte ul li li,
    .img-caption2 .iwc-text ul li li,
    .img-caption2 .cta-text ul li li {
        margin-bottom: 12px
    }
}

.widget-ul ul li li:first-child,
.rte ul li li:first-child,
.img-caption2 .iwc-text ul li li:first-child,
.img-caption2 .cta-text ul li li:first-child {
    margin-top: 5px
}

@media (min-width:768px) {

    .widget-ul ul li li:first-child,
    .rte ul li li:first-child,
    .img-caption2 .iwc-text ul li li:first-child,
    .img-caption2 .cta-text ul li li:first-child {
        margin-top: 10px
    }
}

@media (min-width:1200px) {

    .widget-ul ul li li:first-child,
    .rte ul li li:first-child,
    .img-caption2 .iwc-text ul li li:first-child,
    .img-caption2 .cta-text ul li li:first-child {
        margin-top: 12px
    }
}

.widget-ul ul li li:before,
.rte ul li li:before,
.img-caption2 .iwc-text ul li li:before,
.img-caption2 .cta-text ul li li:before {
    background-color: #b2bfc8
}

.widget-ul ul li li li,
.rte ul li li li,
.img-caption2 .iwc-text ul li li li,
.img-caption2 .cta-text ul li li li {
    margin-left: 30px;
    margin-bottom: 5px
}

@media (min-width:768px) {

    .widget-ul ul li li li,
    .rte ul li li li,
    .img-caption2 .iwc-text ul li li li,
    .img-caption2 .cta-text ul li li li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .widget-ul ul li li li,
    .rte ul li li li,
    .img-caption2 .iwc-text ul li li li,
    .img-caption2 .cta-text ul li li li {
        margin-bottom: 12px
    }
}

.widget-ul ul li li li:before,
.rte ul li li li:before,
.img-caption2 .iwc-text ul li li li:before,
.img-caption2 .cta-text ul li li li:before {
    content: '';
    height: 2px;
    width: 10px;
    border-radius: 0%;
    background-color: #b2bfc8;
    top: -5px;
    margin-right: 16px;
    margin-left: -26px
}

.widget-ul-sidebar ul,
.rte ul,
.rte.widget-sidebar ul,
.img-caption2 .iwc-text ul,
.img-caption2 .cta-text ul,
.certification-type ul,
.certification-detail ul {
    padding: 0;
    margin-left: 0;
    color: #575757
}

.widget-ul-sidebar ul li,
.rte ul li,
.rte.widget-sidebar ul li,
.img-caption2 .iwc-text ul li,
.img-caption2 .cta-text ul li,
.certification-type ul li,
.certification-detail ul li {
    margin-left: 26px;
    list-style: none;
    margin-bottom: 4px
}

@media (min-width:768px) {

    .widget-ul-sidebar ul li,
    .rte ul li,
    .rte.widget-sidebar ul li,
    .img-caption2 .iwc-text ul li,
    .img-caption2 .cta-text ul li,
    .certification-type ul li,
    .certification-detail ul li {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {

    .widget-ul-sidebar ul li,
    .rte ul li,
    .rte.widget-sidebar ul li,
    .img-caption2 .iwc-text ul li,
    .img-caption2 .cta-text ul li,
    .certification-type ul li,
    .certification-detail ul li {
        margin-bottom: 9.6px
    }
}

.widget-ul-sidebar ul li:before,
.rte ul li:before,
.rte.widget-sidebar ul li:before,
.img-caption2 .iwc-text ul li:before,
.img-caption2 .cta-text ul li:before,
.certification-type ul li:before,
.certification-detail ul li:before {
    content: '';
    background-color: #4f17a7;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-clip: padding-box;
    margin-right: 15px;
    margin-left: -21px;
    top: -3px
}

.widget-ul-sidebar ul li li:first-child,
.rte ul li li:first-child,
.rte.widget-sidebar ul li li:first-child,
.img-caption2 .iwc-text ul li li:first-child,
.img-caption2 .cta-text ul li li:first-child,
.certification-type ul li li:first-child,
.certification-detail ul li li:first-child {
    margin-top: 5px
}

@media (min-width:768px) {

    .widget-ul-sidebar ul li li:first-child,
    .rte ul li li:first-child,
    .rte.widget-sidebar ul li li:first-child,
    .img-caption2 .iwc-text ul li li:first-child,
    .img-caption2 .cta-text ul li li:first-child,
    .certification-type ul li li:first-child,
    .certification-detail ul li li:first-child {
        margin-top: 10px
    }
}

@media (min-width:1200px) {

    .widget-ul-sidebar ul li li:first-child,
    .rte ul li li:first-child,
    .rte.widget-sidebar ul li li:first-child,
    .img-caption2 .iwc-text ul li li:first-child,
    .img-caption2 .cta-text ul li li:first-child,
    .certification-type ul li li:first-child,
    .certification-detail ul li li:first-child {
        margin-top: 12px
    }
}

.widget-ul-sidebar ul li li:before,
.rte ul li li:before,
.rte.widget-sidebar ul li li:before,
.img-caption2 .iwc-text ul li li:before,
.img-caption2 .cta-text ul li li:before,
.certification-type ul li li:before,
.certification-detail ul li li:before {
    background-color: #0080a8
}

.widget-ul-sidebar ul li li li,
.rte ul li li li,
.rte.widget-sidebar ul li li li,
.img-caption2 .iwc-text ul li li li,
.img-caption2 .cta-text ul li li li,
.certification-type ul li li li,
.certification-detail ul li li li {
    margin-left: 20px
}

.widget-ul-sidebar ul li li li:before,
.rte ul li li li:before,
.rte.widget-sidebar ul li li li:before,
.img-caption2 .iwc-text ul li li li:before,
.img-caption2 .cta-text ul li li li:before,
.certification-type ul li li li:before,
.certification-detail ul li li li:before {
    content: '';
    height: 2px;
    width: 8px;
    border-radius: 0%;
    background-color: #0080a8;
    top: -5px;
    margin-right: 10px;
    margin-left: -18px
}

.separator-rule {
    background-color: #b2bfc8;
    width: 100%;
    height: 1px;
    margin-top: 2.5px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .separator-rule {
        margin-top: 5px
    }
}

@media (min-width:1200px) {
    .separator-rule {
        margin-top: 6px
    }
}

@media (min-width:768px) {
    .separator-rule {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .separator-rule {
        margin-bottom: 24px
    }
}

.aside .separator-rule {
    height: 1px;
    background-color: #212121
}

.aside .thick-separator-rule {
    height: 1px;
    background-color: #212121
}

.thick-separator-rule {
    background-color: #d9d9d9;
    width: 100%;
    height: 1px;
    margin-top: 2.5px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .thick-separator-rule {
        margin-top: 5px
    }
}

@media (min-width:1200px) {
    .thick-separator-rule {
        margin-top: 6px
    }
}

@media (min-width:768px) {
    .thick-separator-rule {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .thick-separator-rule {
        margin-bottom: 24px
    }
}

.rte {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .rte ul {
        padding: 0;
        margin-left: 0;
        color: #575757
    }

    .rte ul li {
        margin-left: 26px;
        list-style: none;
        margin-bottom: 4px
    }

    .rte ul li:before {
        content: '';
        background-color: #4f17a7;
        display: inline-block;
        position: relative;
        height: 6px;
        width: 6px;
        border-radius: 100%;
        background-clip: padding-box;
        margin-right: 15px;
        margin-left: -21px;
        top: -3px
    }

    .rte ul li li:first-child {
        margin-top: 5px
    }

    .rte ul li li:before {
        background-color: #0080a8
    }

    .rte ul li li li {
        margin-left: 20px
    }

    .rte ul li li li:before {
        content: '';
        height: 2px;
        width: 8px;
        border-radius: 0%;
        background-color: #0080a8;
        top: -5px;
        margin-right: 10px;
        margin-left: -18px
    }

    .rte.img-bottom {
        margin-bottom: 20px
    }

    .rte ol {
        list-style-type: none;
        margin-left: 2.3em;
        padding: 0;
        counter-reset: li-counter;
        font-size: 16px
    }

    .rte ol li {
        margin-bottom: 5px;
        min-height: 1em;
        padding-left: 0.5em;
        position: relative
    }

    .rte ol li:before {
        position: absolute;
        top: 0;
        left: -1.2em;
        width: 1.4em;
        line-height: 1.42;
        font-weight: 600;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        text-align: left;
        color: #0080a8;
        content: counter(li-counter) ".";
        counter-increment: li-counter
    }

    .rte ol li li {
        margin-left: -1.1em;
        padding-left: 0.35em
    }

    .rte ol li li:first-child {
        margin-top: 5px
    }

    .rte ol li li:before {
        color: #688093
    }

    .rte ol li li li:before {
        color: rgba(104, 128, 147, 0.75)
    }

    .rte ol {
        margin-left: 2px
    }

    .rte ol li {
        padding-left: 1.5em
    }

    .rte ol li:before {
        left: 0;
        width: .8em
    }

    .rte ol li li {
        margin-left: 1.5em
    }

    .rte ol li li:before {
        left: -1.3em;
        width: .8em
    }
}

@media screen and (max-width:767px) and (min-width:768px) {
    .rte ul li {
        margin-bottom: 8px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .rte ul li {
        margin-bottom: 9.6px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {
    .rte ul li li:first-child {
        margin-top: 10px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .rte ul li li:first-child {
        margin-top: 12px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {
    .rte ol li {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .rte ol li {
        margin-bottom: 12px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {
    .rte ol li li:first-child {
        margin-top: 10px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .rte ol li li:first-child {
        margin-top: 12px
    }
}

/*@media (min-width:768px) {
    .rte {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .rte {
        margin-bottom: 48px
    }
}
*/
.rte img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-bottom: 5px
}

@media (max-width:767px) {
    .rte img {
        padding-bottom: 10px;
        margin: auto;
    }
}

@media (min-width:768px) {
    .rte img {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .rte img {
        padding-bottom: 12px
    }
}

.rte .lead-in,
.rte .lead {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    color: #212121;
    line-height: 120%;
    margin-bottom: 7.5px
}

.rte .lead-in small,
.rte .lead small,
.rte .lead-in .small,
.rte .lead .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte .lead-in small,
.rte .lead small,
.rte .lead-in .small,
.rte .lead .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {

    .rte .lead-in,
    .rte .lead {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .rte .lead-in,
    .rte .lead {
        font-size: 30px
    }
}

@media (min-width:1200px) {

    .rte .lead-in,
    .rte .lead {
        font-size: 30px
    }
}

@media (min-width:768px) {

    .rte .lead-in,
    .rte .lead {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {

    .rte .lead-in,
    .rte .lead {
        margin-bottom: 18px
    }
}

.rte .lead-in:first-child,
.rte .lead:first-child {
    margin-top: -8px
}

.rte p {
    color: #575757;
    text-shadow: 0 0 1px #eee;
}

.rte p a.btn {
    background-color: #4f17a7
}

.rte p a.btn:hover,
.rte p a.btn:focus {
    background-color: #2b008c;
    border-color: #2b008c
}

.rte p a.btn:active,
.rte p a.btn:hover:active,
.rte p a.btn:focus:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.rte p span {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important
}

.rte h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    color: #212121
}

@media (min-width:768px) {
    .rte h2 {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .rte h2 {
        margin-top: 36px
    }
}

@media (min-width:768px) {
    .rte h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .rte h2 {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) {
    .rte h2:first-child {
        margin-top: -8px
    }
}

.rte h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #ee490d;
    font-size: 23px !important
}

.rte h3 small,
.rte h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte h3 small,
.rte h3 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .rte h3 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rte h3 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .rte h3 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .rte h3 {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .rte h3 {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .rte h3 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .rte h3 {
        margin-bottom: 24px
    }
}

.rte h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #212121
}

.rte h4 small,
.rte h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte h4 small,
.rte h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .rte h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rte h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .rte h4 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .rte h4 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .rte h4 {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .rte h4 {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .rte h4 {
        margin-top: 24px
    }
}

.rte h4.footnote {
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important
}

.rte h5 {
    font-size: 14px !important;
    font-weight: normal
}

.rte h5>a {
    border: none;
    font-size: 14px
}

.rte h5>a:hover {
    color: #2b008c !important
}

.rte h5>a:active {
    color: #8a66c4 !important
}

.rte h5>a.btn {
    font-size: 14px;
    color: #fff !important
}

.rte h5>a.btn:hover {
    background-color: #2b008c !important
}

.rte h5>a.btn:active {
    background-color: #8a66c4 !important
}

/*.rte .btn.chat {*/
/*    padding-left: 34px;*/
/*    background-image: url('../assets/img/icon-chat-bubble.svg');*/
/*    background-repeat: no-repeat;*/
/*    background-size: 22px;*/
/*    background-position: 5px 12px*/
/*}*/

/*.rte .btn.chat div {*/
/*    background: 0 !important;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    position: inherit !important;*/
/*    top: 0 !important;*/
/*    left: 0 !important;*/
/*    color: inherit !important;*/
/*    font-family: inherit !important;*/
/*    font-size: inherit !important;*/
/*    border: 0 !important;*/
/*    border-radius: 0 !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important*/
/*}*/

/*.rte div.btn.chat:empty {*/
/*    display: none*/
/*}*/

.rte input.btn-primary {
    background-color: #4f17a7
}

.rte input.btn-primary:hover,
.rte input.btn-primary:focus {
    background-color: #2b008c;
    border-color: #2b008c
}

.rte input.btn-primary:active,
.rte input.btn-primary:hover:active,
.rte input.btn-primary:focus:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.rte .btn {
    color: #fff;
    background-color: #4f17a7;
    border-color: #49159a;
    white-space: normal;
    margin-top: 5px
}

.rte .btn:hover,
.rte .btn:focus,
.rte .btn.focus,
.rte .btn:active,
.rte .btn.active,
.open>.dropdown-toggle.rte .btn {
    color: #fff;
    background-color: #3a117a;
    border-color: #2f0e64
}

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

.rte .btn.disabled,
.rte .btn[disabled],
fieldset[disabled] .rte .btn,
.rte .btn.disabled:hover,
.rte .btn[disabled]:hover,
fieldset[disabled] .rte .btn:hover,
.rte .btn.disabled:focus,
.rte .btn[disabled]:focus,
fieldset[disabled] .rte .btn:focus,
.rte .btn.disabled.focus,
.rte .btn[disabled].focus,
fieldset[disabled] .rte .btn.focus,
.rte .btn.disabled:active,
.rte .btn[disabled]:active,
fieldset[disabled] .rte .btn:active,
.rte .btn.disabled.active,
.rte .btn[disabled].active,
fieldset[disabled] .rte .btn.active {
    background-color: #4f17a7;
    border-color: #49159a
}

.rte .btn .badge {
    color: #4f17a7;
    background-color: #fff
}

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

@media (min-width:768px) {
    .rte .btn {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .rte .btn {
        margin-top: 12px
    }
}

.rte.widget-sidebar h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    font-size: 20px !important;
    color: #ee490d;
    margin-top: 10px;
    margin-bottom: 10px
}

.rte.widget-sidebar h3 small,
.rte.widget-sidebar h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte.widget-sidebar h3 small,
.rte.widget-sidebar h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .rte.widget-sidebar h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rte.widget-sidebar h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .rte.widget-sidebar h3 {
        font-size: 25px
    }
}

@media (min-width:768px) {
    .rte.widget-sidebar h3 {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .rte.widget-sidebar h3 {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .rte.widget-sidebar h3 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .rte.widget-sidebar h3 {
        margin-bottom: 24px
    }
}

.rte.notification {
    padding-bottom: 12.5px;
    margin-bottom: 25px;
    background-color: #f5f5f5;
    padding-left: 15px;
    padding-right: 15px
}

/*
@media (min-width:768px) {
    .rte.notification {
        padding-bottom: 25px
    }
}

@media (min-width:1200px) {
    .rte.notification {
        padding-bottom: 30px
    }
}

@media (min-width:768px) {
    .rte.notification {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .rte.notification {
        margin-bottom: 60px
    }
}*/

@media screen and (min-width:768px) {
    .rte.notification {
        padding-left: 15px;
        padding-right: 20px
    }
}

.rte.notification img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-bottom: 5px
}

@media (min-width:768px) {
    .rte.notification img {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .rte.notification img {
        padding-bottom: 12px
    }
}

.rte.notification h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e9ec;
    color: #212121;
    margin-bottom: 0
}

@media (min-width:768px) {
    .rte.notification h2 {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .rte.notification h2 {
        padding-bottom: 12px
    }
}

.rte.notification h2:first-child {
    margin: 0 -15px 20px -15px;
    padding: 10px 15px 10px 15px;
    background-color: #ececec;
    color: #212121
}

@media screen and (min-width:768px) {
    .rte.notification h2:first-child {
        margin: 0 -20px 20px -15px;
        padding: 10px 20px 10px 20px
    }
}

.rte.notification h3 {
    color: #536675
}

.rte.notification h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #536675;
    font-weight: normal
}

.rte.notification h4 small,
.rte.notification h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte.notification h4 small,
.rte.notification h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .rte.notification h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rte.notification h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .rte.notification h4 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .rte.notification h4 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .rte.notification h4 {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .rte.notification h4 {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .rte.notification h4 {
        margin-top: 24px
    }
}

.rte.notification.widget-sidebar {
    padding-right: 15px;
    padding-left: 15px
}

.rte.notification.widget-sidebar h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    font-size: 20px !important;
    color: #ee490d;
    margin-top: 10px;
    margin-bottom: 10px
}

.rte.notification.widget-sidebar h3 small,
.rte.notification.widget-sidebar h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte.notification.widget-sidebar h3 small,
.rte.notification.widget-sidebar h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .rte.notification.widget-sidebar h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rte.notification.widget-sidebar h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .rte.notification.widget-sidebar h3 {
        font-size: 25px
    }
}

@media (min-width:768px) {
    .rte.notification.widget-sidebar h3 {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .rte.notification.widget-sidebar h3 {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .rte.notification.widget-sidebar h3 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .rte.notification.widget-sidebar h3 {
        margin-bottom: 24px
    }
}

.rte.notification.widget-sidebar h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e9ec;
    color: #212121;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .rte.notification.widget-sidebar h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 110%;
        margin-left: -2px;
        font-size: 26px
    }

    .rte.notification.widget-sidebar h2 small,
    .rte.notification.widget-sidebar h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .rte.notification.widget-sidebar h2 small,
    .rte.notification.widget-sidebar h2 .small {
        font-size: 65%
    }
}

@media screen and (max-width:767px) and (min-width:768px) and (max-width:991px) {
    .rte.notification.widget-sidebar h2 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) and (min-width:992px) and (max-width:1199px) {
    .rte.notification.widget-sidebar h2 {
        font-size: 30px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .rte.notification.widget-sidebar h2 {
        font-size: 30px
    }
}

.rte.notification.widget-sidebar h2 small,
.rte.notification.widget-sidebar h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.rte.notification.widget-sidebar h2 small,
.rte.notification.widget-sidebar h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .rte.notification.widget-sidebar h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .rte.notification.widget-sidebar h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .rte.notification.widget-sidebar h2 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .rte.notification.widget-sidebar h2 {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .rte.notification.widget-sidebar h2 {
        padding-bottom: 12px
    }
}

.rte.notification.widget-sidebar h2:first-child {
    margin: 0 -15px 20px -15px;
    padding: 10px 15px 10px 15px;
    background-color: #ececec;
    color: #212121;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 16px
}

.rte.notification.widget-sidebar p:last-child {
    margin-bottom: 0px
}


.link-list a a,
.link-list-sidebar a a {
    text-decoration: none
}




@media screen and (min-width:768px) {
    .link-list {
        margin-bottom: 25px
    }

    .link-list h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 110%;
        margin-left: -2px;
        font-size: 26px;
        margin-top: 15px;
        margin-bottom: 10px;
        color: #212121;
        border-bottom: none
    }

    .link-list h2 small,
    .link-list h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .link-list h2 small,
    .link-list h2 .small {
        font-size: 65%
    }

    .link-list h2:first-child {
        margin-top: -8px
    }

    .link-list ul {
        list-style-type: none;
        padding-left: 0
    }

    .link-list li,
    .link-list div {
        margin-bottom: 6.5px;
        padding-top: 6.5px;
        padding-bottom: 0;
        border-top: 1px solid #e4e9ec
    }

    .link-list h2+div {
        border-top: none;
        padding: 0
    }

    .link-list a {

        line-height: 1.1;
        color: inherit;
        margin-top: 11px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 115%;
        font-size: 20px;
        font-weight: bold;
        color: #4f17a7
    }

    .link-list a small,
    .link-list a .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .link-list a small,
    .link-list a .small {
        font-size: 75%
    }

    .link-list a:hover {
        color: #2b008c
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .link-list {
        margin-bottom: 50px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .link-list {
        margin-bottom: 60px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .link-list h2 {
        font-size: 28px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .link-list h2 {
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .link-list h2 {
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .link-list h2 {
        margin-top: 30px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .link-list h2 {
        margin-top: 36px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .link-list h2 {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .link-list h2 {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {

    .link-list li,
    .link-list div {
        margin-bottom: 13px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {

    .link-list li,
    .link-list div {
        margin-bottom: 15.6px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {

    .link-list li,
    .link-list div {
        padding-top: 13px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {

    .link-list li,
    .link-list div {
        padding-top: 15.6px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .link-list a {
        font-size: 21px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .link-list a {
        font-size: 22px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .link-list a {
        font-size: 22px
    }
}

.aside .link-list {
    margin-bottom: 25px;
    line-height: 1.2
}

@media (min-width:768px) {
    .aside .link-list {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .aside .link-list {
        margin-bottom: 60px
    }
}

.aside .link-list h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e9ec;
    color: #212121;
    line-height: 1.15
}

.aside .link-list h2 small,
.aside .link-list h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.aside .link-list h2 small,
.aside .link-list h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .aside .link-list h2 {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .aside .link-list h2 {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .aside .link-list h2 {
        font-size: 30px
    }
}

@media (min-width:768px) {
    .aside .link-list h2 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .aside .link-list h2 {
        margin-bottom: 36px
    }
}

@media (min-width:768px) {
    .aside .link-list h2 {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .aside .link-list h2 {
        padding-bottom: 24px
    }
}

.aside .link-list h2:first-of-type {
    margin-top: -5px
}

@media screen and (min-width:768px) {
    .aside .link-list h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        margin-bottom: 7.5px;
        padding-bottom: 5px;
        color: #212121
    }

    .aside .link-list h2 small,
    .aside .link-list h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .aside .link-list h2 small,
    .aside .link-list h2 .small {
        font-size: 65%
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .aside .link-list h2 {
        font-size: 26px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .aside .link-list h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .link-list h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .aside .link-list h2 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .link-list h2 {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .aside .link-list h2 {
        padding-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .link-list h2 {
        padding-bottom: 12px
    }
}

.aside .link-list ul {
    list-style-type: none;
    padding-left: 0
}

.aside .link-list li,
.aside .link-list div {
    margin-bottom: 6.5px;
    border-top: none;
    padding: 0
}

@media (min-width:768px) {

    .aside .link-list li,
    .aside .link-list div {
        margin-bottom: 13px
    }
}

@media (min-width:1200px) {

    .aside .link-list li,
    .aside .link-list div {
        margin-bottom: 15.6px
    }
}

.aside .link-list a {
    font-size: 16px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-bottom: 2.5px
}

.aside .link-list a a {
    text-decoration: none
}

.aside .link-list a a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .aside .link-list a {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .aside .link-list a {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .aside .link-list a {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .aside .link-list a {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .aside .link-list a {
        margin-bottom: 6px
    }
}

.link-icon {
    font-size: 15px !important;
    color: rgba(104, 128, 147, 0.8);
    padding-left: 2px
}

.link-icon a {
    text-decoration: none !important
}

.link-icon a:not(.btn) {
    text-decoration: none !important
}

.link-icon a:not(.btn):hover {
    text-decoration: underline !important
}

@media (min-width:768px) and (max-width:991px) {
    .link-icon {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .link-icon {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .link-icon {
        font-size: 16px
    }
}

.fa-file-image-o,
.fa-external-link,
.fa-file-pdf-o,
svg.icon {
    position: relative;
    font-size: 75%;
    margin-left: 1px;
    width: 15px;
    height: 15px;
    vertical-align: middle;

}

.fa-file-image-o,
.fa-file-pdf-o {
    top: -0.08em
}

.panel-video {
    border: none;
    background-color: #575757;
    color: #fff;
    border-radius: 0;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .panel-video {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .panel-video {
        margin-bottom: 60px
    }
}

.panel-video h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-bottom: 5px
}

.panel-video h2 small,
.panel-video h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.panel-video h2 small,
.panel-video h2 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .panel-video h2 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .panel-video h2 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .panel-video h2 {
        font-size: 25px
    }
}

@media (min-width:768px) {
    .panel-video h2 {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .panel-video h2 {
        margin-bottom: 12px
    }
}

.panel-video .panel-heading {
    background-color: #536675;
    border: none
}

.panel-video .video-embed {
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden
}

@media screen and (min-width:480px) {
    .panel-video .video-embed {
        padding-bottom: 56%
    }
}

.panel-video .video-embed iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.panel-video .panel-body [itemprop="description"] p {
    color: #fff
}

.thumbnail-text {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .thumbnail-text {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .thumbnail-text {
        margin-bottom: 60px
    }
}

.thumbnail-text h2 {
    color: #536675;
    margin-top: 7.5px;
    margin-bottom: 9px
}

@media (min-width:768px) {
    .thumbnail-text h2 {
        margin-top: 15px
    }
}

@media (min-width:1200px) {
    .thumbnail-text h2 {
        margin-top: 18px
    }
}

@media (min-width:768px) {
    .thumbnail-text h2 {
        margin-bottom: 18px
    }
}

@media (min-width:1200px) {
    .thumbnail-text h2 {
        margin-bottom: 21.6px
    }
}

.thumbnail-text img {
    margin-top: 6px;
    border: 1px solid #e4e9ec
}

.image-caption {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .image-caption {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .image-caption {
        margin-bottom: 60px
    }
}

.image-caption h2 {
    color: #536675;
    margin-top: 0;
    margin-bottom: 9px
}

@media (min-width:768px) {
    .image-caption h2 {
        margin-bottom: 18px
    }
}

@media (min-width:1200px) {
    .image-caption h2 {
        margin-bottom: 21.6px
    }
}

.image-caption h3 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    color: #536675
}

.image-caption h3 small,
.image-caption h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.image-caption h3 small,
.image-caption h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .image-caption h3 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .image-caption h3 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .image-caption h3 {
        font-size: 22px
    }
}

.image-caption img {
    margin-top: 6px
}

.image-caption.notification {
    margin-left: 0;
    margin-right: 0;
    background-color: #e4e9ec
}

.image-caption.notification img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-bottom: 5px
}

@media (min-width:768px) {
    .image-caption.notification img {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .image-caption.notification img {
        padding-bottom: 12px
    }
}

.image-caption.notification h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e9ec;
    color: #536675;
    margin-bottom: 0
}

@media (min-width:768px) {
    .image-caption.notification h2 {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .image-caption.notification h2 {
        padding-bottom: 12px
    }
}

.image-caption.notification .col-xs-12 {
    padding-left: 0;
    padding-right: 0
}

.image-caption.notification .col-xs-12 h2:first-of-type {
    padding: 15px;
    margin-left: 0;
    background-color: #00a3e0;
    color: #fff
}

.image-caption.notification .col-xs-12 img {
    padding: 15px
}

.image-caption.notification .col-xs-9,
.image-caption.notification .col-xs-3 {
    padding: 15px;
    background-color: #e4e9ec
}

.image-caption.notification .col-xs-9 h2:first-of-type,
.image-caption.notification .col-xs-3 h2:first-of-type {
    margin-top: 4px;
    color: #00a3e0
}

.image-caption .rule {
    margin-bottom: 10px;
    background-color: #e4e9ec
}

@media (min-width:768px) {
    .image-caption .rule {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .image-caption .rule {
        margin-bottom: 24px
    }
}

.resources-sidebar {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .resources-sidebar {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .resources-sidebar {
        margin-bottom: 60px
    }
}

.resources-sidebar ul {
    list-style-type: none;
    padding-left: 0
}

.resources-sidebar ul li>ul {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .resources-sidebar ul li>ul {
        margin-bottom: 24px
    }
}

@media (min-width:1200px) {
    .resources-sidebar ul li>ul {
        margin-bottom: 28.8px
    }
}

.resources-sidebar li {
    margin-bottom: 6px;
    margin-top: 5px;
    color: #688093
}

@media (min-width:768px) {
    .resources-sidebar li {
        margin-bottom: 12px
    }
}

@media (min-width:1200px) {
    .resources-sidebar li {
        margin-bottom: 14.4px
    }
}

@media (min-width:768px) {
    .resources-sidebar li {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .resources-sidebar li {
        margin-top: 12px
    }
}

.resources-sidebar li li {
    margin-bottom: 6px;
    margin-top: 7px
}

@media (min-width:768px) {
    .resources-sidebar li li {
        margin-bottom: 12px
    }
}

@media (min-width:1200px) {
    .resources-sidebar li li {
        margin-bottom: 14.4px
    }
}

@media (min-width:768px) {
    .resources-sidebar li li {
        margin-top: 14px
    }
}

@media (min-width:1200px) {
    .resources-sidebar li li {
        margin-top: 16.8px
    }
}

.resources-sidebar h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e9ec;
    color: #575757;
    line-height: 1.15
}

.resources-sidebar h2 small,
.resources-sidebar h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.resources-sidebar h2 small,
.resources-sidebar h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .resources-sidebar h2 {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .resources-sidebar h2 {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .resources-sidebar h2 {
        font-size: 30px
    }
}

@media (min-width:768px) {
    .resources-sidebar h2 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .resources-sidebar h2 {
        margin-bottom: 36px
    }
}

@media (min-width:768px) {
    .resources-sidebar h2 {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .resources-sidebar h2 {
        padding-bottom: 24px
    }
}

.resources-sidebar h2:first-of-type {
    margin-top: -5px
}

@media screen and (min-width:768px) {
    .resources-sidebar h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        margin-bottom: 7.5px;
        padding-bottom: 5px;
        color: #575757
    }

    .resources-sidebar h2 small,
    .resources-sidebar h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .resources-sidebar h2 small,
    .resources-sidebar h2 .small {
        font-size: 65%
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .resources-sidebar h2 {
        font-size: 26px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .resources-sidebar h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .resources-sidebar h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .resources-sidebar h2 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .resources-sidebar h2 {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .resources-sidebar h2 {
        padding-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .resources-sidebar h2 {
        padding-bottom: 12px
    }
}

.resources-sidebar h3 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #536675;
    margin-bottom: 7.5px;
    margin-top: 14px
}

.resources-sidebar h3 small,
.resources-sidebar h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.resources-sidebar h3 small,
.resources-sidebar h3 .small {
    font-size: 75%
}

@media (min-width:992px) {
    .resources-sidebar h3 {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .resources-sidebar h3 {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .resources-sidebar h3 {
        margin-bottom: 18px
    }
}

@media screen and (min-width:992px) {
    .resources-sidebar h3 {
        margin-top: 8px
    }
}

@media screen and (min-width:992px) and (min-width:768px) {
    .resources-sidebar h3 {
        margin-top: 16px
    }
}

@media screen and (min-width:992px) and (min-width:1200px) {
    .resources-sidebar h3 {
        margin-top: 19.2px
    }
}

.resources-sidebar p,
.resources-sidebar ul,
.resources-sidebar ol {
    font-size: 15px;
    line-height: 1.35
}

.resources-sidebar p a,
.resources-sidebar ul a,
.resources-sidebar ol a {
    text-decoration: none
}

.resources-sidebar p a:not(.btn),
.resources-sidebar ul a:not(.btn),
.resources-sidebar ol a:not(.btn) {
    text-decoration: none
}

.resources-sidebar p a:not(.btn):hover,
.resources-sidebar ul a:not(.btn):hover,
.resources-sidebar ol a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {

    .resources-sidebar p,
    .resources-sidebar ul,
    .resources-sidebar ol {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .resources-sidebar p,
    .resources-sidebar ul,
    .resources-sidebar ol {
        font-size: 16px
    }
}

@media (min-width:1200px) {

    .resources-sidebar p,
    .resources-sidebar ul,
    .resources-sidebar ol {
        font-size: 16px
    }
}

.resources-sidebar p {
    margin-bottom: 7.5px;
    color: #575757
}

@media (min-width:768px) {
    .resources-sidebar p {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .resources-sidebar p {
        margin-bottom: 18px
    }
}

.resources-sidebar .link {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2.5px;
    padding-left: 0
}

.resources-sidebar .link a {
    text-decoration: none
}

.resources-sidebar .link a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .resources-sidebar .link {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .resources-sidebar .link {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .resources-sidebar .link {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .resources-sidebar .link {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .resources-sidebar .link {
        margin-bottom: 6px
    }
}

.icon-widget-base {
    color: #536675
}

.icon-widget-base.smaller-icon h4,
.icon-widget-base.smaller-icon h3,
.icon-widget-base.smaller-icon .term,
.icon-widget-base.smaller-icon p,
.icon-widget-base.smaller-icon a,
.icon-widget-base.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .icon-widget-base.smaller-icon h4,
    .icon-widget-base.smaller-icon h3,
    .icon-widget-base.smaller-icon .term,
    .icon-widget-base.smaller-icon p,
    .icon-widget-base.smaller-icon a,
    .icon-widget-base.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .icon-widget-base.smaller-icon h4,
    .icon-widget-base.smaller-icon h3,
    .icon-widget-base.smaller-icon .term,
    .icon-widget-base.smaller-icon p,
    .icon-widget-base.smaller-icon a,
    .icon-widget-base.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .icon-widget-base.smaller-icon h4,
    .icon-widget-base.smaller-icon h3,
    .icon-widget-base.smaller-icon .term,
    .icon-widget-base.smaller-icon p,
    .icon-widget-base.smaller-icon a,
    .icon-widget-base.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.icon-widget-base ul {
    list-style-type: none;
    padding-left: 0
}

.icon-widget-base li {
    overflow: hidden
}

.icon-widget-base img,
.icon-widget-base svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .icon-widget-base img,
    .icon-widget-base svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .icon-widget-base img,
    .icon-widget-base svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .icon-widget-base img,
    .icon-widget-base svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .icon-widget-base img,
    .icon-widget-base svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .icon-widget-base img,
    .icon-widget-base svg:not(.icon) {
        width: 125px
    }
}

.icon-widget-base h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .icon-widget-base h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .icon-widget-base h2 {
        margin-bottom: 24px
    }
}

.icon-widget-base h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.icon-widget-base h3 small,
.icon-widget-base h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.icon-widget-base h3 small,
.icon-widget-base h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .icon-widget-base h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .icon-widget-base h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .icon-widget-base h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .icon-widget-base h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .icon-widget-base h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .icon-widget-base h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.icon-widget-base h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.icon-widget-base h4 small,
.icon-widget-base h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.icon-widget-base h4 small,
.icon-widget-base h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .icon-widget-base h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .icon-widget-base h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .icon-widget-base h4 {
        font-size: 22px
    }
}

.icon-widget-base h4 a {
    margin-left: 0
}

.icon-widget-base h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .icon-widget-base h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .icon-widget-base h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .icon-widget-base h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.icon-widget-base a {
    display: block
}

.icon-widget-base p,
.icon-widget-base a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.icon-widget-base p a,
.icon-widget-base a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .icon-widget-base p,
    .icon-widget-base a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .icon-widget-base p,
    .icon-widget-base a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .icon-widget-base p,
    .icon-widget-base a {
        margin-left: 150px
    }
}

.icon-widget-base .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.icon-widget-base .term small,
.icon-widget-base .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.icon-widget-base .term small,
.icon-widget-base .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .icon-widget-base .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .icon-widget-base .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .icon-widget-base .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .icon-widget-base .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.icon-widget-large img,
.icon-widget-large svg {
    float: left;
    width: 90px;
    font-size: 96px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .icon-widget-large img,
    .icon-widget-large svg {
        width: 112.5px;
        font-size: 120px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .icon-widget-large img,
    .icon-widget-large svg {
        width: 150px;
        font-size: 159px
    }
}

@media screen and (min-width:1200px) {

    .icon-widget-large img,
    .icon-widget-large svg {
        width: 187.5px;
        font-size: 195px
    }
}

.icon-widget-large img .fa,
.icon-widget-large svg .fa {
    display: block
}

.icon-widget-large h4,
.icon-widget-large h3,
.icon-widget-large .term,
.icon-widget-large p,
.icon-widget-large a,
.icon-widget-large p>a {
    margin-left: 110px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .icon-widget-large h4,
    .icon-widget-large h3,
    .icon-widget-large .term,
    .icon-widget-large p,
    .icon-widget-large a,
    .icon-widget-large p>a {
        margin-left: 140px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .icon-widget-large h4,
    .icon-widget-large h3,
    .icon-widget-large .term,
    .icon-widget-large p,
    .icon-widget-large a,
    .icon-widget-large p>a {
        margin-left: 170px;
        margin-bottom: 10px
    }
}

@media screen and (min-width:1200px) {

    .icon-widget-large h4,
    .icon-widget-large h3,
    .icon-widget-large .term,
    .icon-widget-large p,
    .icon-widget-large a,
    .icon-widget-large p>a {
        margin-left: 190px;
        margin-bottom: 10px
    }
}

.widget-top {
    border-top: 1px solid #e4e9ec;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0 !important
}

@media (min-width:768px) {
    .widget-top {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .widget-top {
        padding-top: 24px
    }
}

@media (min-width:768px) {
    .widget-top {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .widget-top {
        padding-bottom: 24px
    }
}

.widget-icon {
    float: left;
    width: 60px;
    font-size: 64px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .widget-icon {
        width: 75px;
        font-size: 80px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .widget-icon {
        width: 100px;
        font-size: 106px
    }
}

@media screen and (min-width:1200px) {
    .widget-icon {
        width: 125px;
        font-size: 130px
    }
}

.widget-icon .fa {
    display: block
}

.board-of-directors {
    color: #536675;
    margin-bottom: 25px
}

.board-of-directors.smaller-icon h4,
.board-of-directors.smaller-icon h3,
.board-of-directors.smaller-icon .term,
.board-of-directors.smaller-icon p,
.board-of-directors.smaller-icon a,
.board-of-directors.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .board-of-directors.smaller-icon h4,
    .board-of-directors.smaller-icon h3,
    .board-of-directors.smaller-icon .term,
    .board-of-directors.smaller-icon p,
    .board-of-directors.smaller-icon a,
    .board-of-directors.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .board-of-directors.smaller-icon h4,
    .board-of-directors.smaller-icon h3,
    .board-of-directors.smaller-icon .term,
    .board-of-directors.smaller-icon p,
    .board-of-directors.smaller-icon a,
    .board-of-directors.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .board-of-directors.smaller-icon h4,
    .board-of-directors.smaller-icon h3,
    .board-of-directors.smaller-icon .term,
    .board-of-directors.smaller-icon p,
    .board-of-directors.smaller-icon a,
    .board-of-directors.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.board-of-directors ul {
    list-style-type: none;
    padding-left: 0
}

.board-of-directors li {
    overflow: hidden
}

.board-of-directors img,
.board-of-directors svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .board-of-directors img,
    .board-of-directors svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .board-of-directors img,
    .board-of-directors svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .board-of-directors img,
    .board-of-directors svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .board-of-directors img,
    .board-of-directors svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .board-of-directors img,
    .board-of-directors svg:not(.icon) {
        width: 125px
    }
}

.board-of-directors h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .board-of-directors h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .board-of-directors h2 {
        margin-bottom: 24px
    }
}

.board-of-directors h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.board-of-directors h3 small,
.board-of-directors h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.board-of-directors h3 small,
.board-of-directors h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .board-of-directors h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .board-of-directors h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .board-of-directors h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .board-of-directors h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .board-of-directors h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .board-of-directors h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.board-of-directors h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.board-of-directors h4 small,
.board-of-directors h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.board-of-directors h4 small,
.board-of-directors h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .board-of-directors h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .board-of-directors h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .board-of-directors h4 {
        font-size: 22px
    }
}

.board-of-directors h4 a {
    margin-left: 0
}

.board-of-directors h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .board-of-directors h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .board-of-directors h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .board-of-directors h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.board-of-directors a {
    display: block
}

.board-of-directors p,
.board-of-directors a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.board-of-directors p a,
.board-of-directors a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .board-of-directors p,
    .board-of-directors a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .board-of-directors p,
    .board-of-directors a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .board-of-directors p,
    .board-of-directors a {
        margin-left: 150px
    }
}

.board-of-directors .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.board-of-directors .term small,
.board-of-directors .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.board-of-directors .term small,
.board-of-directors .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .board-of-directors .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .board-of-directors .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .board-of-directors .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .board-of-directors .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.board-of-directors .more {
    margin-left: 0
}

@media (min-width:768px) {
    .board-of-directors {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .board-of-directors {
        margin-bottom: 60px
    }
}

.webinar {
    color: #536675;
    margin-bottom: 25px
}

.webinar.smaller-icon h4,
.webinar.smaller-icon h3,
.webinar.smaller-icon .term,
.webinar.smaller-icon p,
.webinar.smaller-icon a,
.webinar.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .webinar.smaller-icon h4,
    .webinar.smaller-icon h3,
    .webinar.smaller-icon .term,
    .webinar.smaller-icon p,
    .webinar.smaller-icon a,
    .webinar.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .webinar.smaller-icon h4,
    .webinar.smaller-icon h3,
    .webinar.smaller-icon .term,
    .webinar.smaller-icon p,
    .webinar.smaller-icon a,
    .webinar.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .webinar.smaller-icon h4,
    .webinar.smaller-icon h3,
    .webinar.smaller-icon .term,
    .webinar.smaller-icon p,
    .webinar.smaller-icon a,
    .webinar.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.webinar ul {
    list-style-type: none;
    padding-left: 0
}

.webinar li {
    overflow: hidden
}

.webinar img,
.webinar svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .webinar img,
    .webinar svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .webinar img,
    .webinar svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .webinar img,
    .webinar svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .webinar img,
    .webinar svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .webinar img,
    .webinar svg:not(.icon) {
        width: 125px
    }
}

.webinar h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .webinar h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .webinar h2 {
        margin-bottom: 24px
    }
}

.webinar h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.webinar h3 small,
.webinar h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.webinar h3 small,
.webinar h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .webinar h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .webinar h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .webinar h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .webinar h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .webinar h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .webinar h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.webinar h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.webinar h4 small,
.webinar h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.webinar h4 small,
.webinar h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .webinar h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .webinar h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .webinar h4 {
        font-size: 22px
    }
}

.webinar h4 a {
    margin-left: 0
}

.webinar h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .webinar h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .webinar h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .webinar h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.webinar a {
    display: block
}

.webinar p,
.webinar a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.webinar p a,
.webinar a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .webinar p,
    .webinar a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .webinar p,
    .webinar a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .webinar p,
    .webinar a {
        margin-left: 150px
    }
}

.webinar .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.webinar .term small,
.webinar .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.webinar .term small,
.webinar .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .webinar .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .webinar .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .webinar .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .webinar .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.webinar .more {
    margin-left: 0
}

@media (min-width:768px) {
    .webinar {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .webinar {
        margin-bottom: 60px
    }
}

.webinar .duration {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 4px
}

.webinar .duration small,
.webinar .duration .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.webinar .duration small,
.webinar .duration .small {
    font-size: 75%
}

@media (min-width:992px) {
    .webinar .duration {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .webinar .duration {
        margin-top: 8px
    }
}

@media (min-width:1200px) {
    .webinar .duration {
        margin-top: 9.6px
    }
}

.webinar .duration svg {
    width: 14px;
    margin: 0;
    margin-right: 4px
}

.webinar .date {
    font-size: 15px;
    color: #688093;
    margin-bottom: 4px
}

.webinar .date a {
    text-decoration: none
}

.webinar .date a:not(.btn) {
    text-decoration: none
}

.webinar .date a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .webinar .date {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .webinar .date {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .webinar .date {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .webinar .date {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {
    .webinar .date {
        margin-bottom: 9.6px
    }
}

.webinar .rule {
    background-color: #e4e9ec;
    margin-bottom: 9px;
    height: 1px
}

@media (min-width:768px) {
    .webinar .rule {
        margin-bottom: 18px
    }
}

@media (min-width:1200px) {
    .webinar .rule {
        margin-bottom: 21.6px
    }
}

.webinar li {
    padding-bottom: 7.5px
}

@media (min-width:768px) {
    .webinar li {
        padding-bottom: 15px
    }
}

@media (min-width:1200px) {
    .webinar li {
        padding-bottom: 18px
    }
}

.webinar li:nth-child(odd) {
    clear: left
}

.webinar li.no-icon h4,
.webinar li.no-icon h3,
.webinar li.no-icon .term,
.webinar li.no-icon p,
.webinar li.no-icon a,
.webinar li.no-icon p>a {
    margin-left: 0px
}

.webinar .widget-icon {
    float: left;
    width: 60px;
    font-size: 54px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .webinar .widget-icon {
        width: 75px;
        font-size: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .webinar .widget-icon {
        width: 100px;
        font-size: 94px
    }
}

@media screen and (min-width:1200px) {
    .webinar .widget-icon {
        width: 125px;
        font-size: 110px
    }
}

.ethics-article {
    color: #536675;
    margin-bottom: 25px
}

.ethics-article.smaller-icon h4,
.ethics-article.smaller-icon h3,
.ethics-article.smaller-icon .term,
.ethics-article.smaller-icon p,
.ethics-article.smaller-icon a,
.ethics-article.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .ethics-article.smaller-icon h4,
    .ethics-article.smaller-icon h3,
    .ethics-article.smaller-icon .term,
    .ethics-article.smaller-icon p,
    .ethics-article.smaller-icon a,
    .ethics-article.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .ethics-article.smaller-icon h4,
    .ethics-article.smaller-icon h3,
    .ethics-article.smaller-icon .term,
    .ethics-article.smaller-icon p,
    .ethics-article.smaller-icon a,
    .ethics-article.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .ethics-article.smaller-icon h4,
    .ethics-article.smaller-icon h3,
    .ethics-article.smaller-icon .term,
    .ethics-article.smaller-icon p,
    .ethics-article.smaller-icon a,
    .ethics-article.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.ethics-article ul {
    list-style-type: none;
    padding-left: 0
}

.ethics-article li {
    overflow: hidden
}

.ethics-article img,
.ethics-article svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .ethics-article img,
    .ethics-article svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .ethics-article img,
    .ethics-article svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .ethics-article img,
    .ethics-article svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .ethics-article img,
    .ethics-article svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .ethics-article img,
    .ethics-article svg:not(.icon) {
        width: 125px
    }
}

.ethics-article h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .ethics-article h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .ethics-article h2 {
        margin-bottom: 24px
    }
}

.ethics-article h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.ethics-article h3 small,
.ethics-article h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.ethics-article h3 small,
.ethics-article h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .ethics-article h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .ethics-article h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .ethics-article h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .ethics-article h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .ethics-article h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .ethics-article h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.ethics-article h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.ethics-article h4 small,
.ethics-article h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.ethics-article h4 small,
.ethics-article h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .ethics-article h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .ethics-article h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .ethics-article h4 {
        font-size: 22px
    }
}

.ethics-article h4 a {
    margin-left: 0
}

.ethics-article h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .ethics-article h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .ethics-article h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .ethics-article h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.ethics-article a {
    display: block
}

.ethics-article p,
.ethics-article a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.ethics-article p a,
.ethics-article a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .ethics-article p,
    .ethics-article a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .ethics-article p,
    .ethics-article a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .ethics-article p,
    .ethics-article a {
        margin-left: 150px
    }
}

.ethics-article .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.ethics-article .term small,
.ethics-article .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.ethics-article .term small,
.ethics-article .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .ethics-article .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .ethics-article .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .ethics-article .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .ethics-article .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.ethics-article .more {
    margin-left: 0
}

@media (min-width:768px) {
    .ethics-article {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .ethics-article {
        margin-bottom: 60px
    }
}

.ethics-article .widget-icon svg {
    width: 100%
}

.ethics-article .author {
    font-size: 93%;
    color: #688093;
    margin-bottom: 4px;
    margin-top: 4px
}

@media (min-width:768px) {
    .ethics-article .author {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {
    .ethics-article .author {
        margin-bottom: 9.6px
    }
}

@media (min-width:768px) {
    .ethics-article .author {
        margin-top: 8px
    }
}

@media (min-width:1200px) {
    .ethics-article .author {
        margin-top: 9.6px
    }
}

.ethics-article .rule {
    margin-bottom: 9px;
    height: 1px;
    background-color: #e4e9ec
}

@media (min-width:768px) {
    .ethics-article .rule {
        margin-bottom: 18px
    }
}

@media (min-width:1200px) {
    .ethics-article .rule {
        margin-bottom: 21.6px
    }
}

.ethics-article p {
    line-height: 1.42857143
}

.ethics-article h4 a {
    display: inline !important
}

.ethics-article li {
    padding-bottom: 10px
}

@media (min-width:768px) {
    .ethics-article li {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .ethics-article li {
        padding-bottom: 24px
    }
}

.ethics-article li:nth-child(odd) {
    clear: left
}

.ethics-article .date {
    font-size: 15px;
    color: #688093;
    margin-bottom: 4px
}

.ethics-article .date a {
    text-decoration: none
}

.ethics-article .date a:not(.btn) {
    text-decoration: none
}

.ethics-article .date a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .ethics-article .date {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .ethics-article .date {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .ethics-article .date {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .ethics-article .date {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {
    .ethics-article .date {
        margin-bottom: 9.6px
    }
}

.ethics-article .no-ethics-image h4,
.ethics-article .no-ethics-image h3,
.ethics-article .no-ethics-image p,
.ethics-article .no-ethics-image a,
.ethics-article .no-ethics-image p>a {
    margin-left: 0
}

.image-with-abstract {
    margin-bottom: 10px;
    margin-top: 10px
}

@media (min-width:768px) {
    .image-with-abstract {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .image-with-abstract {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .image-with-abstract {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .image-with-abstract {
        margin-top: 24px
    }
}

.image-with-abstract h4,
.image-with-abstract h3,
.image-with-abstract .term,
.image-with-abstract p,
.image-with-abstract a,
.image-with-abstract p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .image-with-abstract h4,
    .image-with-abstract h3,
    .image-with-abstract .term,
    .image-with-abstract p,
    .image-with-abstract a,
    .image-with-abstract p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .image-with-abstract h4,
    .image-with-abstract h3,
    .image-with-abstract .term,
    .image-with-abstract p,
    .image-with-abstract a,
    .image-with-abstract p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .image-with-abstract h4,
    .image-with-abstract h3,
    .image-with-abstract .term,
    .image-with-abstract p,
    .image-with-abstract a,
    .image-with-abstract p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.image-with-abstract .widget-icon-small {
    float: left;
    width: 30px;
    font-size: 34px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .image-with-abstract .widget-icon-small {
        width: 35px;
        font-size: 40px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .image-with-abstract .widget-icon-small {
        width: 50px;
        font-size: 55px
    }
}

@media screen and (min-width:1200px) {
    .image-with-abstract .widget-icon-small {
        width: 62px;
        font-size: 67px
    }
}

.image-with-abstract .widget-icon-small .fa {
    display: block
}

.emg {
    color: #536675
}

.emg.smaller-icon h4,
.emg.smaller-icon h3,
.emg.smaller-icon .term,
.emg.smaller-icon p,
.emg.smaller-icon a,
.emg.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .emg.smaller-icon h4,
    .emg.smaller-icon h3,
    .emg.smaller-icon .term,
    .emg.smaller-icon p,
    .emg.smaller-icon a,
    .emg.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .emg.smaller-icon h4,
    .emg.smaller-icon h3,
    .emg.smaller-icon .term,
    .emg.smaller-icon p,
    .emg.smaller-icon a,
    .emg.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .emg.smaller-icon h4,
    .emg.smaller-icon h3,
    .emg.smaller-icon .term,
    .emg.smaller-icon p,
    .emg.smaller-icon a,
    .emg.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.emg ul {
    list-style-type: none;
    padding-left: 0
}

.emg li {
    overflow: hidden
}

.emg img,
.emg svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .emg img,
    .emg svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .emg img,
    .emg svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .emg img,
    .emg svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .emg img,
    .emg svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .emg img,
    .emg svg:not(.icon) {
        width: 125px
    }
}

.emg h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .emg h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .emg h2 {
        margin-bottom: 24px
    }
}

.emg h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.emg h3 small,
.emg h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.emg h3 small,
.emg h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .emg h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .emg h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .emg h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .emg h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .emg h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .emg h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.emg h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.emg h4 small,
.emg h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.emg h4 small,
.emg h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .emg h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .emg h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .emg h4 {
        font-size: 22px
    }
}

.emg h4 a {
    margin-left: 0
}

.emg h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .emg h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .emg h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .emg h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.emg a {
    display: block
}

.emg p,
.emg a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.emg p a,
.emg a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .emg p,
    .emg a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .emg p,
    .emg a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .emg p,
    .emg a {
        margin-left: 150px
    }
}

.emg .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.emg .term small,
.emg .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.emg .term small,
.emg .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .emg .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .emg .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .emg .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .emg .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.emg .more {
    margin-left: 0
}

.emg h3 a {
    margin-left: 0
}

.emg .widget-top:first-child {
    border-top: none;
    padding-top: 0
}

.press-article-list,
.news-article-list,
.press-article {
    margin-bottom: 25px
}

@media (min-width:768px) {

    .press-article-list,
    .news-article-list,
    .press-article {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {

    .press-article-list,
    .news-article-list,
    .press-article {
        margin-bottom: 60px
    }
}

.press-article-list h2,
.news-article-list h2,
.press-article h2 {
    color: #536675;
    margin-bottom: 10px
}

@media (min-width:768px) {

    .press-article-list h2,
    .news-article-list h2,
    .press-article h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .press-article-list h2,
    .news-article-list h2,
    .press-article h2 {
        margin-bottom: 24px
    }
}

.press-article-list .date,
.news-article-list .date,
.press-article .date {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 2.5px;
    color: #688093
}

.press-article-list .date small,
.news-article-list .date small,
.press-article .date small,
.press-article-list .date .small,
.news-article-list .date .small,
.press-article .date .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.press-article-list .date small,
.news-article-list .date small,
.press-article .date small,
.press-article-list .date .small,
.news-article-list .date .small,
.press-article .date .small {
    font-size: 75%
}

@media (min-width:992px) {

    .press-article-list .date,
    .news-article-list .date,
    .press-article .date {
        font-size: 14px
    }
}

@media (min-width:768px) {

    .press-article-list .date,
    .news-article-list .date,
    .press-article .date {
        margin-top: 5px
    }
}

@media (min-width:1200px) {

    .press-article-list .date,
    .news-article-list .date,
    .press-article .date {
        margin-top: 6px
    }
}

.press-article-list .publication,
.news-article-list .publication,
.press-article .publication {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic
}

.press-article-list .lead-in,
.news-article-list .lead-in,
.press-article .lead-in,
.press-article-list .lead,
.news-article-list .lead,
.press-article .lead {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    color: #688093;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 7.5px
}

.press-article-list .lead-in small,
.news-article-list .lead-in small,
.press-article .lead-in small,
.press-article-list .lead small,
.news-article-list .lead small,
.press-article .lead small,
.press-article-list .lead-in .small,
.news-article-list .lead-in .small,
.press-article .lead-in .small,
.press-article-list .lead .small,
.news-article-list .lead .small,
.press-article .lead .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.press-article-list .lead-in small,
.news-article-list .lead-in small,
.press-article .lead-in small,
.press-article-list .lead small,
.news-article-list .lead small,
.press-article .lead small,
.press-article-list .lead-in .small,
.news-article-list .lead-in .small,
.press-article .lead-in .small,
.press-article-list .lead .small,
.news-article-list .lead .small,
.press-article .lead .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {

    .press-article-list .lead-in,
    .news-article-list .lead-in,
    .press-article .lead-in,
    .press-article-list .lead,
    .news-article-list .lead,
    .press-article .lead {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .press-article-list .lead-in,
    .news-article-list .lead-in,
    .press-article .lead-in,
    .press-article-list .lead,
    .news-article-list .lead,
    .press-article .lead {
        font-size: 30px
    }
}

@media (min-width:1200px) {

    .press-article-list .lead-in,
    .news-article-list .lead-in,
    .press-article .lead-in,
    .press-article-list .lead,
    .news-article-list .lead,
    .press-article .lead {
        font-size: 30px
    }
}

@media (min-width:768px) {

    .press-article-list .lead-in,
    .news-article-list .lead-in,
    .press-article .lead-in,
    .press-article-list .lead,
    .news-article-list .lead,
    .press-article .lead {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {

    .press-article-list .lead-in,
    .news-article-list .lead-in,
    .press-article .lead-in,
    .press-article-list .lead,
    .news-article-list .lead,
    .press-article .lead {
        margin-bottom: 18px
    }
}

.press-article-list .lead-in:first-child,
.news-article-list .lead-in:first-child,
.press-article .lead-in:first-child,
.press-article-list .lead:first-child,
.news-article-list .lead:first-child,
.press-article .lead:first-child {
    margin-top: -8px
}

.press-article-list .rule,
.news-article-list .rule,
.press-article .rule {
    border-top: 1px solid #e4e9ec;
    margin-bottom: 5px;
    margin-top: 5px
}

@media (min-width:768px) {

    .press-article-list .rule,
    .news-article-list .rule,
    .press-article .rule {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .press-article-list .rule,
    .news-article-list .rule,
    .press-article .rule {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {

    .press-article-list .rule,
    .news-article-list .rule,
    .press-article .rule {
        margin-top: 10px
    }
}

@media (min-width:1200px) {

    .press-article-list .rule,
    .news-article-list .rule,
    .press-article .rule {
        margin-top: 12px
    }
}

.featured-news-article {
    margin-bottom: 25px;
    background-color: #e4e9ec;
    padding: 15px
}

@media (min-width:768px) {
    .featured-news-article {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .featured-news-article {
        margin-bottom: 60px
    }
}

.featured-news-article h2 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase
}

.featured-news-article h2 small,
.featured-news-article h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.featured-news-article h2 small,
.featured-news-article h2 .small {
    font-size: 75%
}

@media (min-width:992px) {
    .featured-news-article h2 {
        font-size: 14px
    }
}

.featured-news-article .date {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 6.5px;
    color: #688093
}

.featured-news-article .date small,
.featured-news-article .date .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.featured-news-article .date small,
.featured-news-article .date .small {
    font-size: 75%
}

@media (min-width:992px) {
    .featured-news-article .date {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .featured-news-article .date {
        margin-top: 13px
    }
}

@media (min-width:1200px) {
    .featured-news-article .date {
        margin-top: 15.6px
    }
}

.featured-news-article .publication {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic
}

.member-benefits {
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: #fdf9e6;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 2px solid #f3d03e
}

@media (min-width:768px) {
    .member-benefits {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .member-benefits {
        padding-bottom: 24px
    }
}

@media (min-width:768px) {
    .member-benefits {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .member-benefits {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) {
    .member-benefits {
        padding-left: 20px;
        padding-right: 20px
    }
}

.member-benefits h2 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 10px !important;
    color: #575757
}

.member-benefits h2 small,
.member-benefits h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.member-benefits h2 small,
.member-benefits h2 .small {
    font-size: 75%
}

@media (min-width:992px) {
    .member-benefits h2 {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .member-benefits h2 {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .member-benefits h2 {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .member-benefits h2 {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .member-benefits h2 {
        margin-top: 24px
    }
}

.member-benefits p {
    font-size: 15px
}

.member-benefits p a {
    text-decoration: none
}

.member-benefits p a:not(.btn) {
    text-decoration: none
}

.member-benefits p a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .member-benefits p {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .member-benefits p {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .member-benefits p {
        font-size: 16px
    }
}

.member-benefits p:last-child {
    margin-bottom: 0px
}

.member-benefits .key {
    margin-bottom: 7.5px;
    margin-top: 7.5px;
    line-height: 120%;
    margin-left: 20px
}

@media (min-width:768px) {
    .member-benefits .key {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .member-benefits .key {
        margin-bottom: 18px
    }
}

@media (min-width:768px) {
    .member-benefits .key {
        margin-top: 15px
    }
}

@media (min-width:1200px) {
    .member-benefits .key {
        margin-top: 18px
    }
}

.member-benefits .key dt {
    float: left
}

.member-benefits .key dd {
    margin-bottom: 5px;
    line-height: 120%
}

@media (min-width:768px) {
    .member-benefits .key dd {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .member-benefits .key dd {
        margin-bottom: 12px
    }
}

.member-benefits .key .icon-lock {
    height: 13px;
    margin-top: -8px;
    margin-left: -21px;
    padding: 0;
    max-width: inherit
}

@media screen and (min-width:992px) {
    .member-benefits .key .icon-lock {
        height: 15px
    }
}

.membership-badges {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .membership-badges {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .membership-badges {
        margin-bottom: 60px
    }
}

.membership-badges h2 {
    color: #536675
}

.membership-badges h2:first-child {
    margin-top: -8px
}

.membership-badges .badge-icon {
    margin-top: 10px;
    text-align: center
}

@media (min-width:768px) {
    .membership-badges .badge-icon {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .membership-badges .badge-icon {
        margin-top: 24px
    }
}

.membership-badges .badge-icon .badge-img {
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.membership-badges .badge-icon .badge-img img {
    width: 100%
}

.quotation {
    margin-bottom: 25px;
    text-align: center;
    color: #575757
}

@media (min-width:768px) {
    .quotation {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .quotation {
        margin-bottom: 60px
    }
}

.quotation ul {
    list-style-type: none;
    padding-left: 0
}

.quotation ul li {
    padding-top: 15px;
    margin-top: 0;
    border-top: 1px solid #e4e9ec
}

@media (min-width:768px) {
    .quotation ul li {
        padding-top: 30px
    }
}

@media (min-width:1200px) {
    .quotation ul li {
        padding-top: 36px
    }
}

.quotation img {
    border-radius: 100%;
    width: 60px;
    height: inherit;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .quotation img {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .quotation img {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .quotation img {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .quotation img {
        width: 100px
    }
}

@media screen and (min-width:1200px) {
    .quotation img {
        width: 125px
    }
}

.quotation h2 {
    margin-bottom: 15px;
    text-align: left
}

@media (min-width:768px) {
    .quotation h2 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .quotation h2 {
        margin-bottom: 36px
    }
}

.quotation h3 {
    font-size: 16px;
    margin-bottom: 7.5px;
    color: #575757;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-style: italic;
    line-height: 1.3
}

.quotation h3 a {
    text-decoration: none
}

.quotation h3 a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .quotation h3 {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .quotation h3 {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .quotation h3 {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .quotation h3 {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .quotation h3 {
        margin-bottom: 18px
    }
}

.quotation h4 {
    font-size: 15px;
    margin-bottom: 2.5px
}

.quotation h4 a {
    text-decoration: none
}

.quotation h4 a:not(.btn) {
    text-decoration: none
}

.quotation h4 a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .quotation h4 {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .quotation h4 {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .quotation h4 {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .quotation h4 {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .quotation h4 {
        margin-bottom: 6px
    }
}

.quotation .location {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(104, 128, 147, 0.8)
}

.quotation .location small,
.quotation .location .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.quotation .location small,
.quotation .location .small {
    font-size: 75%
}

@media (min-width:992px) {
    .quotation .location {
        font-size: 14px
    }
}

.quotation p {
    font-size: 15px;
    margin-bottom: 4px
}

.quotation p a {
    text-decoration: none
}

.quotation p a:not(.btn) {
    text-decoration: none
}

.quotation p a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .quotation p {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .quotation p {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .quotation p {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .quotation p {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {
    .quotation p {
        margin-bottom: 9.6px
    }
}

.quotation .widget-top {
    padding-top: 5px
}

@media (min-width:768px) {
    .quotation .widget-top {
        padding-top: 10px
    }
}

@media (min-width:1200px) {
    .quotation .widget-top {
        padding-top: 12px
    }
}

@media screen and (min-width:768px) {
    .quotation-central {
        text-align: left
    }

    .quotation-central ul {
        list-style-type: none;
        padding-left: 0
    }

    .quotation-central li {
        overflow: hidden;
        padding-top: 14px;
        padding-bottom: 15px;
        border-top: 1px solid #e4e9ec
    }

    .quotation-central li:first-child {
        margin-top: 5px
    }

    .quotation-central img {
        float: left;
        width: 60px;
        margin-top: 5px;
        width: 75px
    }

    .quotation-central h2 {
        margin-bottom: 10px
    }

    .quotation-central h3 {
        font-size: 16px;
        line-height: 1.5;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-style: italic;
        margin-left: 100px
    }

    .quotation-central h3 a {
        text-decoration: none
    }

    .quotation-central h3 a:hover {
        text-decoration: underline
    }

    .quotation-central h4 {
        font-size: 16px;
        font-weight: bold;
        margin-left: 100px;
        margin-bottom: 3px
    }

    .quotation-central h4 a {
        text-decoration: none
    }

    .quotation-central h4 a:hover {
        text-decoration: underline
    }

    .quotation-central h4 a:hover {
        text-decoration: underline
    }

    .quotation-central p {
        font-size: 16px;
        margin-bottom: 1.5px;
        line-height: 120%;
        margin-left: 100px
    }

    .quotation-central p a {
        text-decoration: none
    }

    .quotation-central p a:hover {
        text-decoration: underline
    }

    .quotation-central .location {

        line-height: 1.1;
        color: inherit;
        margin-top: 11px;
        margin-bottom: 11px;
        margin-top: 0;
        font-size: 12px;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: rgba(104, 128, 147, 0.8);
        display: block;
        margin-top: 3.5px;
        margin-left: 100px
    }

    .quotation-central .location small,
    .quotation-central .location .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .quotation-central .location small,
    .quotation-central .location .small {
        font-size: 75%
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central li {
        padding-top: 28px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central li {
        padding-top: 33.6px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central li {
        padding-bottom: 30px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central li {
        padding-bottom: 36px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central li:first-child {
        margin-top: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central li:first-child {
        margin-top: 12px
    }
}

@media screen and (min-width:768px) and screen and (min-width:992px) and (max-width:1199px) {
    .quotation-central img {
        width: 100px
    }
}

@media screen and (min-width:768px) and screen and (min-width:1200px) {
    .quotation-central img {
        width: 125px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central h2 {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central h2 {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .quotation-central h3 {
        font-size: 17px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .quotation-central h3 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central h3 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and screen and (min-width:992px) and (max-width:1199px) {
    .quotation-central h3 {
        margin-left: 125px
    }
}

@media screen and (min-width:768px) and screen and (min-width:1200px) {
    .quotation-central h3 {
        margin-left: 150px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .quotation-central h4 {
        font-size: 17px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .quotation-central h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central h4 {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central h4 {
        margin-bottom: 7.2px
    }
}

@media screen and (min-width:768px) and screen and (min-width:992px) and (max-width:1199px) {
    .quotation-central h4 {
        margin-left: 125px
    }
}

@media screen and (min-width:768px) and screen and (min-width:1200px) {
    .quotation-central h4 {
        margin-left: 150px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .quotation-central p {
        font-size: 17px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .quotation-central p {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central p {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central p {
        margin-bottom: 3px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central p {
        margin-bottom: 3.6px
    }
}

@media screen and (min-width:768px) and screen and (min-width:992px) and (max-width:1199px) {
    .quotation-central p {
        margin-left: 125px
    }
}

@media screen and (min-width:768px) and screen and (min-width:1200px) {
    .quotation-central p {
        margin-left: 150px
    }
}

@media screen and (min-width:768px) and (min-width:992px) {
    .quotation-central .location {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .quotation-central .location {
        margin-top: 7px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .quotation-central .location {
        margin-top: 8.4px
    }
}

@media screen and (min-width:768px) and screen and (min-width:992px) and (max-width:1199px) {
    .quotation-central .location {
        margin-left: 125px
    }
}

@media screen and (min-width:768px) and screen and (min-width:1200px) {
    .quotation-central .location {
        margin-left: 150px
    }
}

.jump-top {
    position: relative;
    width: 100%;
    z-index: 90;
    right: 0
}

.jump-top .icon {
    margin-top: -2px
}

.jump-top a {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    float: right;
    margin-top: 15px;
    padding-right: 3.5%;
    color: #8a66c4;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600
}

.jump-top a small,
.jump-top a .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.jump-top a small,
.jump-top a .small {
    font-size: 75%
}

@media (min-width:992px) {
    .jump-top a {
        font-size: 14px
    }
}

.jump-top a:hover,
.jump-top a:active {
    color: #4f17a7
}

.jump-list {
    margin-bottom: 25px
}

.jump-list h3 {
    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #212121;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.jump-list h3 small,
.jump-list h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.jump-list h3 small,
.jump-list h3 .small {
    font-size: 75%
}

@media (min-width:992px) {
    .jump-list h3 {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .jump-list {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .jump-list {
        margin-bottom: 30px
    }
}

.jump-list li a {
    font-family: 'Microsoft YaHei UI Light'
}

.jump-list li {
    display: list-item;
    padding-right: 4rem;
    line-height: 3rem;
    float: left;
    width: 21rem;
}

.profile {
    margin-bottom: 15px;
    background-color: #e4e9ec
}

.profile .vertical-center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .profile .vertical-center {
        display: block
    }
}

@media (min-width:768px) {
    .profile {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .profile {
        margin-bottom: 36px
    }
}

.profile h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    color: #536675;
    margin: 0;
    margin-bottom: 2.5px;
    line-height: 1.1
}

.profile h2 small,
.profile h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.profile h2 small,
.profile h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .profile h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .profile h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .profile h2 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .profile h2 {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .profile h2 {
        margin-bottom: 6px
    }
}

@media screen and (max-width:991px) {
    .profile h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 11px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 115%;
        font-size: 22px;
        margin-bottom: 1.5px
    }

    .profile h2 small,
    .profile h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .profile h2 small,
    .profile h2 .small {
        font-size: 75%
    }
}

@media screen and (max-width:991px) and (min-width:768px) and (max-width:991px) {
    .profile h2 {
        font-size: 24px
    }
}

@media screen and (max-width:991px) and (min-width:992px) and (max-width:1199px) {
    .profile h2 {
        font-size: 25px
    }
}

@media screen and (max-width:991px) and (min-width:1200px) {
    .profile h2 {
        font-size: 25px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .profile h2 {
        margin-bottom: 3px
    }
}

@media screen and (max-width:991px) and (min-width:1200px) {
    .profile h2 {
        margin-bottom: 3.6px
    }
}

@media screen and (max-width:767px) {
    .profile h2 {
        padding: 0 15px
    }
}

.profile h2:first-of-type {
    margin-top: 10px
}

.profile h3 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 5px
}

.profile h3 small,
.profile h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.profile h3 small,
.profile h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .profile h3 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .profile h3 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .profile h3 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .profile h3 {
        margin-top: 8px
    }
}

@media (min-width:1200px) {
    .profile h3 {
        margin-top: 9.6px
    }
}

@media (min-width:768px) {
    .profile h3 {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .profile h3 {
        margin-bottom: 12px
    }
}

@media screen and (max-width:991px) {
    .profile h3 {
        font-size: 16px
    }

    .profile h3 a {
        text-decoration: none
    }

    .profile h3 a:hover {
        text-decoration: underline
    }
}

@media screen and (max-width:991px) and (min-width:768px) and (max-width:991px) {
    .profile h3 {
        font-size: 17px
    }
}

@media screen and (max-width:991px) and (min-width:992px) and (max-width:1199px) {
    .profile h3 {
        font-size: 18px
    }
}

@media screen and (max-width:991px) and (min-width:1200px) {
    .profile h3 {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .profile h3 {
        padding: 0 15px 10px 15px
    }
}

.profile img {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .profile img {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.fellows-list ul {
    padding-left: 0;
    list-style: none;
    color: #688093
}

.fellows-list ul p {
    border-top: 1px solid #e4e9ec;
    padding-top: 4px;
    margin-bottom: 4px
}

@media (min-width:768px) {
    .fellows-list ul p {
        padding-top: 8px
    }
}

@media (min-width:1200px) {
    .fellows-list ul p {
        padding-top: 9.6px
    }
}

@media (min-width:768px) {
    .fellows-list ul p {
        margin-bottom: 8px
    }
}

@media (min-width:1200px) {
    .fellows-list ul p {
        margin-bottom: 9.6px
    }
}

.fellows-list ul a {
    font-size: 16px;
    margin: 0 6px 0 0;
    color: #4f17a7;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.fellows-list ul a a {
    text-decoration: none
}

.fellows-list ul a a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .fellows-list ul a {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .fellows-list ul a {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .fellows-list ul a {
        font-size: 18px
    }
}

.fellows-list ul a:hover,
.fellows-list ul a:active {
    color: #4f17a7
}

.fellows-list ul .date {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    display: block;
    letter-spacing: .02em;
    margin: 0
}

.fellows-list ul .date small,
.fellows-list ul .date .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.fellows-list ul .date small,
.fellows-list ul .date .small {
    font-size: 75%
}

@media (min-width:992px) {
    .fellows-list ul .date {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .fellows-list ul .date {
        display: inline-block
    }
}

.founders-list {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .founders-list {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .founders-list {
        margin-bottom: 60px
    }
}

.founders-list ul {
    list-style-type: none;
    padding-left: 0
}

.founders-list li {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e4e9ec
}

@media (min-width:768px) {
    .founders-list li {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .founders-list li {
        padding-top: 24px
    }
}

@media (min-width:768px) {
    .founders-list li {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .founders-list li {
        padding-bottom: 24px
    }
}

.founders-list img {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {
    .founders-list img {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .founders-list img {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .founders-list img {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .founders-list img {
        width: 100px
    }
}

@media screen and (min-width:1200px) {
    .founders-list img {
        width: 125px
    }
}

.founders-list h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    color: #536675;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 75px
}

.founders-list h2 small,
.founders-list h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.founders-list h2 small,
.founders-list h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .founders-list h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .founders-list h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .founders-list h2 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .founders-list h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .founders-list h2 {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .founders-list h2 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .founders-list h2 {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {
    .founders-list h2 {
        margin-left: 150px
    }
}

.founders-list p {
    font-size: 16px;
    margin-left: 75px
}

.founders-list p a {
    text-decoration: none
}

.founders-list p a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .founders-list p {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .founders-list p {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .founders-list p {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .founders-list p {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .founders-list p {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {
    .founders-list p {
        margin-left: 150px
    }
}

.wffm-form {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .wffm-form {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .wffm-form {
        margin-bottom: 60px
    }
}

.wffm-form h2 {
    margin-top: 25px;
    margin-bottom: 10px;
    color: #536675
}

@media (min-width:768px) {
    .wffm-form h2 {
        margin-top: 50px
    }
}

@media (min-width:1200px) {
    .wffm-form h2 {
        margin-top: 60px
    }
}

@media (min-width:768px) {
    .wffm-form h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .wffm-form h2 {
        margin-bottom: 24px
    }
}

.wffm-form h2:first-child {
    margin-top: 0
}

.wffm-form label {
    font-weight: normal;
    color: #767676;
    margin-bottom: 8px;
    margin-top: 5px;
    font-size: 15px
}

.wffm-form label a {
    text-decoration: none
}

.wffm-form label a:not(.btn) {
    text-decoration: none
}

.wffm-form label a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .wffm-form label {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .wffm-form label {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .wffm-form label {
        font-size: 16px
    }
}

.wffm-form .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 5px;
    min-height: 52px;
    min-width: 150px
}

@media (min-width:768px) {
    .wffm-form .btn {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .wffm-form .btn {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .wffm-form .btn {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .wffm-form .btn {
        margin-bottom: 24px
    }
}

.wffm-form .form-group {
    clear: both;
    position: relative
}

.wffm-form .form-group label {
    width: 100%;
    margin-top: 10px;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.wffm-form .form-group div.radio.radio-inline,
.wffm-form .form-group div.checkbox.checkbox-inline {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 50px;
    padding-left: 0px
}

.wffm-form .form-group .scWebEditInput {
    width: 100%
}

.wffm-form .input-group .form-control {
    padding-right: 12px
}

.wffm-form .input-group .input-group-addon {
    width: 30px;
    padding: 0
}

.wffm-form .text-field>input,
.wffm-form .text-field>textarea,
.wffm-form .date-picker>input,
.wffm-form .select-form>select {
    display: block;
    width: 100%;
    -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);
    height: 44px;
    padding: 10px 12px;
    line-height: 1.42857143;
    color: #212121;
    background-color: #f5f5f5;
    background-image: none;
    border: 1px solid #ababab;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-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;
    font-size: 16px;
    height: auto
}

.wffm-form .text-field>input:focus,
.wffm-form .text-field>textarea:focus,
.wffm-form .date-picker>input:focus,
.wffm-form .select-form>select:focus {
    border-color: #05bfe0;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(5, 191, 224, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(5, 191, 224, 0.6)
}

.wffm-form .text-field>input:focus,
.wffm-form .text-field>textarea:focus,
.wffm-form .date-picker>input:focus,
.wffm-form .select-form>select:focus {
    border-color: #05bfe0;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(5, 191, 224, 0.6);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(5, 191, 224, 0.6)
}

.wffm-form .text-field>input::-moz-placeholder,
.wffm-form .text-field>textarea::-moz-placeholder,
.wffm-form .date-picker>input::-moz-placeholder,
.wffm-form .select-form>select::-moz-placeholder {
    color: #999;
    opacity: 1
}

.wffm-form .text-field>input:-ms-input-placeholder,
.wffm-form .text-field>textarea:-ms-input-placeholder,
.wffm-form .date-picker>input:-ms-input-placeholder,
.wffm-form .select-form>select:-ms-input-placeholder {
    color: #999
}

.wffm-form .text-field>input::-webkit-input-placeholder,
.wffm-form .text-field>textarea::-webkit-input-placeholder,
.wffm-form .date-picker>input::-webkit-input-placeholder,
.wffm-form .select-form>select::-webkit-input-placeholder {
    color: #999
}

.wffm-form .text-field>input[disabled],
.wffm-form .text-field>textarea[disabled],
.wffm-form .date-picker>input[disabled],
.wffm-form .select-form>select[disabled],
.wffm-form .text-field>input[readonly],
.wffm-form .text-field>textarea[readonly],
.wffm-form .date-picker>input[readonly],
.wffm-form .select-form>select[readonly],
fieldset[disabled] .wffm-form .text-field>input,
fieldset[disabled] .wffm-form .text-field>textarea,
fieldset[disabled] .wffm-form .date-picker>input,
fieldset[disabled] .wffm-form .select-form>select {
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 1
}

.wffm-form .text-field>input[disabled],
.wffm-form .text-field>textarea[disabled],
.wffm-form .date-picker>input[disabled],
.wffm-form .select-form>select[disabled],
fieldset[disabled] .wffm-form .text-field>input,
fieldset[disabled] .wffm-form .text-field>textarea,
fieldset[disabled] .wffm-form .date-picker>input,
fieldset[disabled] .wffm-form .select-form>select {
    cursor: not-allowed
}

textarea.wffm-form .text-field>input,
textarea.wffm-form .text-field>textarea,
textarea.wffm-form .date-picker>input,
textarea.wffm-form .select-form>select {
    height: auto
}

.wffm-form .text-field>input a,
.wffm-form .text-field>textarea a,
.wffm-form .date-picker>input a,
.wffm-form .select-form>select a {
    text-decoration: none
}

.wffm-form .text-field>input a:hover,
.wffm-form .text-field>textarea a:hover,
.wffm-form .date-picker>input a:hover,
.wffm-form .select-form>select a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {

    .wffm-form .text-field>input,
    .wffm-form .text-field>textarea,
    .wffm-form .date-picker>input,
    .wffm-form .select-form>select {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .wffm-form .text-field>input,
    .wffm-form .text-field>textarea,
    .wffm-form .date-picker>input,
    .wffm-form .select-form>select {
        font-size: 18px
    }
}

@media (min-width:1200px) {

    .wffm-form .text-field>input,
    .wffm-form .text-field>textarea,
    .wffm-form .date-picker>input,
    .wffm-form .select-form>select {
        font-size: 18px
    }
}

.wffm-form .text-field>input.valid,
.wffm-form .text-field>textarea.valid,
.wffm-form .date-picker>input.valid,
.wffm-form .select-form>select.valid {
    border-color: #40a3a0 !important
}

.wffm-form .half-form {
    clear: none !important;
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .wffm-form .half-form {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .wffm-form .half-form:nth-child(even) {
        padding-left: 0px
    }
}

@media screen and (min-width:768px) {
    .wffm-form .half-form:nth-child(odd) {
        padding-right: 0px;
        margin-right: 50%
    }
}

.wffm-form .field-required,
.wffm-form .required {
    padding-left: 2px;
    color: #de7c00
}

.wffm-form .form-validation-summary {
    border: 1px solid #d22630;
    margin-left: 0
}

.wffm-form .form-validation-summary ul {
    padding: 5px 12px 1px 12px
}

.wffm-form .form-validation-summary ul li {
    margin-left: 18px;
    list-style: none;
    margin-bottom: 7px;
    color: #536675
}

.wffm-form .form-validation-summary ul li:before {
    content: '';
    background-color: #d22630;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-clip: padding-box;
    margin-right: 9px;
    margin-left: -15px;
    top: -3px
}

.wffm-form .input-validation-error {
    border: 1px solid #d22630 !important
}

.wffm-form .input-validation-error:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    left: 10px;
    content: "\f005"
}

.wffm-form .field-title {
    float: inherit;
    clear: inherit;
    width: auto;
    display: inline-block
}

.wffm-form .field-info {
    padding-left: 0;
    float: none
}

.wffm-form td {
    padding-right: 15px
}

.wffm-form td input {
    margin-right: 5px
}

.wffm-form .fa-exclamation-circle {
    color: #d22630;
    position: absolute;
    right: 15px;
    margin-top: -34px;
    font-size: 24px
}

.wffm-form .form-intro {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .wffm-form .form-intro {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .wffm-form .form-intro {
        margin-bottom: 24px
    }
}

.wffm-form .footer {
    font-size: 93%
}

.required-field .control-label:before {
    content: ""
}

.required-field .control-label:after {
    color: #d22630;
    content: "*";
    margin-left: 2px
}

form .page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none
}

form li.list-group-item.list-group-item-error {
    padding: inherit;
    border: none;
    margin-bottom: 0px
}

form .field-validation-error {
    text-indent: -575px;
    position: absolute;
    top: 44px;
    right: 10px;
    background-image: url("http://www.myiconfinder.com/uploads/iconsets/256-256-c7eba42ce12ae9b26d5e8379b73dd86b-Refuse.png");
    background-size: contain;
    width: 25px;
    height: 25px;
    overflow: hidden
}

.form-contact {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .form-contact {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .form-contact {
        margin-bottom: 60px
    }
}

.form-contact h2 {
    margin-top: 25px;
    margin-bottom: 10px;
    color: #536675
}

@media (min-width:768px) {
    .form-contact h2 {
        margin-top: 50px
    }
}

@media (min-width:1200px) {
    .form-contact h2 {
        margin-top: 60px
    }
}

@media (min-width:768px) {
    .form-contact h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .form-contact h2 {
        margin-bottom: 24px
    }
}

.form-contact h2:first-child {
    margin-top: 0
}

.form-contact label {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #688093;
    margin-bottom: 8px;
    margin-top: 5px;
    font-size: 15px
}

.form-contact label a {
    text-decoration: none
}

.form-contact label a:not(.btn) {
    text-decoration: none
}

.form-contact label a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .form-contact label {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .form-contact label {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .form-contact label {
        font-size: 16px
    }
}

.form-contact .btn {
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .form-contact .btn {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .form-contact .btn {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .form-contact .btn {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .form-contact .btn {
        margin-bottom: 24px
    }
}


.form-control {
    height: 44px;
    padding: 10px 12px;
    line-height: 1.42857143;
    color: #212121;
    background-color: #f5f5f5;
    background-image: none;
    border: 1px solid #ababab;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-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;
    font-size: 16px
}

option {
    padding: 10px 12px
}

select.form-control {
    padding: 0 12px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.form-control {
        text-indent: 5px
    }
}

select.form-control[disabled],
fieldset[disabled] select.form-control {
    opacity: .5;
    filter: alpha(opacity=50)
}

.form-control-feedback {
    font-size: 24px;
    margin-top: 17px
}

@media screen and (min-width:992px) {
    .form-control-feedback {
        margin-top: .75em
    }
}

.alert-danger {
    background-color: #fff;
    border-color: #d22630;
    text-align: center;
    font-size: 15px
}

.alert-danger a {
    text-decoration: none
}

.alert-danger a:not(.btn) {
    text-decoration: none
}

.alert-danger a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .alert-danger {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .alert-danger {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .alert-danger {
        font-size: 16px
    }
}

.panel-danger {
    border: 1px solid #d22630
}

.panel-danger .panel-heading {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff
}

.panel-danger .panel-heading small,
.panel-danger .panel-heading .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.panel-danger .panel-heading small,
.panel-danger .panel-heading .small {
    font-size: 75%
}

@media (min-width:992px) {
    .panel-danger .panel-heading {
        font-size: 14px
    }
}

.panel-danger ul {
    font-size: 15px;
    padding: 5px 12px 1px 12px;
    margin-left: 0
}

.panel-danger ul a {
    text-decoration: none
}

.panel-danger ul a:not(.btn) {
    text-decoration: none
}

.panel-danger ul a:not(.btn):hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .panel-danger ul {
        font-size: 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .panel-danger ul {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .panel-danger ul {
        font-size: 16px
    }
}

.panel-danger ul li {
    margin-left: 18px;
    list-style: none;
    margin-bottom: 3.5px
}

@media (min-width:768px) {
    .panel-danger ul li {
        margin-bottom: 7px
    }
}

@media (min-width:1200px) {
    .panel-danger ul li {
        margin-bottom: 8.4px
    }
}

.panel-danger ul li:before {
    content: '';
    background-color: #d22630;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-clip: padding-box;
    margin-right: 9px;
    margin-left: -15px;
    top: -3px
}

.certification-type,
.certification-detail {
    margin-bottom: 20px
}

@media (min-width:768px) {

    .certification-type,
    .certification-detail {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {

    .certification-type,
    .certification-detail {
        margin-bottom: 48px
    }
}

.certification-type .widget-top,
.certification-detail .widget-top {
    padding-bottom: 0;
    border-top: 1px solid #4f17a7
}

.certification-type h2,
.certification-detail h2 {
    color: #575757
}

.certification-type h2 sup,
.certification-detail h2 sup {
    position: relative;
    font-size: 40%;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    vertical-align: baseline;
    top: -1em
}

.certification-type .h2-acronym,
.certification-detail .h2-acronym {
    font-size: 16px;
    font-family: "Microsoft Yahei UI Light", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #00a3e0;
    display: block;
    line-height: 1;
    margin-left: -1px;
    margin-bottom: 3.5px;
    font-weight: bold;
}

@media (min-width:768px) {

    .certification-type .h2-acronym,
    .certification-detail .h2-acronym {
        margin-bottom: 7px
    }
}

@media (min-width:1200px) {

    .certification-type .h2-acronym,
    .certification-detail .h2-acronym {
        margin-bottom: 8.4px
    }
}

.certification-type .h2-acronym:hover,
.certification-detail .h2-acronym:hover,
.certification-type .h2-acronym:active,
.certification-detail .h2-acronym:active {
    color: #0065bd !important;
    text-decoration: none !important
}

.certification-type .h2-acronym:focus,
.certification-detail .h2-acronym:focus {
    text-decoration: none !important
}

.certification-type h3,
.certification-detail h3 {
    color: #575757;
    margin-top: 20px
}

.certification-type h3:first-child,
.certification-detail h3:first-child {
    margin-top: 0
}

@media (min-width:768px) {

    .certification-type h3,
    .certification-detail h3 {
        margin-top: 40px
    }
}

@media (min-width:1200px) {

    .certification-type h3,
    .certification-detail h3 {
        margin-top: 48px
    }
}

.certification-type .prerequisites,
.certification-detail .prerequisites {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 14px;
    font-family: 'Microsoft Yahei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #00a3e0;
    letter-spacing: .05em;
    margin-top: 2.5px
}

.certification-type .prerequisites small,
.certification-detail .prerequisites small,
.certification-type .prerequisites .small,
.certification-detail .prerequisites .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.certification-type .prerequisites small,
.certification-detail .prerequisites small,
.certification-type .prerequisites .small,
.certification-detail .prerequisites .small {
    font-size: 75%
}


@media screen and (max-width:767px) {

    .certification-type .prerequisites,
    .certification-detail .prerequisites {
        border-top: 1px solid #e4e9ec;
        padding-top: 15px;
        margin-top: 10px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {

    .certification-type .prerequisites,
    .certification-detail .prerequisites {
        padding-top: 30px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {

    .certification-type .prerequisites,
    .certification-detail .prerequisites {
        padding-top: 36px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {

    .certification-type .prerequisites,
    .certification-detail .prerequisites {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {

    .certification-type .prerequisites,
    .certification-detail .prerequisites {
        margin-top: 24px
    }
}

.certification-type .btn,
.certification-detail .btn {
    margin-bottom: 5px;
    margin-top: 5px
}

@media screen and (max-width:767px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-bottom: 40px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-bottom: 48px
    }
}

@media (min-width:768px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-top: 10px
    }
}

@media (min-width:1200px) {

    .certification-type .btn,
    .certification-detail .btn {
        margin-top: 12px
    }
}

.certification-type .or,
.certification-detail .or {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #575757;
    text-align: center;
    display: table;
    padding: 0 1% 0 2%;
    white-space: nowrap
}

.certification-type .or small,
.certification-detail .or small,
.certification-type .or .small,
.certification-detail .or .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.certification-type .or small,
.certification-detail .or small,
.certification-type .or .small,
.certification-detail .or .small {
    font-size: 75%
}

@media (min-width:992px) {

    .certification-type .or,
    .certification-detail .or {
        font-size: 14px
    }
}

.certification-type .or:before,
.certification-detail .or:before,
.certification-type .or:after,
.certification-detail .or:after {
    border-top: 1px solid #e4e9ec;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 50%
}

.certification-type .or:before,
.certification-detail .or:before {
    right: 1.5%
}

.certification-type .or:after,
.certification-detail .or:after {
    left: 1%
}

.certification-type .apply-button,
.certification-detail .apply-button {
    text-align: center;
    margin-top: 15px
}

@media (min-width:768px) {

    .certification-type .apply-button,
    .certification-detail .apply-button {
        margin-top: 30px
    }
}

@media (min-width:1200px) {

    .certification-type .apply-button,
    .certification-detail .apply-button {
        margin-top: 36px
    }
}

.certification-type .apply-button .btn,
.certification-detail .apply-button .btn {
    margin-bottom: 0
}

.certification-type .apply-button .btn:hover,
.certification-detail .apply-button .btn:hover {
    background-color: #2b008c;
    border-color: #2b008c
}

.certification-type .apply-button .btn:active,
.certification-detail .apply-button .btn:active,
.certification-type .apply-button .btn:hover:active,
.certification-detail .apply-button .btn:hover:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.certification-list li {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .certification-list li {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .certification-list li {
        margin-bottom: 36px
    }
}

.certification-list li:nth-child(odd) {
    clear: left
}

.certification-list .widget-top {
    padding-bottom: 0;
    border-top: 1px solid #4f17a7
}

.certification-list h3 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft YaHei UI Light", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 16px;
    font-weight: bold;
    color: #536675
}

.certification-list h3 small,
.certification-list h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.certification-list h3 small,
.certification-list h3 .small {
    font-size: 75%
}



.certification-list h3 sup {
    position: relative;
    font-size: 40%;

    vertical-align: baseline;
    top: -1em
}

.certification-list .h3-acronym {
    font-size: 26px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #4f17a7;
    display: block;
    line-height: 1;
    margin-left: -1px;
    margin-bottom: 3.5px
}

@media screen and (max-width:767px) {
    .certification-list .h3-acronym {
        font-size: 30px
    }
}

@media (min-width:768px) {
    .certification-list .h3-acronym {
        margin-bottom: 7px
    }
}

@media (min-width:1200px) {
    .certification-list .h3-acronym {
        margin-bottom: 8.4px
    }
}

.certification-list .h3-acronym:hover,
.certification-list .h3-acronym:active {
    color: #2b008c !important;
    text-decoration: none
}

.faq {
    margin-bottom: 15px;
    display: table;
}

@media (min-width:768px) {
    .faq {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .faq {
        margin-bottom: 36px
    }
}

.faq h2,
.faq h3 {
    color: #212121
}

.faq i,
.faq svg.icon {
    color: #4f17a7
}

.faq .question {
    cursor: pointer;
    color: #4f17a7;
    font-size: 14px;
}

.faq .question:hover i,
.faq .question:hover svg.icon {
    color: #8a66c4
}

.faq .question h4 {

    color: inherit;
    margin-top: 0;
    line-height: 115%;
    font-weight: bold;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    padding-left: 24px;
    color: #4f17a7;

    line-height: 1.1;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 14px
}

.faq .question h4 small,
.faq .question h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.faq .question h4 small,
.faq .question h4 .small {
    font-size: 75%
}



.faq .question h4:hover {
    color: #8a66c4
}

.faq .question i,
.faq .question svg.icon {
    color: #4f17a7;
    font-size: 14px;
    float: left;

    transition: All 0.250s ease;
    -moz-transition: All 0.250s ease;
    transform: rotate(0deg)
}

.faq .question[aria-expanded="true"] i,
.faq .question[aria-expanded="true"] svg.icon {
    transform: rotate(180deg)
}

.faq .answer p {
    padding-left: 24px
}

.faq .answer p:empty {
    display: none;
    margin: 0
}

.faq .answer p a {
    color: #4f17a7
}

.faq .answer p a:hover {
    color: #2b008c
}

.faq .toggle-options {
    margin-bottom: 20px
}

.faq .toggle-options a {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase
}

.faq .toggle-options a small,
.faq .toggle-options a .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.faq .toggle-options a small,
.faq .toggle-options a .small {
    font-size: 75%
}

@media (min-width:992px) {
    .faq .toggle-options a {
        font-size: 14px
    }
}

.faq .toggle-options a:hover,
.faq .toggle-options a active {
    color: #8a66c4;
    text-decoration: underline
}

.faq .toggle-options a:focus {
    text-decoration: none
}

@media (min-width:768px) {
    .faq .toggle-options {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .faq .toggle-options {
        margin-bottom: 48px
    }
}

.faq .toggle-options .pipe {
    display: inline-block;
    margin-right: 6px;
    margin-left: 8px
}

.faq li {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .faq li {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .faq li {
        margin-bottom: 24px
    }
}

h2.subtitle {
    margin-top: -15px;
    margin-bottom: 15px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 32px
}

@media (min-width:768px) {
    h2.subtitle {
        margin-top: -30px
    }
}

@media (min-width:1200px) {
    h2.subtitle {
        margin-top: -36px
    }
}

@media (min-width:768px) {
    h2.subtitle {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    h2.subtitle {
        margin-bottom: 36px
    }
}

.article-type,
.article-publisher {
    border-bottom: 1px solid #e4e9ec;
    padding-bottom: 5px;
    margin-bottom: 10px
}

@media (min-width:768px) {

    .article-type,
    .article-publisher {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {

    .article-type,
    .article-publisher {
        padding-bottom: 12px
    }
}

@media (min-width:768px) {

    .article-type,
    .article-publisher {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .article-type,
    .article-publisher {
        margin-bottom: 24px
    }
}

.article-image {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .article-image {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .article-image {
        margin-bottom: 24px
    }
}

.article-image img {
    width: 100%
}

.article-metadata-v,
.article-metadata-h {
    border-bottom: 1px solid #e4e9ec;
    border-top: 1px solid #e4e9ec;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 0
}

@media screen and (min-width:480px) {

    .article-metadata-v,
    .article-metadata-h {
        margin-top: 0;
        margin-bottom: 20px;
        padding: 20px 0
    }
}

.article-metadata-v p,
.article-metadata-h p {
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px
}

.article-metadata-v .metadata-header,
.article-metadata-h .metadata-header {
    color: #41b6e6;
    font-size: 12px;
    letter-spacing: .03em
}

@media screen and (min-width:992px) {

    .article-metadata-v .metadata-header,
    .article-metadata-h .metadata-header {
        font-size: 14px
    }
}

.article-metadata-v .metadata-header span+span:before,
.article-metadata-h .metadata-header span+span:before {
    content: " ǀ ";
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #41b6e6
}

.article-metadata-v .metadata-header .content-type,
.article-metadata-h .metadata-header .content-type {
    color: #536675;
    font-weight: bold;
    letter-spacing: .06em;
    text-transform: uppercase
}

.article-metadata-v .metadata-header .topic,
.article-metadata-h .metadata-header .topic {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.article-metadata-v .metadata-header .topic a,
.article-metadata-h .metadata-header .topic a {
    color: #536675
}

.article-metadata-v .metadata-header .topic a:hover,
.article-metadata-h .metadata-header .topic a:hover,
.article-metadata-v .metadata-header .topic a:focus,
.article-metadata-h .metadata-header .topic a:focus {
    color: #2b008c
}

.article-metadata-v .metadata-header .date,
.article-metadata-h .metadata-header .date {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    text-transform: none
}

.article-metadata-v .content-source,
.article-metadata-h .content-source {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #536675
}

.article-metadata-v .author,
.article-metadata-h .author {
    color: #536675
}

@media screen and (min-width:480px) {
    .article-metadata-h {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 20px 0
    }
}

.content-image img,
.content-image svg {
    width: 100%
}

.vertical-article-img {
    float: left
}

.grid-table>.col-3>.article-image {
    padding-right: 0px
}

@media screen and (min-width:600px) {
    .grid-table>.col-3>.article-image {
        padding-right: 15px
    }
}

/*@media screen and (min-width:600px) {
    .grid-table {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .col {
        display: table-cell;
        vertical-align: top
    }

    .col-1 {
        width: 8.333333%
    }

    .col-2 {
        width: 16.666667%
    }

    .col-3 {
        width: 25%
    }

    .col-4 {
        width: 33.333333%
    }

    .col-5 {
        width: 41.666667%
    }

    .col-6 {
        width: 50%
    }

    .col-7 {
        width: 58.333333%
    }

    .col-8 {
        width: 66.666667%
    }

    .col-9 {
        width: 75%
    }

    .col-10 {
        width: 83.333333%
    }

    .col-11 {
        width: 91.666667%
    }

    .col-12 {
        width: 100%
    }

    .grid-padded {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .grid-padded .grid {
        border-spacing: 1rem 0
    }
}

.grid-align-middle .col {
    vertical-align: middle
}

.carousel {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .carousel {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .carousel {
        margin-bottom: 60px
    }
}

.carousel .widget-top {
    border: none;
    padding: 0
}

.carousel .img-caption2 .iwc-img {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.carousel .img-caption2 .iwc-text,
.carousel .img-caption2 .cta-text {
    margin-bottom: 20px
}

.carousel img {
    max-height: 450px;
    margin: auto
}

.carousel-control2 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0px;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
                                       
}

.carousel-control2.left {
                                                                                                       
    left: -100%
                                                                                                   
                                
                                                                                                                                                                                        
}

.carousel-control2.right {
    left: auto;
    right: 40px
                                                                                                       
                                                                                                  
                                                                                                   
                                
                                                                                                                                                                                        
}

.carousel-control2:hover,
.carousel-control2:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control2 img {
    width: 30px;
    margin-top: 4px
}

.carousel-control2 .icon-prev2,
.carousel-control2 .icon-next2 {
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: #4f17a7;
    z-index: 5;
    margin-top: -20px;
    display: inline-block;
    padding: 10px
}

.carousel-indicators {
    bottom: 0;
    height: 30px;
    width: 100%;
    margin-left: -50%
}

.carousel-indicators li {
    border: 1px solid #b2bfc8
               
                        
}

.carousel-indicators li.active {
    background-color: #b2bfc8
}

.carousel-indicators .active {
    margin: 1px;
    width: 10px;
    height: 10px;
    background-color: #fff
}

.chapters-near {
    margin-bottom: 25px
}

.chapters-near h2 {
    color: #536675;
    margin-bottom: 10px
}*/

@media (min-width:768px) {
    .chapters-near h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .chapters-near h2 {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .chapters-near {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .chapters-near {
        margin-bottom: 60px
    }
}

.chapters-near .box {
    position: relative;
    border-top: 1px solid #41b6e6;
    border-left: 50px solid #41b6e6;
    border-right: 1px solid #41b6e6;
    border-bottom: 1px solid #41b6e6;
    padding: 15px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .chapters-near .box {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .chapters-near .box {
        margin-bottom: 24px
    }
}

.chapters-near .box:last-child {
    margin-bottom: 7.5px
}

@media (min-width:768px) {
    .chapters-near .box:last-child {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .chapters-near .box:last-child {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) {
    .chapters-near .cta {
        text-align: center
    }
}

.chapters-near .cta p {
    color: #536675;
    line-height: 1.2;
    margin-top: 15px;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .chapters-near .cta p {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .chapters-near .cta p {
        margin-top: 36px
    }
}

@media (min-width:768px) {
    .chapters-near .cta p {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .chapters-near .cta p {
        margin-bottom: 12px
    }
}

@media screen and (min-width:768px) {
    .chapters-near .cta p {
        margin-top: 5px;
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .chapters-near .cta p {
        margin-top: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .chapters-near .cta p {
        margin-top: 12px
    }
}

.chapters-near .cta .btn {
    margin-top: 4px
}

@media (min-width:768px) {
    .chapters-near .cta .btn {
        margin-top: 8px
    }
}

@media (min-width:1200px) {
    .chapters-near .cta .btn {
        margin-top: 9.6px
    }
}

.chapters-near .info p {
    color: #688093
}

.chapters-near .info h3 {
    margin-bottom: 2.5px
}

@media (min-width:768px) {
    .chapters-near .info h3 {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .chapters-near .info h3 {
        margin-bottom: 6px
    }
}

.chapters-near img {
    width: 30px;
    position: absolute;
    left: -40px
}

.chapters-near .small {
    color: #536675
}

.chapters-search {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .chapters-search {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .chapters-search {
        margin-bottom: 60px
    }
}

.chapters-search h2 {
    color: #536675;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .chapters-search h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .chapters-search h2 {
        margin-bottom: 24px
    }
}

.chapters-search .input-group-btn .btn {
    border: 1px solid #4f17a7;
    background-color: #4f17a7;
    border-radius: 0;
    height: 48px;
    width: 48px
}

.chapters-search .input-group-btn .btn svg {
    color: #fff !important;
    width: 21px;
    height: 21px
}

.chapters-search .input-group-btn .btn:hover,
.chapters-search .input-group-btn .btn:focus {
    background-color: #2b008c;
    border-color: #2b008c
}

.chapters-search .input-group-btn .btn:hover svg,
.chapters-search .input-group-btn .btn:focus svg {
    color: #fff !important
}

.chapters-search .input-group-btn .btn:active,
.chapters-search .input-group-btn .btn:hover:active,
.chapters-search .input-group-btn .btn:focus:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.chapters-search input[type="text"],
.chapters-search textarea {
    outline: none;
    box-shadow: none !important;
    background-color: #f5f5f5
}

.chapters-search input[type="text"]:focus,
.chapters-search textarea:focus {
    background-color: #fff !important;
    border: 1px solid #00a3e0
}

#custom-templates .empty-message {
    padding: 5px 10px;
    text-align: center
}

.twitter-typeahead,
#chapter-search,
.typeahead {
    width: 100%
}

.tt-query {
    border: 1px solid #b2bfc8;
    height: 48px;
    padding: 10px;
    font-size: 22px
}

@media screen and (max-width:767px) {
    .tt-query {
        font-size: 18px
    }
}

.tt-menu {
    background-color: #fff;
    width: 100%;
    border-right: 1px solid #b2bfc8;
    border-left: 1px solid #b2bfc8;
    border-bottom: 1px solid #b2bfc8
}

.tt-suggestion {
    border-bottom: 1px solid #b2bfc8;
    cursor: pointer;
    font-size: 22px;
    line-height: 1.1;
    margin: 0px;
    padding: 10px
}

@media screen and (max-width:767px) {
    .tt-suggestion {
        font-size: 18px
    }
}

.tt-suggestion:last-child {
    border: none
}

.tt-suggestion:hover {
    background-color: rgba(243, 208, 62, 0.08)
}

.location {
    color: #688093;
    display: inline-block;
    font-size: 18px;
    margin-top: 0px;
    padding-top: 0px
}

@media screen and (max-width:767px) {
    .location {
        font-size: 16px
    }
}

.location:hover,
.location:active {
    text-decoration: none !important
}

.more-results {
    background-color: rgba(65, 182, 230, 0.12)
}

.no-results,
.no-results:hover {
    background-color: rgba(228, 233, 236, 0.8);
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    cursor: default
}

.event-search.no-results {
    padding: 15px;
    margin-bottom: 40px
}

.chapter-search-results h2 {
    color: #536675;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .chapter-search-results h2 {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .chapter-search-results h2 {
        margin-bottom: 48px
    }
}

.chapter-search-results h3 {
    margin-top: 5px;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .chapter-search-results h3 {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .chapter-search-results h3 {
        margin-top: 12px
    }
}

@media (min-width:768px) {
    .chapter-search-results h3 {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .chapter-search-results h3 {
        margin-bottom: 12px
    }
}

.chapter-search-results .rte {
    margin-bottom: 5px
}

@media (min-width:768px) {
    .chapter-search-results .rte {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .chapter-search-results .rte {
        margin-bottom: 12px
    }
}

.chapter-search-results .small {
    color: #536675
}

.chapter-search-results .address-header {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #536675;
    color: #688093;
    margin-bottom: 0
}

.chapter-search-results .gray-lighter {
    color: #b2bfc8
}

.chapter-regional-list h2 {
    color: #575757;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .chapter-regional-list h2 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .chapter-regional-list h2 {
        margin-bottom: 36px
    }
}

.chapter-regional-list ul {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .chapter-regional-list ul {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .chapter-regional-list ul {
        margin-bottom: 24px
    }
}

.chapter-regional-list ul ul {
    padding-left: 0;
    list-style: none
}

.chapter-regional-list .strong {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #575757;
    border-top: 1px solid #e4e9ec;
    padding-top: 5px
}

.chapter-regional-list .strong small,
.chapter-regional-list .strong .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.chapter-regional-list .strong small,
.chapter-regional-list .strong .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .chapter-regional-list .strong {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .chapter-regional-list .strong {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .chapter-regional-list .strong {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .chapter-regional-list .strong {
        padding-top: 10px
    }
}

@media (min-width:1200px) {
    .chapter-regional-list .strong {
        padding-top: 12px
    }
}

@media screen and (min-width:992px) {
    .chapter-regional-list .group:nth-of-type(3n+4) {
        clear: left
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .chapter-regional-list .group:nth-of-type(odd) {
        clear: left
    }
}

.region {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .region {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    .region {
        margin-bottom: 72px
    }
}

.chapter-detail-list {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .chapter-detail-list {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .chapter-detail-list {
        margin-bottom: 60px
    }
}

.chapter-detail-list p.strong {
    border-top: 1px solid #e4e9ec;
    margin-bottom: 0;
    padding-top: 5px;
    color: #688093
}

@media (min-width:768px) {
    .chapter-detail-list p.strong {
        padding-top: 10px
    }
}

@media (min-width:1200px) {
    .chapter-detail-list p.strong {
        padding-top: 12px
    }
}

.chapter-detail-list .btn {
    margin-top: 10px
}

@media (min-width:768px) {
    .chapter-detail-list .btn {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .chapter-detail-list .btn {
        margin-top: 24px
    }
}

.picker-event .date {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0
}

.picker-event .time {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-weight: normal
}

.picker-event .time::before {
    content: " | ";
    color: #e4e9ec
}

.picker-event .type {
    color: #767676;
    font-size: .75em;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 1.5px
}

@media (min-width:768px) {
    .picker-event .type {
        margin-top: 3px
    }
}

@media (min-width:1200px) {
    .picker-event .type {
        margin-top: 3.6px
    }
}

.picker-event .place {
    margin: 0
}

.picker-event .description {
    margin-top: 5.5px;
    line-height: 1.3
}

@media (min-width:768px) {
    .picker-event .description {
        margin-top: 11px
    }
}

@media (min-width:1200px) {
    .picker-event .description {
        margin-top: 13.2px
    }
}

.events-past-mobile {
    padding-top: 5px
}

.events-past-mobile input {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .events-past-mobile input {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .events-past-mobile input {
        margin-bottom: 24px
    }
}

.events-past-mobile .input-group {
    margin-bottom: 15px;
    margin-top: 10px
}

@media (min-width:768px) {
    .events-past-mobile .input-group {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .events-past-mobile .input-group {
        margin-bottom: 36px
    }
}

@media (min-width:768px) {
    .events-past-mobile .input-group {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .events-past-mobile .input-group {
        margin-top: 24px
    }
}

.events-past-mobile .input-group .fa-search {
    margin-top: 3px
}

.events-past-mobile .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 3px 0 0 3px
}

.events-past-mobile .results {
    text-align: center
}

.events-past-mobile .input-label {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    display: inline
}

.events-past-mobile .input-label small,
.events-past-mobile .input-label .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-past-mobile .input-label small,
.events-past-mobile .input-label .small {
    font-size: 75%
}

@media (min-width:992px) {
    .events-past-mobile .input-label {
        font-size: 14px
    }
}

.events-past-mobile select.form-control {
    padding: 5px 12px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .events-past-mobile select.form-control {
        text-indent: 0px
    }
}

.events-past-mobile .tag-group {
    text-align: center;
    margin-bottom: 5px
}

.events-past-mobile .tag {
    border: 1px solid #00a3e0;
    color: #536675;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
    margin-bottom: 5px
}

.events-past-mobile .tag .fa-close,
.events-past-mobile .tag .icon {
    color: #00a3e0;
    margin-top: -2px
}

.events-past-mobile .btn-add-apply:focus:before {
    transition-delay: All 2s ease;
    content: "Apply "
}

.events-past-mobile .filter {
    border-top: 1px solid #41b6e6;
    border-bottom: 1px solid #41b6e6;
    padding-top: 8px;
    margin-bottom: 12px
}

.events-past-mobile .filter .fa-chevron-down {
    color: #00a3e0
}

.events-past-mobile .filter .filter-panel {
    cursor: pointer;
    border-top: 1px solid #e4e9ec
}

.events-past-mobile .filter .filter-panel i,
.events-past-mobile .filter .filter-panel h4 {
    display: inline-block
}

.events-past-mobile .filter .filter-panel h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #536675;
    padding-top: 10px
}

.events-past-mobile .filter .filter-panel h4 small,
.events-past-mobile .filter .filter-panel h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-past-mobile .filter .filter-panel h4 small,
.events-past-mobile .filter .filter-panel h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-past-mobile .filter .filter-panel h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-past-mobile .filter .filter-panel h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .events-past-mobile .filter .filter-panel h4 {
        font-size: 22px
    }
}

.events-past-mobile .filter .filter-panel i {
    font-size: 14px;
    margin-top: 2px;
    margin-right: 8px;
    transition: All 0.250s ease;
    -moz-transition: All 0.250s ease;
    transform: rotate(0deg)
}

.events-past-mobile .filter .filter-panel[aria-expanded="true"] i {
    transform: rotate(180deg)
}

.events-past-mobile .filter .collapse-options {
    margin-left: 26px
}

.events-past-mobile .filter .collapse-options li {
    color: #536675;
    margin-top: 8px;
    margin-bottom: 8px
}

@media screen and (max-width:767px) {
    .events-past-mobile .filter .collapse-options li {
        margin-left: 20px
    }
}

.events-past-mobile .filter .k-widget {
    margin-bottom: 24px
}

.events-past-mobile .filter .btn {
    margin-bottom: 8px
}

.events-past-mobile .results {
    margin-top: 10px
}

.events-past-mobile .sort-selectmenu {
    text-align: center
}

.events-past-mobile .sort-selectmenu .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.events-spotlight,
.events-past-list,
.events-single-item {
    margin-bottom: 25px
}

.events-spotlight h2,
.events-past-list h2,
.events-single-item h2 {
    color: #536675;
    margin-bottom: 10px
}

@media (min-width:768px) {

    .events-spotlight h2,
    .events-past-list h2,
    .events-single-item h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .events-spotlight h2,
    .events-past-list h2,
    .events-single-item h2 {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {

    .events-spotlight,
    .events-past-list,
    .events-single-item {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {

    .events-spotlight,
    .events-past-list,
    .events-single-item {
        margin-bottom: 60px
    }
}

.events-spotlight .rule,
.events-past-list .rule,
.events-single-item .rule {
    margin-top: 5px;
    margin-bottom: 10px
}

@media (min-width:768px) {

    .events-spotlight .rule,
    .events-past-list .rule,
    .events-single-item .rule {
        margin-top: 10px
    }
}

@media (min-width:1200px) {

    .events-spotlight .rule,
    .events-past-list .rule,
    .events-single-item .rule {
        margin-top: 12px
    }
}

@media (min-width:768px) {

    .events-spotlight .rule,
    .events-past-list .rule,
    .events-single-item .rule {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .events-spotlight .rule,
    .events-past-list .rule,
    .events-single-item .rule {
        margin-bottom: 24px
    }
}

.events-spotlight li,
.events-past-list li,
.events-single-item li {
    margin-bottom: 10px
}

@media (min-width:768px) {

    .events-spotlight li,
    .events-past-list li,
    .events-single-item li {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .events-spotlight li,
    .events-past-list li,
    .events-single-item li {
        margin-bottom: 24px
    }
}

.events-spotlight .date,
.events-past-list .date,
.events-single-item .date {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 3.5px
}

@media (min-width:768px) {

    .events-spotlight .date,
    .events-past-list .date,
    .events-single-item .date {
        margin-top: 7px
    }
}

@media (min-width:1200px) {

    .events-spotlight .date,
    .events-past-list .date,
    .events-single-item .date {
        margin-top: 8.4px
    }
}

.events-spotlight .time,
.events-past-list .time,
.events-single-item .time {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-weight: normal
}

.events-spotlight .time::before,
.events-past-list .time::before,
.events-single-item .time::before {
    content: " | ";
    color: #e4e9ec
}

.events-spotlight .type,
.events-past-list .type,
.events-single-item .type {
    color: rgba(104, 128, 147, 0.8);
    font-size: .75em;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 2.5px
}

@media (min-width:768px) {

    .events-spotlight .type,
    .events-past-list .type,
    .events-single-item .type {
        margin-top: 5px
    }
}

@media (min-width:1200px) {

    .events-spotlight .type,
    .events-past-list .type,
    .events-single-item .type {
        margin-top: 6px
    }
}

@media screen and (max-width:767px) {

    .events-spotlight .type,
    .events-past-list .type,
    .events-single-item .type {
        margin-top: 4.5px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {

    .events-spotlight .type,
    .events-past-list .type,
    .events-single-item .type {
        margin-top: 9px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {

    .events-spotlight .type,
    .events-past-list .type,
    .events-single-item .type {
        margin-top: 10.8px
    }
}

.events-spotlight .place,
.events-past-list .place,
.events-single-item .place {
    margin-top: 1.5px
}

@media (min-width:768px) {

    .events-spotlight .place,
    .events-past-list .place,
    .events-single-item .place {
        margin-top: 3px
    }
}

@media (min-width:1200px) {

    .events-spotlight .place,
    .events-past-list .place,
    .events-single-item .place {
        margin-top: 3.6px
    }
}

.events-spotlight .description,
.events-past-list .description,
.events-single-item .description {
    margin-top: 5.5px;
    line-height: 1.3
}

@media (min-width:768px) {

    .events-spotlight .description,
    .events-past-list .description,
    .events-single-item .description {
        margin-top: 11px
    }
}

@media (min-width:1200px) {

    .events-spotlight .description,
    .events-past-list .description,
    .events-single-item .description {
        margin-top: 13.2px
    }
}

.events-spotlight ul {
    margin-top: 5px
}

@media (min-width:768px) {
    .events-spotlight ul {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .events-spotlight ul {
        margin-top: 12px
    }
}

.events-spotlight li {
    color: #536675
}

.events-spotlight li.smaller-icon h4,
.events-spotlight li.smaller-icon h3,
.events-spotlight li.smaller-icon .term,
.events-spotlight li.smaller-icon p,
.events-spotlight li.smaller-icon a,
.events-spotlight li.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-spotlight li.smaller-icon h4,
    .events-spotlight li.smaller-icon h3,
    .events-spotlight li.smaller-icon .term,
    .events-spotlight li.smaller-icon p,
    .events-spotlight li.smaller-icon a,
    .events-spotlight li.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-spotlight li.smaller-icon h4,
    .events-spotlight li.smaller-icon h3,
    .events-spotlight li.smaller-icon .term,
    .events-spotlight li.smaller-icon p,
    .events-spotlight li.smaller-icon a,
    .events-spotlight li.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .events-spotlight li.smaller-icon h4,
    .events-spotlight li.smaller-icon h3,
    .events-spotlight li.smaller-icon .term,
    .events-spotlight li.smaller-icon p,
    .events-spotlight li.smaller-icon a,
    .events-spotlight li.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.events-spotlight li ul {
    list-style-type: none;
    padding-left: 0
}

.events-spotlight li li {
    overflow: hidden
}

.events-spotlight li img,
.events-spotlight li svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .events-spotlight li img,
    .events-spotlight li svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .events-spotlight li img,
    .events-spotlight li svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-spotlight li img,
    .events-spotlight li svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-spotlight li img,
    .events-spotlight li svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .events-spotlight li img,
    .events-spotlight li svg:not(.icon) {
        width: 125px
    }
}

.events-spotlight li h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .events-spotlight li h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .events-spotlight li h2 {
        margin-bottom: 24px
    }
}

.events-spotlight li h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.events-spotlight li h3 small,
.events-spotlight li h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-spotlight li h3 small,
.events-spotlight li h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-spotlight li h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-spotlight li h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .events-spotlight li h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-spotlight li h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-spotlight li h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .events-spotlight li h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.events-spotlight li h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.events-spotlight li h4 small,
.events-spotlight li h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-spotlight li h4 small,
.events-spotlight li h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-spotlight li h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-spotlight li h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .events-spotlight li h4 {
        font-size: 22px
    }
}

.events-spotlight li h4 a {
    margin-left: 0
}

.events-spotlight li h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-spotlight li h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-spotlight li h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .events-spotlight li h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.events-spotlight li a {
    display: block
}

.events-spotlight li p,
.events-spotlight li a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.events-spotlight li p a,
.events-spotlight li a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-spotlight li p,
    .events-spotlight li a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-spotlight li p,
    .events-spotlight li a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .events-spotlight li p,
    .events-spotlight li a {
        margin-left: 150px
    }
}

.events-spotlight li .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.events-spotlight li .term small,
.events-spotlight li .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-spotlight li .term small,
.events-spotlight li .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .events-spotlight li .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-spotlight li .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-spotlight li .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .events-spotlight li .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.events-spotlight li .more {
    margin-left: 0
}

.events-spotlight li img,
.events-spotlight li svg {
    float: left;
    width: 90px;
    font-size: 96px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-spotlight li img,
    .events-spotlight li svg {
        width: 112.5px;
        font-size: 120px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-spotlight li img,
    .events-spotlight li svg {
        width: 150px;
        font-size: 159px
    }
}

@media screen and (min-width:1200px) {

    .events-spotlight li img,
    .events-spotlight li svg {
        width: 187.5px;
        font-size: 195px
    }
}

.events-spotlight li img .fa,
.events-spotlight li svg .fa {
    display: block
}

.events-spotlight li h4,
.events-spotlight li h3,
.events-spotlight li .term,
.events-spotlight li p,
.events-spotlight li a,
.events-spotlight li p>a {
    margin-left: 110px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-spotlight li h4,
    .events-spotlight li h3,
    .events-spotlight li .term,
    .events-spotlight li p,
    .events-spotlight li a,
    .events-spotlight li p>a {
        margin-left: 140px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-spotlight li h4,
    .events-spotlight li h3,
    .events-spotlight li .term,
    .events-spotlight li p,
    .events-spotlight li a,
    .events-spotlight li p>a {
        margin-left: 170px;
        margin-bottom: 10px
    }
}

@media screen and (min-width:1200px) {

    .events-spotlight li h4,
    .events-spotlight li h3,
    .events-spotlight li .term,
    .events-spotlight li p,
    .events-spotlight li a,
    .events-spotlight li p>a {
        margin-left: 190px;
        margin-bottom: 10px
    }
}

.events-spotlight li a {
    margin-left: 0
}

.events-past-list ul {
    margin-top: 10px
}

@media (min-width:768px) {
    .events-past-list ul {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .events-past-list ul {
        margin-top: 24px
    }
}

.events-past-list li {
    color: #536675
}

.events-past-list li.smaller-icon h4,
.events-past-list li.smaller-icon h3,
.events-past-list li.smaller-icon .term,
.events-past-list li.smaller-icon p,
.events-past-list li.smaller-icon a,
.events-past-list li.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-past-list li.smaller-icon h4,
    .events-past-list li.smaller-icon h3,
    .events-past-list li.smaller-icon .term,
    .events-past-list li.smaller-icon p,
    .events-past-list li.smaller-icon a,
    .events-past-list li.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-past-list li.smaller-icon h4,
    .events-past-list li.smaller-icon h3,
    .events-past-list li.smaller-icon .term,
    .events-past-list li.smaller-icon p,
    .events-past-list li.smaller-icon a,
    .events-past-list li.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .events-past-list li.smaller-icon h4,
    .events-past-list li.smaller-icon h3,
    .events-past-list li.smaller-icon .term,
    .events-past-list li.smaller-icon p,
    .events-past-list li.smaller-icon a,
    .events-past-list li.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.events-past-list li ul {
    list-style-type: none;
    padding-left: 0
}

.events-past-list li li {
    overflow: hidden
}

.events-past-list li img,
.events-past-list li svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .events-past-list li img,
    .events-past-list li svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .events-past-list li img,
    .events-past-list li svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-past-list li img,
    .events-past-list li svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-past-list li img,
    .events-past-list li svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .events-past-list li img,
    .events-past-list li svg:not(.icon) {
        width: 125px
    }
}

.events-past-list li h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .events-past-list li h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .events-past-list li h2 {
        margin-bottom: 24px
    }
}

.events-past-list li h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.events-past-list li h3 small,
.events-past-list li h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-past-list li h3 small,
.events-past-list li h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-past-list li h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-past-list li h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .events-past-list li h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-past-list li h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-past-list li h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .events-past-list li h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.events-past-list li h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.events-past-list li h4 small,
.events-past-list li h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-past-list li h4 small,
.events-past-list li h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-past-list li h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-past-list li h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .events-past-list li h4 {
        font-size: 22px
    }
}

.events-past-list li h4 a {
    margin-left: 0
}

.events-past-list li h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-past-list li h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-past-list li h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .events-past-list li h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.events-past-list li a {
    display: block
}

.events-past-list li p,
.events-past-list li a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.events-past-list li p a,
.events-past-list li a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-past-list li p,
    .events-past-list li a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-past-list li p,
    .events-past-list li a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .events-past-list li p,
    .events-past-list li a {
        margin-left: 150px
    }
}

.events-past-list li .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.events-past-list li .term small,
.events-past-list li .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-past-list li .term small,
.events-past-list li .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .events-past-list li .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-past-list li .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-past-list li .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .events-past-list li .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.events-past-list li .more {
    margin-left: 0
}

.events-past-list li:nth-child(odd) {
    clear: left
}

.events-past-list li a {
    margin-left: 0
}

.events-single-item {
    color: #536675
}

.events-single-item.smaller-icon h4,
.events-single-item.smaller-icon h3,
.events-single-item.smaller-icon .term,
.events-single-item.smaller-icon p,
.events-single-item.smaller-icon a,
.events-single-item.smaller-icon p>a {
    margin-left: 55px
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-single-item.smaller-icon h4,
    .events-single-item.smaller-icon h3,
    .events-single-item.smaller-icon .term,
    .events-single-item.smaller-icon p,
    .events-single-item.smaller-icon a,
    .events-single-item.smaller-icon p>a {
        margin-left: 70px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-single-item.smaller-icon h4,
    .events-single-item.smaller-icon h3,
    .events-single-item.smaller-icon .term,
    .events-single-item.smaller-icon p,
    .events-single-item.smaller-icon a,
    .events-single-item.smaller-icon p>a {
        margin-left: 85px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {

    .events-single-item.smaller-icon h4,
    .events-single-item.smaller-icon h3,
    .events-single-item.smaller-icon .term,
    .events-single-item.smaller-icon p,
    .events-single-item.smaller-icon a,
    .events-single-item.smaller-icon p>a {
        margin-left: 95px;
        margin-bottom: 5px
    }
}

.events-single-item ul {
    list-style-type: none;
    padding-left: 0
}

.events-single-item li {
    overflow: hidden
}

.events-single-item img,
.events-single-item svg:not(.icon) {
    float: left;
    width: 60px;
    margin-top: 5px;
    margin-bottom: 2.5px
}

@media (min-width:768px) {

    .events-single-item img,
    .events-single-item svg:not(.icon) {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {

    .events-single-item img,
    .events-single-item svg:not(.icon) {
        margin-bottom: 6px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-single-item img,
    .events-single-item svg:not(.icon) {
        width: 75px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-single-item img,
    .events-single-item svg:not(.icon) {
        width: 100px
    }
}

@media screen and (min-width:1200px) {

    .events-single-item img,
    .events-single-item svg:not(.icon) {
        width: 125px
    }
}

.events-single-item h2 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .events-single-item h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .events-single-item h2 {
        margin-bottom: 24px
    }
}

.events-single-item h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.events-single-item h3 small,
.events-single-item h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-single-item h3 small,
.events-single-item h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-single-item h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-single-item h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .events-single-item h3 {
        font-size: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-single-item h3 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-single-item h3 {
        margin-left: 125px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:1200px) {
    .events-single-item h3 {
        margin-left: 150px;
        margin-bottom: 5px
    }
}

.events-single-item h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
    margin-left: 75px
}

.events-single-item h4 small,
.events-single-item h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-single-item h4 small,
.events-single-item h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .events-single-item h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .events-single-item h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .events-single-item h4 {
        font-size: 22px
    }
}

.events-single-item h4 a {
    margin-left: 0
}

.events-single-item h4 a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-single-item h4 {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-single-item h4 {
        margin-left: 125px;
        margin-bottom: 3px
    }
}

@media screen and (min-width:1200px) {
    .events-single-item h4 {
        margin-left: 150px;
        margin-bottom: 3px
    }
}

.events-single-item a {
    display: block
}

.events-single-item p,
.events-single-item a {
    line-height: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 75px
}

.events-single-item p a,
.events-single-item a a {
    margin-left: 0
}

@media screen and (min-width:768px) and (max-width:991px) {

    .events-single-item p,
    .events-single-item a {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .events-single-item p,
    .events-single-item a {
        margin-left: 125px
    }
}

@media screen and (min-width:1200px) {

    .events-single-item p,
    .events-single-item a {
        margin-left: 150px
    }
}

.events-single-item .term {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    margin-bottom: 1px;
    margin-top: 5px;
    margin-left: 75px
}

.events-single-item .term small,
.events-single-item .term .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-single-item .term small,
.events-single-item .term .small {
    font-size: 75%
}

@media (min-width:992px) {
    .events-single-item .term {
        font-size: 14px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .events-single-item .term {
        margin-left: 100px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .events-single-item .term {
        margin-left: 125px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

@media screen and (min-width:1200px) {
    .events-single-item .term {
        margin-left: 150px;
        margin-bottom: 6px;
        margin-top: 9px
    }
}

.events-single-item .more {
    margin-left: 0
}

.events-single-item h3>a {
    margin-left: 0
}

.event-detail {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .event-detail {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .event-detail {
        margin-bottom: 36px
    }
}

.event-detail img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

.event-detail .date {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    color: #3c3c3c;
    margin-top: -6px;
    margin-bottom: 0
}

.event-detail .date small,
.event-detail .date .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.event-detail .date small,
.event-detail .date .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .event-detail .date {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .event-detail .date {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .event-detail .date {
        font-size: 27px
    }
}

.event-detail .time {

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #536675;
    margin-bottom: 5px;
    margin-top: 0
}

.event-detail .time small,
.event-detail .time .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.event-detail .time small,
.event-detail .time .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .event-detail .time {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .event-detail .time {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .event-detail .time {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .event-detail .time {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .event-detail .time {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .event-detail .time {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .event-detail .time {
        margin-top: 0
    }
}

.event-detail .location {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #575757
}

.event-detail .location small,
.event-detail .location .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.event-detail .location small,
.event-detail .location .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .event-detail .location {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .event-detail .location {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .event-detail .location {
        font-size: 22px
    }
}

.event-detail .type {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #767676;
    margin-top: 0;
    margin-bottom: 5px
}

.event-detail .type small,
.event-detail .type .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.event-detail .type small,
.event-detail .type .small {
    font-size: 75%
}

@media (min-width:992px) {
    .event-detail .type {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .event-detail .type {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .event-detail .type {
        margin-top: 0
    }
}

@media (min-width:768px) {
    .event-detail .type {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .event-detail .type {
        margin-bottom: 12px
    }
}

@media screen and (max-width:767px) {
    .event-detail .type {
        margin-top: 15px
    }
}

@media screen and (max-width:767px) and (min-width:768px) {
    .event-detail .type {
        margin-top: 30px
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .event-detail .type {
        margin-top: 36px
    }
}

.event-detail .btn {
    margin-top: 5px
}

@media (min-width:768px) {
    .event-detail .btn {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .event-detail .btn {
        margin-top: 12px
    }
}

.event-detail .btn .fa {
    margin-left: 8px;
    color: #41b6e6 !important;
    font-size: 100%
}

.event-detail .event-link {
    font-size: 20px;
    margin-top: 15px;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    display: block;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

@media (min-width:768px) {
    .event-detail .event-link {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .event-detail .event-link {
        margin-top: 36px
    }
}

@media (min-width:768px) {
    .event-detail .event-link {
        padding-bottom: 15px
    }
}

@media (min-width:1200px) {
    .event-detail .event-link {
        padding-bottom: 18px
    }
}

@media (min-width:768px) {
    .event-detail .event-link {
        padding-top: 15px
    }
}

@media (min-width:1200px) {
    .event-detail .event-link {
        padding-top: 18px
    }
}

@media screen and (max-width:767px) {
    .event-detail .event-link {
        margin-bottom: 15px
    }
}

.featured-events h2 {
    margin-bottom: 24px;
    margin-top: 24px;
    font-size: 25px;

    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    color: #536675
}

@media screen and (max-width:767px) {
    .featured-events h2 {
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.featured-events h3 {
    margin-top: -7px;
    margin-left: 0;
    line-height: 115%
}

.featured-events div.event-detail {
    border-top: 1px solid #e8ecee;
    padding-top: 20px;
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .featured-events div.event-detail {
        margin-bottom: 5px
    }
}

.featured-events p.date {
    font-weight: bold;
    margin: 0;
    font-size: 18px;
    color: #536675;
    line-height: 1.42857143
}

@media screen and (max-width:767px) {
    .featured-events p.date {
        font-size: 16px
    }
}

.featured-events p.place {
    color: #536675;
    margin: 0
}

@media screen and (max-width:767px) {
    .featured-events p.place {
        font-size: 16px
    }
}

.featured-events p.type {
    color: rgba(110, 131, 147, 0.8);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin: 3.6px 0 11px;
    line-height: 1.42857143;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

@media screen and (max-width:767px) {
    .featured-events p.type {
        font-size: 12px
    }
}

.chevron {
    margin-left: 10px;
    color: #d3d3d3
}

.events-search-list {
    margin-top: 5px;
    padding-top: 10px;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .events-search-list {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .events-search-list {
        margin-top: 12px
    }
}

@media (min-width:768px) {
    .events-search-list {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .events-search-list {
        padding-top: 24px
    }
}

@media (min-width:768px) {
    .events-search-list {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .events-search-list {
        margin-bottom: 60px
    }
}

.events-search-list .table-head {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 7.5px
}

.events-search-list .table-head small,
.events-search-list .table-head .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-search-list .table-head small,
.events-search-list .table-head .small {
    font-size: 75%
}

@media (min-width:992px) {
    .events-search-list .table-head {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .events-search-list .table-head {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .events-search-list .table-head {
        margin-bottom: 18px
    }
}

.events-search-list .table-list {
    padding-top: 5px;
    padding-bottom: 5px
}

.events-search-list .table-list .col-sm-5 {
    padding-left: 2.5%
}

@media screen and (max-width:767px) {
    .events-search-list .table-list .col-sm-5 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-weight: bold
    }
}

@media screen and (max-width:767px) {

    .events-search-list .table-list .col-sm-5,
    .events-search-list .table-list .col-sm-3,
    .events-search-list .table-list .col-sm-2 {
        padding-left: 4%
    }
}

@media screen and (max-width:767px) {
    .events-search-list .table-list .col-sm-3 {

        line-height: 1.1;
        color: inherit;
        margin-top: 11px;
        margin-bottom: 11px;
        margin-top: 0;
        font-size: 12px;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #688093;
        margin-top: 5px;
        margin-bottom: 3px
    }

    .events-search-list .table-list .col-sm-3 small,
    .events-search-list .table-list .col-sm-3 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .events-search-list .table-list .col-sm-3 small,
    .events-search-list .table-list .col-sm-3 .small {
        font-size: 75%
    }
}

@media screen and (max-width:767px) and (min-width:992px) {
    .events-search-list .table-list .col-sm-3 {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .events-search-list .table-list .col-sm-2 {
        display: inline-block
    }

    .events-search-list .table-list .col-sm-2:nth-child(2n+0) {
        padding-left: 0
    }

    .events-search-list .table-list .col-sm-2:nth-child(2n+0)::before {
        content: "– "
    }

    .events-search-list .table-list .col-sm-2:nth-child(1n+0) {
        padding-right: 0
    }
}

.events-search-list .table-list:nth-child(2n+0) {
    background-color: rgba(65, 182, 230, 0.1)
}

.events-search-list li {
    margin-bottom: 5px
}

@media (min-width:768px) {
    .events-search-list li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .events-search-list li {
        margin-bottom: 12px
    }
}

.events-search-list .fa {
    color: #00a3e0;
    margin-left: 2px
}

.k-floatwrap.k-header.k-scheduler-toolbar {
    padding: 0 !important
}

.k-floatwrap.k-header.k-scheduler-toolbar .k-link.k-scheduler-refresh {
    display: none
}

.calendar-options {
    padding-bottom: 6px
}

.calendar-options .event-types {
    padding-top: 4px;
    margin-top: 7.5px;
    margin-bottom: 3px
}

@media (min-width:768px) {
    .calendar-options .event-types {
        padding-top: 8px
    }
}

@media (min-width:1200px) {
    .calendar-options .event-types {
        padding-top: 9.6px
    }
}

@media (min-width:768px) {
    .calendar-options .event-types {
        margin-top: 15px
    }
}

@media (min-width:1200px) {
    .calendar-options .event-types {
        margin-top: 18px
    }
}

@media (min-width:768px) {
    .calendar-options .event-types {
        margin-bottom: 6px
    }
}

@media (min-width:1200px) {
    .calendar-options .event-types {
        margin-bottom: 7.2px
    }
}

@media screen and (min-width:768px) {
    .calendar-options .event-types {
        text-align: right
    }
}

.calendar-options .event-types .checkbox-title {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #767676;
    display: inline-block;
    margin-right: 20px;
    padding-top: 6px
}

.calendar-options .event-types .checkbox-title small,
.calendar-options .event-types .checkbox-title .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.calendar-options .event-types .checkbox-title small,
.calendar-options .event-types .checkbox-title .small {
    font-size: 75%
}

@media (min-width:992px) {
    .calendar-options .event-types .checkbox-title {
        font-size: 14px
    }
}

.calendar-options .event-types .checkbox-inline {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-top: -3px;
    margin-bottom: 10px;
    padding: 5px 10px 5px 30px;
    border-radius: 3px
}

@media screen and (max-width:767px) {
    .calendar-options .event-types .checkbox-inline {
        display: block;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.calendar-options .event-types input[type="checkbox"] {
    margin-top: 4px
}

@media (min-width:768px) {
    .calendar-options {
        padding-bottom: 12px
    }
}

@media (min-width:1200px) {
    .calendar-options {
        padding-bottom: 14.4px
    }
}

.events-past input,
.events-past .btn,
.events-past .k-datepicker {
    margin-bottom: 10px
}

@media (min-width:768px) {

    .events-past input,
    .events-past .btn,
    .events-past .k-datepicker {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .events-past input,
    .events-past .btn,
    .events-past .k-datepicker {
        margin-bottom: 24px
    }
}

.events-past h2 {
    color: #536675;
    margin-top: 15px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .events-past h2 {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .events-past h2 {
        margin-top: 36px
    }
}

@media (min-width:768px) {
    .events-past h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .events-past h2 {
        margin-bottom: 24px
    }
}

.events-past .form-label {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #767676;
    display: inline-block;
    margin-right: 20px;
    padding-top: 6px
}

.events-past .form-label small,
.events-past .form-label .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.events-past .form-label small,
.events-past .form-label .small {
    font-size: 75%
}

@media (min-width:992px) {
    .events-past .form-label {
        font-size: 14px
    }
}

.events-past .checkbox {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #575757;
    font-size: 16px;
    margin-top: -3px;
    padding: 5px 10px 5px 20px;
    border-radius: 3px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .events-past .checkbox {
        display: block;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.events-past .k-i-calendar {
    background-position: -48px -176px !important
}

.nav-tabs {
    margin-top: 20px;

    font-size: 14px;
    text-indent: 0px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

@media (min-width:768px) {
    .nav-tabs {
        margin-top: 40px
    }
}

@media (min-width:1200px) {
    .nav-tabs {
        margin-top: 48px
    }
}



.nav-tabs li a {
    padding: 10px 20px 12px 20px
}

@media screen and (max-width:767px) {
    .nav-tabs {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (max-width:1334px) {
    .nav-tabs.topics li a {
        min-height: 86px
    }
}

.k-event-template:before {
    content: "";
    display: inline-block;
    float: left;
    width: 1em;
    height: 1em;
    margin-right: -1em;
    margin-top: 2px;
    border-radius: 50%
}

.k-event-template a {
    display: block;
    margin-left: 0px;
    color: #fff
}

.k-event-template span.chevron.glyphicon {
    cursor: pointer
}

.k-event-template.event-remove-bullets:before {
    content: "";
    display: none
}

.session-detail .talent-triangle-alignment svg {
    height: 40px;
    width: 45px;
    margin-top: 20px
}

.session-detail .session-presenters h3 {
    color: inherit;
    margin-bottom: 11px;
    font-size: 27px;
    margin-top: -7px;
    margin-left: 0;
    line-height: 115%;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.session-detail .session-presenters h4 {

    color: inherit;
    margin-bottom: 11px;
    line-height: 115%;
    font-size: 20px;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-top: -6px
}

.session-detail .session-presenters .presenter-other-sessions {
    padding-top: 15px
}

.session-detail .session-presenters .presenter-other-sessions ul li:before {
    display: none
}

.session-detail .session-presenters .presenter-other-sessions ul li {
    margin-left: 0
}

.session-section {
    padding: 10px 0
}

.pdu-table thead {
    background-color: #0065bd
}

.events-mini-calendar .k-scheduler-datecolumn {
    width: 6em !important
}

@media screen and (max-width:767px) {
    .events-mini-calendar .k-scheduler-datecolumn {
        width: 5em !important
    }
}

.events-mini-calendar,
.k-scheduler-agendaview {
    margin-bottom: 25px
}

@media (min-width:768px) {

    .events-mini-calendar,
    .k-scheduler-agendaview {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {

    .events-mini-calendar,
    .k-scheduler-agendaview {
        margin-bottom: 60px
    }
}

.events-mini-calendar .k-event-template a,
.k-scheduler-agendaview .k-event-template a {
    color: #4f17a7;
    margin-left: 28px
}

.events-mini-calendar .k-event-template a:hover,
.k-scheduler-agendaview .k-event-template a:hover {
    color: #4f17a7;
    text-decoration: underline
}

.events-mini-calendar .k-scheduler-timecolumn .k-i-arrow-e,
.k-scheduler-agendaview .k-scheduler-timecolumn .k-i-arrow-e,
.events-mini-calendar .k-scheduler-timecolumn .k-i-arrow-w,
.k-scheduler-agendaview .k-scheduler-timecolumn .k-i-arrow-w {
    display: none
}

.events-mini-calendar .k-scheduler-table .k-today,
.k-scheduler-agendaview .k-scheduler-table .k-today,
.events-mini-calendar .k-today>.k-scheduler-datecolumn,
.k-scheduler-agendaview .k-today>.k-scheduler-datecolumn,
.events-mini-calendar .k-today>.k-scheduler-groupcolumn,
.k-scheduler-agendaview .k-today>.k-scheduler-groupcolumn {
    background-color: #fff
}

.events-mini-calendar .k-scheduler-table .k-today.k-state-hover,
.k-scheduler-agendaview .k-scheduler-table .k-today.k-state-hover,
.events-mini-calendar .k-today.k-state-hover>.k-scheduler-groupcolumn,
.k-scheduler-agendaview .k-today.k-state-hover>.k-scheduler-groupcolumn {
    background-color: #e9e9e9
}

.events-mini-calendar .scheduler-chapter,
.k-scheduler-agendaview .scheduler-chapter,
.events-mini-calendar .scheduler-local-event,
.k-scheduler-agendaview .scheduler-local-event,
.events-mini-calendar .scheduler-congress,
.k-scheduler-agendaview .scheduler-congress,
.events-mini-calendar .scheduler-not-sponsored,
.k-scheduler-agendaview .scheduler-not-sponsored,
.events-mini-calendar .scheduler-pmi-event,
.k-scheduler-agendaview .scheduler-pmi-event,
.events-mini-calendar .scheduler-seminarsworld,
.k-scheduler-agendaview .scheduler-seminarsworld,
.events-mini-calendar .scheduler-pmi-virtual-event,
.k-scheduler-agendaview .scheduler-pmi-virtual-event {
    background-color: transparent !important;
    padding: 0
}

.events-mini-calendar .scheduler-congress,
.k-scheduler-agendaview .scheduler-congress {
    background-color: transparent
}

.events-mini-calendar .scheduler-congress:before,
.k-scheduler-agendaview .scheduler-congress:before {
    background-color: #582c83
}

.events-mini-calendar .scheduler-seminarsworld,
.k-scheduler-agendaview .scheduler-seminarsworld {
    background-color: transparent
}

.events-mini-calendar .scheduler-seminarsworld:before,
.k-scheduler-agendaview .scheduler-seminarsworld:before {
    background-color: #af272f
}

.events-mini-calendar .scheduler-not-sponsored,
.k-scheduler-agendaview .scheduler-not-sponsored {
    background-color: transparent
}

.events-mini-calendar .scheduler-not-sponsored:before,
.k-scheduler-agendaview .scheduler-not-sponsored:before {
    background-color: #536675
}

.events-mini-calendar .scheduler-pmi-event,
.k-scheduler-agendaview .scheduler-pmi-event {
    background-color: transparent
}

.events-mini-calendar .scheduler-pmi-event:before,
.k-scheduler-agendaview .scheduler-pmi-event:before {
    background-color: #de7c00
}

.events-mini-calendar .scheduler-local-event,
.k-scheduler-agendaview .scheduler-local-event {
    background-color: transparent
}

.events-mini-calendar .scheduler-local-event:before,
.k-scheduler-agendaview .scheduler-local-event:before {
    background-color: #00843d
}

.events-mini-calendar .scheduler-chapter,
.k-scheduler-agendaview .scheduler-chapter {
    background-color: transparent
}

.events-mini-calendar .scheduler-chapter:before,
.k-scheduler-agendaview .scheduler-chapter:before {
    background-color: #582c83
}

.events-mini-calendar .scheduler-pmi-virtual-event,
.k-scheduler-agendaview .scheduler-pmi-virtual-event {
    background-color: transparent
}

.events-mini-calendar .scheduler-pmi-virtual-event:before,
.k-scheduler-agendaview .scheduler-pmi-virtual-event:before {
    background-color: #af272f
}

.events-mini-calendar .scheduler-color-blue,
.k-scheduler-agendaview .scheduler-color-blue {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-blue:before,
.k-scheduler-agendaview .scheduler-color-blue:before {
    background-color: #0065bd
}

.events-mini-calendar .scheduler-color-blue-dark,
.k-scheduler-agendaview .scheduler-color-blue-dark {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-blue-dark:before,
.k-scheduler-agendaview .scheduler-color-blue-dark:before {
    background-color: #003b5c
}

.events-mini-calendar .scheduler-color-blue-darker,
.k-scheduler-agendaview .scheduler-color-blue-darker {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-blue-darker:before,
.k-scheduler-agendaview .scheduler-color-blue-darker:before {
    background-color: #002747
}

.events-mini-calendar .scheduler-color-blue-light,
.k-scheduler-agendaview .scheduler-color-blue-light {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-blue-light:before,
.k-scheduler-agendaview .scheduler-color-blue-light:before {
    background-color: #00a3e0
}

.events-mini-calendar .scheduler-color-red,
.k-scheduler-agendaview .scheduler-color-red {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-red:before,
.k-scheduler-agendaview .scheduler-color-red:before {
    background-color: #af272f
}

.events-mini-calendar .scheduler-color-red-dark,
.k-scheduler-agendaview .scheduler-color-red-dark {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-red-dark:before,
.k-scheduler-agendaview .scheduler-color-red-dark:before {
    background-color: #7c2529
}

.events-mini-calendar .scheduler-color-red-light,
.k-scheduler-agendaview .scheduler-color-red-light {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-red-light:before,
.k-scheduler-agendaview .scheduler-color-red-light:before {
    background-color: #d22630
}

.events-mini-calendar .scheduler-color-orange,
.k-scheduler-agendaview .scheduler-color-orange {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-orange:before,
.k-scheduler-agendaview .scheduler-color-orange:before {
    background-color: #de7c00
}

.events-mini-calendar .scheduler-color-orange-light,
.k-scheduler-agendaview .scheduler-color-orange-light {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-orange-light:before,
.k-scheduler-agendaview .scheduler-color-orange-light:before {
    background-color: #f2a900
}

.events-mini-calendar .scheduler-color-teal,
.k-scheduler-agendaview .scheduler-color-teal {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-teal:before,
.k-scheduler-agendaview .scheduler-color-teal:before {
    background-color: #008c95
}

.events-mini-calendar .scheduler-color-teal-dark,
.k-scheduler-agendaview .scheduler-color-teal-dark {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-teal-dark:before,
.k-scheduler-agendaview .scheduler-color-teal-dark:before {
    background-color: #007377
}

.events-mini-calendar .scheduler-color-teal-light,
.k-scheduler-agendaview .scheduler-color-teal-light {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-teal-light:before,
.k-scheduler-agendaview .scheduler-color-teal-light:before {
    background-color: #009ca6
}

.events-mini-calendar .scheduler-color-purple,
.k-scheduler-agendaview .scheduler-color-purple {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-purple:before,
.k-scheduler-agendaview .scheduler-color-purple:before {
    background-color: #753bbd
}

.events-mini-calendar .scheduler-color-purple-dark,
.k-scheduler-agendaview .scheduler-color-purple-dark {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-purple-dark:before,
.k-scheduler-agendaview .scheduler-color-purple-dark:before {
    background-color: #582c83
}

.events-mini-calendar .scheduler-color-purple-light,
.k-scheduler-agendaview .scheduler-color-purple-light {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-purple-light:before,
.k-scheduler-agendaview .scheduler-color-purple-light:before {
    background-color: #9063cd
}

.events-mini-calendar .scheduler-color-green,
.k-scheduler-agendaview .scheduler-color-green {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-green:before,
.k-scheduler-agendaview .scheduler-color-green:before {
    background-color: #00843d
}

.events-mini-calendar .scheduler-color-green-dark,
.k-scheduler-agendaview .scheduler-color-green-dark {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-green-dark:before,
.k-scheduler-agendaview .scheduler-color-green-dark:before {
    background-color: #046a38
}

.events-mini-calendar .scheduler-color-green-light,
.k-scheduler-agendaview .scheduler-color-green-light {
    background-color: transparent
}

.events-mini-calendar .scheduler-color-green-light:before,
.k-scheduler-agendaview .scheduler-color-green-light:before {
    background-color: #009a44
}

.calendar-options .scheduler-chapter,
.events-full-calendar .scheduler-chapter {
    background-color: #582c83
}

.calendar-options .scheduler-pmi-event,
.events-full-calendar .scheduler-pmi-event {
    background-color: #de7c00
}

.calendar-options .scheduler-pmi-virtual-event,
.events-full-calendar .scheduler-pmi-virtual-event {
    background-color: #af272f
}

.calendar-options .scheduler-not-sponsored,
.events-full-calendar .scheduler-not-sponsored {
    background-color: #007377
}

.calendar-options .scheduler-color-blue,
.events-full-calendar .scheduler-color-blue {
    background-color: #0065bd
}

.calendar-options .scheduler-color-blue-dark,
.events-full-calendar .scheduler-color-blue-dark {
    background-color: #003b5c
}

.calendar-options .scheduler-color-blue-darker,
.events-full-calendar .scheduler-color-blue-darker {
    background-color: #002747
}

.calendar-options .scheduler-color-blue-light,
.events-full-calendar .scheduler-color-blue-light {
    background-color: #00a3e0
}

.calendar-options .scheduler-color-red,
.events-full-calendar .scheduler-color-red {
    background-color: #af272f
}

.calendar-options .scheduler-color-red-dark,
.events-full-calendar .scheduler-color-red-dark {
    background-color: #7c2529
}

.calendar-options .scheduler-color-red-light,
.events-full-calendar .scheduler-color-red-light {
    background-color: #d22630
}

.calendar-options .scheduler-color-orange,
.events-full-calendar .scheduler-color-orange {
    background-color: #de7c00
}

.calendar-options .scheduler-color-orange-light,
.events-full-calendar .scheduler-color-orange-light {
    background-color: #f2a900
}

.calendar-options .scheduler-color-teal,
.events-full-calendar .scheduler-color-teal {
    background-color: #008c95
}

.calendar-options .scheduler-color-teal-dark,
.events-full-calendar .scheduler-color-teal-dark {
    background-color: #007377
}

.calendar-options .scheduler-color-teal-light,
.events-full-calendar .scheduler-color-teal-light {
    background-color: #009ca6
}

.calendar-options .scheduler-color-purple,
.events-full-calendar .scheduler-color-purple {
    background-color: #753bbd
}

.calendar-options .scheduler-color-purple-dark,
.events-full-calendar .scheduler-color-purple-dark {
    background-color: #582c83
}

.calendar-options .scheduler-color-purple-light,
.events-full-calendar .scheduler-color-purple-light {
    background-color: #9063cd
}

.calendar-options .scheduler-color-green,
.events-full-calendar .scheduler-color-green {
    background-color: #00843d
}

.calendar-options .scheduler-color-green-dark,
.events-full-calendar .scheduler-color-green-dark {
    background-color: #046a38
}

.calendar-options .scheduler-color-green-light,
.events-full-calendar .scheduler-color-green-light {
    background-color: #009a44
}

.events-full-calendar {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .events-full-calendar {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .events-full-calendar {
        margin-bottom: 60px
    }
}

.events-full-calendar .k-scheduler-table .k-today,
.events-full-calendar .k-today>.k-scheduler-datecolumn,
.events-full-calendar .k-today>.k-scheduler-groupcolumn {
    background-color: #e9e9e9
}

.events-full-calendar .k-scheduler .k-scheduler-table td,
.events-full-calendar .k-scheduler .k-scheduler-table th {
    padding: 3px
}

.events-full-calendar .k-scheduler .k-scheduler-table td .k-link.k-nav-day,
.events-full-calendar .k-scheduler .k-scheduler-table th .k-link.k-nav-day {
    font-size: 10px;
    text-align: center
}

@media screen and (min-width:768px) {

    .events-full-calendar .k-scheduler .k-scheduler-table td,
    .events-full-calendar .k-scheduler .k-scheduler-table th {
        padding: 6px
    }

    .events-full-calendar .k-scheduler .k-scheduler-table td .k-link.k-nav-day,
    .events-full-calendar .k-scheduler .k-scheduler-table th .k-link.k-nav-day {
        font-size: initial;
        text-align: initial
    }
}

.events-full-calendar .k-scheduler-header.k-state-default .k-scheduler-table {
    font-size: 10px
}

@media screen and (min-width:768px) {
    .events-full-calendar .k-scheduler-header.k-state-default .k-scheduler-table {
        font-size: initial;
        text-align: initial
    }
}

.events-full-calendar .k-reset.k-scheduler-navigation .k-i-calendar {
    background-position: -48px -176px !important
}

.events-full-calendar .k-reset.k-scheduler-navigation .k-i-arrow-e {
    background-position: -16px -16px
}

.events-full-calendar .k-reset.k-scheduler-navigation .k-i-arrow-w {
    background-position: -16px -48px
}

span.btn.btn-default.btn-small.atc {
    color: #0065bd !important;
    border: 1px solid #0065bd
}

span.btn.btn-default.btn-small.atc:hover {
    background-color: #f0f9fd !important
}

span.btn.btn-default.btn-small.atc a.atcb-link {
    color: #0065bd;
    text-decoration: none
}

span.btn.btn-default.btn-small.atc a.atcb-link:hover {
    text-decoration: none
}

span.btn.btn-default.btn-small.atc .atcb-list {
    padding: 10px;
    width: 200px;
    border: solid #0065bd 1px;
    text-transform: capitalize
}

span.btn.btn-default.btn-small.atc .atcb-list a {
    text-decoration: none;
    color: #0065bd
}

span.btn.btn-default.btn-small.atc .atcb-list a:hover {
    text-decoration: none;
    color: #003b5c !important
}

span.btn.btn-default.btn-small.atc svg.calendar-button {
    color: #00a3e0 !important;
    margin-left: 2px;
    margin-top: -4px;
    font-size: 100%;
    display: inline-block
}

.k-widget {
    border: none
}

.k-header {
    background-color: #0065bd;
    border-color: none;
    padding: 0
}

.k-header li {
    padding: 6px
}

.k-header .k-icon {
    color: #41b6e6 !important
}

.k-floatwrap.k-header.k-scheduler-toolbar {
    background-color: #4f17a7
}

.k-link {
    background-color: transparent
}

ul.k-reset.k-header {
    background-color: transparent !important
}

ul.k-reset.k-header a.k-link {
    color: #fff !important;
    background-color: transparent !important
}

ul.k-reset.k-header a.k-link:hover {
    text-decoration: underline !important;
    color: #003b5c
}

.k-link.k-scheduler-refresh {
    display: none !important
}

.k-scheduler-datecolumn {
    width: 11.5em !important
}

@media screen and (max-width:767px) {
    .k-scheduler-datecolumn {
        width: 6em !important
    }
}

.k-scheduler-timecolumn {
    width: 9em !important
}

@media screen and (max-width:767px) {
    .k-scheduler-timecolumn {
        width: 4em !important
    }
}

ul.k-reset.k-scheduler-navigation .k-state-hover {
    background-color: #8a66c4 !important
}

ul.k-reset.k-scheduler-navigation li {
    background-color: transparent;
    border: none !important
}

ul.k-reset.k-scheduler-navigation .k-nav-current {
    margin-left: 0px
}

ul.k-reset.k-scheduler-navigation .k-nav-current a.k-link {
    padding: 0 10px
}

ul.k-reset.k-scheduler-navigation .k-state-hover.k-nav-current .k-i-calendar {
    background-position: -48px -176px
}

.k-floatwrap.k-header.k-scheduler-toolbar {
    border-bottom: 0px !important
}

.k-floatwrap.k-header.k-scheduler-toolbar .k-link {
    background-color: transparent
}

ul.k-reset.k-header.k-scheduler-views .k-current-view {
    background-color: #0065bd !important
}

ul.k-reset.k-header.k-scheduler-views .k-state-hover {
    background-color: #8a66c4 !important;
    border: none !important;
    border-radius: 0 !important
}

ul.k-reset.k-header.k-scheduler-views .k-state-default {
    background-color: transparent
}

@media only screen and (max-width:1024px) {
    ul.k-reset.k-header.k-scheduler-views .k-current-view .k-link:after {
        opacity: 1 !important;
        background-image: url('../assets/kendo-custom/sprite.png') !important;
        background-position: 5px -30px
    }
}

.k-scheduler-toolbar>ul>li {
    border-radius: 0 !important;
    border: 0px !important
}

.k-scheduler .k-scheduler-toolbar .k-state-selected .k-state-hover {
    background-color: #00a3e0;
    border: 0px !important
}

.k-scheduler .k-scheduler-toolbar .k-state-selected {
    background-color: #8a66c4 !important;
    border-radius: 0 !important;
    border: 0px !important
}

.k-scheduler .k-scheduler-toolbar .k-state-hover {
    background-color: #00a3e0;
    border: 0px !important
}

@media only screen and (max-width:1024px) {
    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded {
        border-radius: 0px !important;
        border: 0px !important;
        background-color: #fff !important
    }

    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-current-view {
        background-color: #0065bd
    }

    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-current-view:hover,
    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-current-view:active {
        background-color: #0065bd
    }

    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-state-default.k-state-selected {
        background-color: #0065bd
    }

    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-state-default a.k-link {
        color: #536675 !important
    }

    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-state-hover a.k-link,
    .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded li.k-state-selected a.k-link {
        color: #fff !important
    }
}

li.k-state-default.k-scheduler-fullday {
    background-color: transparent !important;
    border: none !important
}

li.k-state-default.k-scheduler-fullday a.k-link {
    color: #0065bd !important;
    padding-left: 5px;
    background-color: transparent !important
}

li.k-state-default.k-scheduler-fullday a.k-link:hover {
    text-decoration: underline !important;
    color: #003b5c !important
}

.k-header.k-scheduler-footer {
    background-color: #e4e9ec
}

.k-more-events.k-button {
    box-shadow: none;
    background-color: #d0d7dd
}

.k-more-events.k-button:hover,
.k-more-events.k-button:focus {
    background-color: #b2bfc8
}

.events-full-calendar .k-scheduler-agendaday,
.events-mini-calendar .k-scheduler-agendaday {
    color: #4f17a7;
    font-weight: normal;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    float: left;
    margin: -0.05em .2em 0 0;
    font-size: 4em;
    line-height: 1em;
    letter-spacing: -0.06em
}

@media screen and (max-width:767px) {

    .events-full-calendar .k-scheduler-agendaday,
    .events-mini-calendar .k-scheduler-agendaday {
        float: none;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 2.5em;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 5px;
        margin-top: -26px;
        width: 100%
    }
}

.events-full-calendar .k-scheduler-agendaweek,
.events-mini-calendar .k-scheduler-agendaweek {
    font-style: normal;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #575757;
    line-height: 1
}

@media screen and (max-width:767px) {

    .events-full-calendar .k-scheduler-agendaweek,
    .events-mini-calendar .k-scheduler-agendaweek {
        margin: -2px 0 -3px 0
    }
}

.events-full-calendar .k-scheduler-agendadate,
.events-mini-calendar .k-scheduler-agendadate {
    color: #688093
}

.k-task {
    margin-top: 3px
}

.k-task .k-i-refresh {
    background-position: -32px -112px !important;
    opacity: .5;
    margin-right: 3px;
    margin-top: -3px !important
}

.k-task .k-scheduler-mark {
    margin-top: -3px !important
}

.k-event {
    border: none;
    background: none !important;
    border-color: transparent !important
}

.k-event .k-si-close {
    background-position: -176px -80px
}

td.k-scheduler-timecolumn div {
    margin-top: 3px !important;
    white-space: normal
}

.k-event {
    line-height: 1.1
}

.k-event-template {
    padding: 0
}

.k-event-template a {
    color: #fff
}

.k-event-template a:hover {
    text-decoration: none
}

.k-link.k-nav-day {
    padding-bottom: 6px
}

.k-scheduler-header.k-state-default .k-scheduler-table {
    color: #767676 !important;
    text-transform: uppercase;
    letter-spacing: .04em
}

.k-event-actions .k-i-refresh {
    background-position: -48px -112px;
    opacity: .5 !important
}

th.k-scheduler-datecolumn {
    color: #767676 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    background-color: transparent
}

.k-scheduler-layout.k-scheduler-monthview.k-scrollbar-h tbody {
    border-bottom: 10px solid #e4e9ec
}

.k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-monthview .k-hidden {
    height: 120px !important
}

td.k-today {
    background-color: #fdf9e6 !important
}

.k-scheduler-layout.k-scheduler-dayview.k-scrollbar-v td.k-today {
    background-color: #fff !important
}

.k-calendar .k-link {
    border-radius: 0 !important
}

.k-calendar td {
    border-radius: 0 !important
}

.k-link.k-nav-today {
    color: #4f17a7 !important
}

.k-link.k-nav-today:hover,
.k-link.k-nav-today:focus {
    color: #4f17a7 !important
}

.k-calendar td.k-state-selected {
    background-color: #4f17a7 !important;
    border-radius: 0 !important
}

.k-popup.k-calendar-container {
    padding: 0
}

.k-widget.k-calendar .k-header {
    background-color: #333f48
}

.k-widget.k-calendar .k-header .k-state-hover {
    background-color: transparent !important;
    text-decoration: underline
}

.k-widget.k-calendar .k-link.k-nav-fast {
    margin: 0;
    padding: 4px 0
}

.k-widget.k-calendar .k-i-arrow-e {
    background-position: -16px -16px
}

.k-widget.k-calendar .k-i-arrow-w {
    background-position: -16px -48px
}

.k-content.k-meta-view .k-state-focused {
    background-color: #4f17a7 !important;
    border-color: #4f17a7 !important
}

.k-content.k-meta-view .k-state-focused a {
    color: #fff !important
}

.k-icon.k-i-arrow-w a {
    color: #8a66c4 !important
}

.k-widget.k-datepicker.k-header {
    border-color: transparent;
    border-radius: 4px !important;
    width: 100%
}

.k-widget.k-datepicker.k-header .k-input {
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
    border: 1px solid #ababab;
    color: #212121 !important;
    padding: 7px 24px 7px 5px;
    font-size: 18px !important;
    -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;
    -o-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
}

@media screen and (max-width:767px) {
    .k-widget.k-datepicker.k-header .k-input {
        font-size: 16px !important
    }
}

.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default {
    box-shadow: none !important;
    background-color: #fff !important;
    border: none
}

.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-focused,
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default.k-state-hover,
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default.k-state-focused.k-state-hover {
    box-shadow: none !important;
    background-color: #fff !important
}

.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-focused .k-input,
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default.k-state-hover .k-input,
.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default.k-state-focused.k-state-hover .k-input {
    border-color: #00a3e0 !important;
    box-shadow: none !important
}

.k-widget.k-datepicker.k-header .k-select {
    background-color: #4f17a7;
    border-width: 0
}

.k-widget.k-datepicker.k-header .k-select .k-i-calendar {
    margin-top: 8px;
    margin-right: 1px;
    opacity: 1 !important
}

.k-widget.k-datepicker.k-header .k-picker-wrap.k-state-default.k-state-hover span.k-select {
    background-color: #8a66c4 !important
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,
.k-gantt-views>.k-current-view>.k-link:after {
    background-image: url('../assets/kendo-custom/sprite.png') !important;
    border-color: transparent
}

.banner-top {
    padding-top: 10px;
    padding-bottom: 4px;
    background-color: #333f48;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%)
}

@media screen and (min-width:992px) {
    .banner-top {
        padding-top: 15px
    }
}

.banner-top a {
    color: #fff;
    text-decoration: underline
}

.banner-top a:hover {
    opacity: .85
}

.banner-top h2 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 6px;
    margin-top: 0px
}

.banner-top h2 small,
.banner-top h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.banner-top h2 small,
.banner-top h2 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .banner-top h2 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-top h2 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .banner-top h2 {
        font-size: 22px
    }
}

.banner-top p {
    font-size: 93%;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #fff
}

.picker {
    margin-bottom: 25px
}

.picker li {
    color: #575757 !important;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.max-col-1 li {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.max-col-2 li {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker.max-col-2 li {
        float: left;
        width: 50%
    }
}

.picker.max-col-2 li:nth-of-type(odd) {
    clear: left
}

.picker.max-col-3 li {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker.max-col-3 li {
        float: left;
        width: 33.33333333%
    }
}

.picker.max-col-4 li {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker.max-col-4 li {
        float: left;
        width: 50%
    }
}

@media (min-width:992px) {
    .picker.max-col-4 li {
        float: left;
        width: 25%
    }
}


.picker {
    margin-bottom: 2rem;
}

.picker ul {
    padding-left: 0;
    list-style: none
}

.picker h2 {
    color: #212121;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .picker h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .picker h2 {
        margin-bottom: 24px
    }
}

.picker .picker-img {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    margin-bottom: 10px
}

.picker .picker-img svg,
.picker .picker-img img {
    width: 100%
}

.picker .picker-content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .picker-content a svg.icon {
    display: inline-block
}

.picker .picker-content h3 {
    color: #ee490d;
    font-size: 20px;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.picker .picker-content .btn-primary:active {
    background-color: #8a66c4 !important;
    border-color: #8a66c4 !important
}

.picker .picker-content .btn-primary:focus,
.picker .picker-content .btn-primary:hover {
    background-color: #2b008c;
    border-color: #2b008c
}

.picker.img-icon .picker-img {
    position: relative;
    float: left;
    width: 8.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.img-icon .picker-content {
    position: relative;
    float: left;
    width: 91.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.img-icon.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker.img-icon.aside .picker-img {
        float: left;
        width: 16.66666667%
    }
}

.picker.img-icon.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker.img-icon.aside .picker-content {
        float: left;
        width: 83.33333333%
    }
}

.picker.img-sm .picker-img {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.img-sm .picker-content {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.img-sm.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker.img-sm.aside .picker-img {
        float: left;
        width: 25%
    }
}

.picker.img-sm.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker.img-sm.aside .picker-content {
        float: left;
        width: 75%
    }
}

.picker.img-md .picker-img {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.img-md .picker-content {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.img-md.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker.img-md.aside .picker-img {
        float: left;
        width: 33.33333333%
    }
}

.picker.img-md.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker.img-md.aside .picker-content {
        float: left;
        width: 66.66666667%
    }
}

.picker .img-icon .picker-img,
.picker .icon-svg .picker-img {
    position: relative;
    float: left;
    width: 8.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-icon .picker-content,
.picker .icon-svg .picker-content {
    position: relative;
    float: left;
    width: 91.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-icon.aside .picker-img,
.picker .icon-svg.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {

    .picker .img-icon.aside .picker-img,
    .picker .icon-svg.aside .picker-img {
        float: left;
        width: 16.66666667%
    }
}

.picker .img-icon.aside .picker-content,
.picker .icon-svg.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {

    .picker .img-icon.aside .picker-content,
    .picker .icon-svg.aside .picker-content {
        float: left;
        width: 83.33333333%
    }
}

.picker .img-sm .picker-img {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-sm .picker-content {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-sm.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-sm.aside .picker-img {
        float: left;
        width: 25%
    }
}

.picker .img-sm.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-sm.aside .picker-content {
        float: left;
        width: 75%
    }
}

.picker .img-md .picker-img {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-md .picker-content {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-md.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-md.aside .picker-img {
        float: left;
        width: 33.33333333%
    }
}

.picker .img-md.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-md.aside .picker-content {
        float: left;
        width: 66.66666667%
    }
}

.picker .img-md.home-page .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker .img-md.home-page .picker-img {
        float: left;
        width: 41.66666667%
    }
}

.picker .img-md.home-page .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker .img-md.home-page .picker-content {
        float: left;
        width: 58.33333333%
    }
}

.picker .img-lg-fixed .picker-img {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-lg-fixed .picker-content {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .img-lg-fixed.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-lg-fixed.aside .picker-img {
        float: left;
        width: 41.66666667%
    }
}

.picker .img-lg-fixed.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-lg-fixed.aside .picker-content {
        float: left;
        width: 58.33333333%
    }
}

.picker .img-lg-vert .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker .img-lg-vert .picker-img {
        float: left;
        width: 58.33333333%
    }
}

.picker .img-lg-vert .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker .img-lg-vert .picker-content {
        float: left;
        width: 41.66666667%
    }
}

.picker .img-lg-vert.aside .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-lg-vert.aside .picker-img {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .picker .img-lg-vert.aside .picker-img {
        margin-bottom: 20px
    }
}

.picker .img-lg-vert.aside .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .picker .img-lg-vert.aside .picker-content {
        float: left;
        width: 100%
    }
}

.picker .img-lg-horiz .picker-img {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media screen and (min-width:768px) {
    .picker .img-lg-horiz .picker-img {
        margin-bottom: 20px
    }
}

.picker .img-lg-horiz .picker-content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker .no-img .picker-img {
    display: none
}

.picker .no-img .picker-content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker li {
    margin-bottom: 5px;
    color: #536675
}

@media (min-width:768px) {
    .picker li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .picker li {
        margin-bottom: 12px
    }
}

.picker li img,
.picker li svg:not(.icon) {
    display: block;
    max-width: 100%;
    height: auto
}

.picker li .icon-svg {
    margin: 0 20% 0 20%
}

.picker li p {
    margin-top: 0
}

.picker li h3 {
    margin-top: -7px;
    margin-left: 0;
    line-height: 115%
}

.picker li h4 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: -12px;
    text-indent: 0
}

.picker li .highlight-text {
    background-color: #dff3fb;
    color: #333f48;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1.15;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 3px 5px 2px 5px;
    margin-bottom: 8px;
    vertical-align: bottom
}

.picker li .metadata-header {
    color: #41b6e6;
    font-size: 12px;
    letter-spacing: .03em;
    line-height: 1.2;
    margin-bottom: 16px;
    margin-top: -3px
}

@media screen and (min-width:992px) {
    .picker li .metadata-header {
        font-size: 14px
    }
}

.picker li .metadata-header span:after {
    content: " ǀ ";
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #41b6e6
}

.picker li .metadata-header span:last-of-type:after {
    content: ""
}

.picker li .metadata-header .content-type {
    color: #536675;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: .06em;
    text-transform: uppercase
}

.picker li .metadata-header .topic {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.picker li .metadata-header .topic a {
    color: #575757
}

.picker li .metadata-header .topic a:hover,
.picker li .metadata-header .topic a:focus {
    color: #2b008c
}

.picker li .metadata-header .date {
    color: #575757;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    text-transform: none
}

.picker li .content-source {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: -5px
}

.picker li .icon-lock img,
.picker li .icon-lock svg {
    height: 14px;
    width: auto;
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0px
}

@media screen and (min-width:768px) {

    .picker li .icon-lock img,
    .picker li .icon-lock svg {
        height: 16px;
        margin-left: 7px;
        margin-top: -5px;
        margin-bottom: 0px
    }
}

.picker li .author {
    font-size: 93%;
    color: #536675;
    font-weight: bold
}

.picker li .author:after {
    content: " ǀ ";
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #41b6e6
}

.picker li .abstract {
    line-height: 1.35
}

.picker li .duration {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 4px
}

.picker li .duration small,
.picker li .duration .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.picker li .duration small,
.picker li .duration .small {
    font-size: 75%
}

@media (min-width:992px) {
    .picker li .duration {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .picker li .duration {
        margin-top: 8px
    }
}

@media (min-width:1200px) {
    .picker li .duration {
        margin-top: 9.6px
    }
}

.picker li .duration svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-bottom: -5px
}

.picker.aside h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    margin-bottom: 7.5px;
    padding-bottom: 5px;
    line-height: 1.15;
    color: #688093
}

.picker.aside h2 small,
.picker.aside h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.picker.aside h2 small,
.picker.aside h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .picker.aside h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .picker.aside h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .picker.aside h2 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .picker.aside h2 {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .picker.aside h2 {
        margin-bottom: 18px
    }
}

@media (min-width:768px) {
    .picker.aside h2 {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .picker.aside h2 {
        padding-bottom: 12px
    }
}

.picker.aside h2:first-of-type {
    margin-top: -8px
}

@media screen and (min-width:768px) {
    .picker.aside li h3 {
        font-size: 20px;
        line-height: 1.15;
        margin-top: -5px
    }

    .picker.aside li h4 {
        font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-top: -10px
    }

    .picker.aside li p {
        font-size: 15px
    }

    .picker.aside li p a {
        text-decoration: none
    }

    .picker.aside li p a:not(.btn) {
        text-decoration: none
    }

    .picker.aside li p a:not(.btn):hover {
        text-decoration: underline
    }

    .picker.aside li .content-source {
        margin-top: -5px
    }

    .picker.aside li .metadata-header {
        font-size: 12px;
        margin-top: -3px
    }

    .picker.aside li .highlight-text {
        font-size: 12px;
        letter-spacing: .08em
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .picker.aside li p {
        font-size: 15px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .picker.aside li p {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .picker.aside li p {
        font-size: 16px
    }
}

.picker.aside .no-img .picker-img {
    display: none
}

.picker.aside .no-img .picker-content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.picker.media-item-download .lang-selector,
.picker.media-item-download .lang-selector-btn {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    margin-bottom: 5px
}

@media (min-width:768px) {

    .picker.media-item-download .lang-selector,
    .picker.media-item-download .lang-selector-btn {
        float: left;
        width: 50%
    }
}

@media (min-width:768px) {

    .picker.media-item-download .lang-selector,
    .picker.media-item-download .lang-selector-btn {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {

    .picker.media-item-download .lang-selector,
    .picker.media-item-download .lang-selector-btn {
        margin-bottom: 12px
    }
}

.picker.media-item-download .btn {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .picker.media-item-download .btn {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .picker.media-item-download .btn {
        margin-bottom: 24px
    }
}

.picker.media-item-download .btn svg {
    margin-left: 6px;
    display: inline-block;
    top: -1px
}

.picker.media-item-download.disabled .format {
    opacity: .5
}

.picker .course li {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .picker .course li {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .picker .course li {
        margin-bottom: 48px
    }
}

.picker .course .highlight-text {
    margin-bottom: 14px
}

.picker .course .course-details p {
    margin-bottom: 0px
}

.picker .course .course-details .level {
    border-top: 1px solid #dff3fb;
    border-bottom: 1px solid #dff3fb;
    padding: 6px 0 8px 0;
    margin-top: 5px;
    margin-bottom: 10px
}

.picker .course .course-label {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-transform: none;
    color: #688093
}

.picker .course .course-label small,
.picker .course .course-label .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.picker .course .course-label small,
.picker .course .course-label .small {
    font-size: 75%
}

@media (min-width:992px) {
    .picker .course .course-label {
        font-size: 14px
    }
}

.picker .format {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #536675;
    margin-top: 0
}

.picker .format small,
.picker .format .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.picker .format small,
.picker .format .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .picker .format {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .picker .format {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .picker .format {
        font-size: 22px
    }
}

.picker .rule {
    margin-bottom: 20px
}

.picker.highlight {
    background-color: #f2edf8;
    padding: 20px 20px 5px 20px;
    margin-bottom: 20px;
    border-top: none
}

@media screen and (max-width:767px) {
    .picker.highlight {
        padding: 15px 15px 1px 15px
    }
}

.picker.highlight .highlight-text {
    background-color: #fff
}

.picker.highlight li .rule {
    background-color: #fff
}

.picker.highlight li:first-child {
    padding-top: 0
}

.picker.highlight li:first-child .rule {
    display: none
}

.picker.highlight.img-lg-horiz .picker-img {
    margin-bottom: 20px
}

.picker.highlight .course-details .level {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.picker.highlight li {
    margin-bottom: 5px
}

@media (min-width:768px) {
    .picker.highlight li {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .picker.highlight li {
        margin-bottom: 12px
    }
}

.picker.highlight .picker {
    margin-bottom: 5px
}

@media (min-width:768px) {
    .picker.highlight .picker {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .picker.highlight .picker {
        margin-bottom: 12px
    }
}

.picker.home-page-picker .img-md .picker-img {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker.home-page-picker .img-md .picker-img {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .picker.home-page-picker .img-md .picker-img {
        padding: 0
    }
}

.picker.home-page-picker .img-md .picker-content {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .picker.home-page-picker .img-md .picker-content {
        float: left;
        width: 50%
    }
}

.picker.home-page-picker .rule {
    border-top: 1px solid #41b6e6
}

.picker.home-page-picker li {
    border-top: transparent;
    padding-top: 0
}

@media screen and (max-width:767px) {
    .picker.home-page-picker li {
        padding-top: 16px
    }
}

.picker.home-page-picker li h3 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 28px;
    margin-top: -9px;
    line-height: 1.1
}

.picker.home-page-picker li h3 .icon {
    position: relative;
    top: 1px;
    height: 14px;
    width: 14px
}

@media screen and (max-width:767px) {
    .picker.home-page-picker li h3 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 20px;
        margin-top: -2px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .picker.home-page-picker li h3 {
        font-size: 37px;
        margin-top: -9px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:1200px) {
    .picker.home-page-picker li h3 {
        font-size: 45px;
        margin-top: -10px;
        margin-bottom: 20px
    }

    .picker.home-page-picker li h3 .icon {
        position: relative;
        top: 4px;
        height: 20px;
        width: 21px
    }
}

.picker.home-page-picker li h4 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-top: -4px;
    margin-bottom: 13px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .picker.home-page-picker li h4 {
        font-size: 24px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .picker.home-page-picker li h4 {
        font-size: 28px;
        margin-top: -16px;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1200px) {
    .picker.home-page-picker li h4 {
        font-size: 28px;
        margin-top: -16px;
        margin-bottom: 17px
    }
}

.picker.home-page-picker li .topic {
    font-weight: bold;
    letter-spacing: .06em;
    text-transform: uppercase
}

.picker.home-page-picker li .date {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0
}

.picker.home-page-picker li .time {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-weight: normal
}

.picker.home-page-picker li .time::before {
    content: " | ";
    color: #e4e9ec
}

.picker.home-page-picker li .type {
    color: rgba(104, 128, 147, 0.8);
    font-size: .75em;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 1.5px
}

@media (min-width:768px) {
    .picker.home-page-picker li .type {
        margin-top: 3px
    }
}

@media (min-width:1200px) {
    .picker.home-page-picker li .type {
        margin-top: 3.6px
    }
}

.picker.home-page-picker li .place {
    margin: 0
}

.picker.home-page-picker li .description {
    margin-top: 5.5px;
    line-height: 1.3
}

@media (min-width:768px) {
    .picker.home-page-picker li .description {
        margin-top: 11px
    }
}

@media (min-width:1200px) {
    .picker.home-page-picker li .description {
        margin-top: 13.2px
    }
}

.picker.home-page-picker li .highlight-text {
    margin-bottom: 14px
}

.picker.home-page-picker li fieldset {
    margin: 10px 0px
}

.col-sm-5 .picker .img-lg-vert .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .col-sm-5 .picker .img-lg-vert .picker-img {
        float: left;
        width: 33.33333333%
    }
}

@media (min-width:992px) {
    .col-sm-5 .picker .img-lg-vert .picker-img {
        float: left;
        width: 41.66666667%
    }
}

@media (min-width:1200px) {
    .col-sm-5 .picker .img-lg-vert .picker-img {
        float: left;
        width: 58.33333333%
    }
}

.col-sm-5 .picker .img-lg-vert .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .col-sm-5 .picker .img-lg-vert .picker-content {
        float: left;
        width: 66.66666667%
    }
}

@media (min-width:992px) {
    .col-sm-5 .picker .img-lg-vert .picker-content {
        float: left;
        width: 58.33333333%
    }
}

@media (min-width:1200px) {
    .col-sm-5 .picker .img-lg-vert .picker-content {
        float: left;
        width: 41.66666667%
    }
}

.picker-book .author {
    font-size: 93%;
    color: #536675;
    font-weight: bold
}

.picker-book .book-dropdown select.form-control {
    padding: 0px
}

.aside .picker h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    margin-bottom: 7.5px;
    padding-bottom: 5px;
    line-height: 1.15;
    color: #212121;
    font-size: 24px !important
}

.aside .picker h2 small,
.aside .picker h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.aside .picker h2 small,
.aside .picker h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .aside .picker h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .aside .picker h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .aside .picker h2 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    .aside .picker h2 {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .aside .picker h2 {
        margin-bottom: 18px
    }
}

@media (min-width:768px) {
    .aside .picker h2 {
        padding-bottom: 10px
    }
}

@media (min-width:1200px) {
    .aside .picker h2 {
        padding-bottom: 12px
    }
}

.aside .picker .img-lg-vert .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-lg-vert .picker-img {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .aside .picker .img-lg-vert .picker-img {
        margin-bottom: 20px
    }
}

.aside .picker .img-lg-vert .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-lg-vert .picker-content {
        float: left;
        width: 100%
    }
}

.aside .picker .img-md .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-md .picker-img {
        float: left;
        width: 33.33333333%
    }
}

.aside .picker .img-md .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-md .picker-content {
        float: left;
        width: 66.66666667%
    }
}

.aside .picker .img-sm .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-sm .picker-img {
        float: left;
        width: 25%
    }
}

.aside .picker .img-sm .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-sm .picker-content {
        float: left;
        width: 75%
    }
}

.aside .picker .img-icon .picker-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-icon .picker-img {
        float: left;
        width: 16.66666667%
    }
}

.aside .picker .img-icon .picker-content {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .picker .img-icon .picker-content {
        float: left;
        width: 83.33333333%
    }
}

@media screen and (min-width:768px) {
    .aside .picker li h3 {
        font-size: 20px;
        line-height: 1.15;
        margin-top: -5px
    }

    .aside .picker li h4 {
        font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-top: -10px
    }

    .aside .picker li p {
        font-size: 15px
    }

    .aside .picker li p a {
        text-decoration: none
    }

    .aside .picker li p a:not(.btn) {
        text-decoration: none
    }

    .aside .picker li p a:not(.btn):hover {
        text-decoration: underline
    }

    .aside .picker li .content-source {
        margin-top: -5px
    }

    .aside .picker li .metadata-header {
        font-size: 12px;
        margin-top: -3px
    }

    .aside .picker li .highlight-text {
        font-size: 12px;
        letter-spacing: .08em
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .aside .picker li p {
        font-size: 15px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .aside .picker li p {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .picker li p {
        font-size: 16px
    }
}

.aside .picker-book .book-dropdown .col-xs-6 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.aside .picker-book .book-dropdown .btn {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px
}

.aside .picker-book .book-dropdown select {
    margin-bottom: 10px;
    height: 34px
}

.picker-collapse-group {
    margin-top: 6px;
    margin-bottom: 6px;
    cursor: pointer
}

@media (min-width:768px) {
    .picker-collapse-group {
        margin-top: 12px
    }
}

@media (min-width:1200px) {
    .picker-collapse-group {
        margin-top: 14.4px
    }
}

@media (min-width:768px) {
    .picker-collapse-group {
        margin-bottom: 12px
    }
}

@media (min-width:1200px) {
    .picker-collapse-group {
        margin-bottom: 14.4px
    }
}

.picker-collapse-group:hover i,
.picker-collapse-group:hover svg.icon {
    color: #00a3e0
}

.picker-collapse-group h4 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    padding-left: 24px;
    color: #688093
}

.picker-collapse-group h4 small,
.picker-collapse-group h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.picker-collapse-group h4 small,
.picker-collapse-group h4 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .picker-collapse-group h4 {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .picker-collapse-group h4 {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .picker-collapse-group h4 {
        font-size: 30px
    }
}

.picker-collapse-group h4:hover {
    color: #0065bd
}

.picker-collapse-group i,
.picker-collapse-group svg.icon {
    font-size: 14px;
    color: #b2bfc8;
    float: left;
    margin-top: 10px;
    transition: All 0.250s ease;
    -moz-transition: All 0.250s ease;
    transform: rotate(0deg)
}

.picker-collapse-group[aria-expanded="true"] i,
.picker-collapse-group[aria-expanded="true"] svg.icon {
    transform: rotate(180deg)
}

.picker-collapse li {
    border-top: none
}

.toggle-options {
    margin-bottom: 10px;
    margin-top: 5px
}

@media (min-width:768px) {
    .toggle-options {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .toggle-options {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .toggle-options {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .toggle-options {
        margin-top: 12px
    }
}

.toggle-options a {

    color: inherit;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #4f17a7;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase
}

.toggle-options a small,
.toggle-options a .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.toggle-options a small,
.toggle-options a .small {
    font-size: 75%
}

@media (min-width:992px) {
    .toggle-options a {
        font-size: 14px
    }
}

.toggle-options a:hover,
.toggle-options a active {
    color: #8a66c4;
    text-decoration: underline
}

.toggle-options a:hover i,
.toggle-options a active i,
.toggle-options a:hover svg.icon,
.toggle-options a active svg.icon {
    color: #00a3e0
}

.toggle-options a:focus {
    text-decoration: none
}

.toggle-options .pipe {
    color: #4f17a7;
    display: inline-block;
    margin-right: 6px;
    margin-left: 8px
}

.languageSelect {
    max-width: 250px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .languageSelect {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .languageSelect {
        margin-bottom: 36px
    }
}

.img-caption2 {
    margin-bottom: 10px;
    color: #575757
}

@media (min-width:768px) {
    .img-caption2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .img-caption2 {
        margin-bottom: 24px
    }
}

.img-caption2.extra-margin {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .img-caption2.extra-margin {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .img-caption2.extra-margin {
        margin-bottom: 60px
    }
}

.img-caption2 .row.valign-text {
    display: flex;
    align-items: center
}

.img-caption2 img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-caption2 h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    margin-top: -7px;
    margin-left: 0;
    line-height: 115%
}

.img-caption2 h2 small,
.img-caption2 h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.img-caption2 h2 small,
.img-caption2 h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .img-caption2 h2 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-caption2 h2 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .img-caption2 h2 {
        font-size: 27px
    }
}

.img-caption2 h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 22px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 32px;
    margin-top: -6px
}

.img-caption2 h3 small,
.img-caption2 h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.img-caption2 h3 small,
.img-caption2 h3 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .img-caption2 h3 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-caption2 h3 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .img-caption2 h3 {
        font-size: 25px
    }
}

.img-caption2 h4 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: -5px
}

.img-caption2 h4 a {
    text-decoration: none
}

.img-caption2 h4 a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .img-caption2 h4 {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-caption2 h4 {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .img-caption2 h4 {
        font-size: 18px
    }
}

.img-caption2 p {
    margin-top: 0;

    font-size: 12px
}

.img-caption2 div>p>a.btn {
    color: #fff !important;
    background-color: #4f17a7
}

.img-caption2 div>p>a.btn:hover,
.img-caption2 div>p>a.btn:focus {
    background-color: #2b008c;
    border-color: #2b008c
}

.img-caption2 div>p>a.btn:active,
.img-caption2 div>p>a.btn:hover:active,
.img-caption2 div>p>a.btn:focus:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.img-caption2 .iwc-img {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    margin-bottom: 10px
}

.img-caption2 .iwc-img img:not(.carousel-img) {
    width: 100%
}

.img-caption2 .iwc-text,
.img-caption2 .cta-text {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2 .iwc-text h3,
.img-caption2 .cta-text h3 {
    margin-top: auto !important
}

.img-caption2 .iwc-text .jump-top-anchor,
.img-caption2 .cta-text .jump-top-anchor {
    margin-top: 10px;
    float: right !important
}

.img-caption2 .iwc-text .jump-top-anchor svg.icon,
.img-caption2 .cta-text .jump-top-anchor svg.icon {
    margin-left: 5px
}

.img-caption2 .iwc-text .ep-profile h3,
.img-caption2 .cta-text .ep-profile h3 {
    margin-top: 3px
}

.img-caption2 .iwc-text .ep-profile h4,
.img-caption2 .cta-text .ep-profile h4 {
    font-size: 22px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 14px
}

.img-caption2 .iwc-text .ep-profile h5,
.img-caption2 .cta-text .ep-profile h5 {
    font-size: 18px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
    line-height: 120%
}

.img-caption2 .iwc-text .ep-profile h6,
.img-caption2 .cta-text .ep-profile h6 {
    font-size: 14px;
    font-weight: bold;
    text-transform: initial
}

.img-caption2.iwc-rule {
    padding-top: 10px;
    border-top: 1px solid #e4e9ec
}

@media (min-width:768px) {
    .img-caption2.iwc-rule {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .img-caption2.iwc-rule {
        padding-top: 24px
    }
}

.img-caption2.img-sm .iwc-img {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-sm .iwc-text,
.img-caption2.img-sm .cta-text {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-sm .iwc-text h3,
.img-caption2.img-sm .cta-text h3 {
    color: #212121
}

.img-caption2.img-sm .iwc-text p,
.img-caption2.img-sm .cta-text p {
    color: #575757
}

.img-caption2.img-sm.aside .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .img-caption2.img-sm.aside .iwc-img {
        float: left;
        width: 25%
    }
}

.img-caption2.img-sm.aside .iwc-text,
.img-caption2.img-sm.aside .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {

    .img-caption2.img-sm.aside .iwc-text,
    .img-caption2.img-sm.aside .cta-text {
        float: left;
        width: 75%
    }
}

.img-caption2.img-md .iwc-img {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-md .iwc-text,
.img-caption2.img-md .cta-text {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    color: #575757
}

.img-caption2.img-md .iwc-text h3,
.img-caption2.img-md .cta-text h3 {
    color: #212121
}

.img-caption2.img-md.aside .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .img-caption2.img-md.aside .iwc-img {
        float: left;
        width: 33.33333333%
    }
}

.img-caption2.img-md.aside .iwc-text,
.img-caption2.img-md.aside .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {

    .img-caption2.img-md.aside .iwc-text,
    .img-caption2.img-md.aside .cta-text {
        float: left;
        width: 66.66666667%
    }
}

.img-caption2.img-lg-vert .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .img-caption2.img-lg-vert .iwc-img {
        float: left;
        width: 58.33333333%
    }
}

.img-caption2.img-lg-vert .iwc-text,
.img-caption2.img-lg-vert .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {

    .img-caption2.img-lg-vert .iwc-text,
    .img-caption2.img-lg-vert .cta-text {
        float: left;
        width: 41.66666667%
    }
}

.img-caption2.img-lg-vert.aside .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .img-caption2.img-lg-vert.aside .iwc-img {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .img-caption2.img-lg-vert.aside .iwc-img {
        margin-bottom: 20px
    }
}

.img-caption2.img-lg-vert.aside .iwc-text,
.img-caption2.img-lg-vert.aside .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {

    .img-caption2.img-lg-vert.aside .iwc-text,
    .img-caption2.img-lg-vert.aside .cta-text {
        float: left;
        width: 100%
    }
}

.img-caption2.img-lg-horiz .iwc-img {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media screen and (min-width:768px) {
    .img-caption2.img-lg-horiz .iwc-img {
        margin-bottom: 20px
    }
}

.img-caption2.img-lg-horiz .iwc-text,
.img-caption2.img-lg-horiz .cta-text {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.heading-above h2 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    color: #3c3c3c;
    margin-bottom: 10px
}

.img-caption2.heading-above h2 small,
.img-caption2.heading-above h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.img-caption2.heading-above h2 small,
.img-caption2.heading-above h2 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .img-caption2.heading-above h2 {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-caption2.heading-above h2 {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .img-caption2.heading-above h2 {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .img-caption2.heading-above h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .img-caption2.heading-above h2 {
        margin-bottom: 24px
    }
}

.img-caption2.heading-above h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    line-height: 120%;
    font-size: 24px;
    margin-top: -7px;
    margin-left: 0;
    line-height: 115%;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.img-caption2.heading-above h3 small,
.img-caption2.heading-above h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.img-caption2.heading-above h3 small,
.img-caption2.heading-above h3 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .img-caption2.heading-above h3 {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-caption2.heading-above h3 {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .img-caption2.heading-above h3 {
        font-size: 27px
    }
}

.img-caption2.heading-above h4 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    line-height: 115%;
    font-size: 22px;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-top: -6px
}

.img-caption2.heading-above h4 small,
.img-caption2.heading-above h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.img-caption2.heading-above h4 small,
.img-caption2.heading-above h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .img-caption2.heading-above h4 {
        font-size: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-caption2.heading-above h4 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .img-caption2.heading-above h4 {
        font-size: 25px
    }
}

.img-caption2.heading-above .ep-profile h3 {
    margin-top: 3px
}

.img-caption2.heading-above .ep-profile h4 {
    font-size: 22px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 14px
}

.img-caption2.heading-above .ep-profile h5 {
    font-size: 18px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
    line-height: 120%
}

.img-caption2.heading-above .ep-profile h6 {
    font-size: 14px;
    font-weight: bold;
    text-transform: initial
}

.img-caption2 .lead-in,
.img-caption2 .lead {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    color: #212121;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 7.5px
}

.img-caption2 .lead-in small,
.img-caption2 .lead small,
.img-caption2 .lead-in .small,
.img-caption2 .lead .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.img-caption2 .lead-in small,
.img-caption2 .lead small,
.img-caption2 .lead-in .small,
.img-caption2 .lead .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {

    .img-caption2 .lead-in,
    .img-caption2 .lead {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .img-caption2 .lead-in,
    .img-caption2 .lead {
        font-size: 30px
    }
}

@media (min-width:1200px) {

    .img-caption2 .lead-in,
    .img-caption2 .lead {
        font-size: 30px
    }
}

@media (min-width:768px) {

    .img-caption2 .lead-in,
    .img-caption2 .lead {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {

    .img-caption2 .lead-in,
    .img-caption2 .lead {
        margin-bottom: 18px
    }
}

.img-caption2 .lead-in:first-child,
.img-caption2 .lead:first-child {
    margin-top: -8px
}

.img-caption2 .btn-primary {
    text-transform: uppercase;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    max-width: 100%;
    font-size: 15px;
    white-space: normal
}

.img-caption2 .btn-primary:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.img-caption2 .btn-primary:focus {
    outline: none
}

.img-caption2 .btn-primary i,
.img-caption2 .btn-primary svg {
    color: #fff
}

.img-caption2 .btn-primary.disabled,
.img-caption2 .btn-primary[disabled],
fieldset[disabled] .img-caption2 .btn-primary {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .35;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:768px) {
    .img-caption2.aside h2 {
        font-size: 20px;
        line-height: 1.15;
        margin-top: -5px
    }

    .img-caption2.aside h3 {
        font-size: 20px;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 26px;
        margin-top: -10px
    }

    .img-caption2.aside h4 {
        font-size: 16px;
        font-weight: bold
    }

    .img-caption2.aside h4 a {
        text-decoration: none
    }

    .img-caption2.aside h4 a:hover {
        text-decoration: underline
    }

    .img-caption2.aside p {
        font-size: 15px
    }

    .img-caption2.aside p a {
        text-decoration: none
    }

    .img-caption2.aside p a:not(.btn) {
        text-decoration: none
    }

    .img-caption2.aside p a:not(.btn):hover {
        text-decoration: underline
    }

    .img-caption2.aside .lead-in,
    .img-caption2.aside .lead {
        font-size: 20px
    }

    .img-caption2.aside .lead-in:first-child,
    .img-caption2.aside .lead:first-child {
        margin-top: -4px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .img-caption2.aside h4 {
        font-size: 17px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .img-caption2.aside h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .img-caption2.aside h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .img-caption2.aside p {
        font-size: 15px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .img-caption2.aside p {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .img-caption2.aside p {
        font-size: 16px
    }
}

.img-caption2.aside .btn {
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    max-width: 100%;
    font-size: 15px;
    white-space: normal
}

.img-caption2.aside .btn:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.img-caption2.aside .btn:focus {
    outline: none
}

.img-caption2.aside .btn i,
.img-caption2.aside .btn svg {
    color: #fff
}

.img-caption2.aside .btn.disabled,
.img-caption2.aside .btn[disabled],
fieldset[disabled] .img-caption2.aside .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .35;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none
}

.img-caption2.aside a svg.icon {
    display: none
}

.img-caption2.aside.heading-above .iwc-heading {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .img-caption2.aside.heading-above .iwc-heading {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .img-caption2.aside.heading-above h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        margin-bottom: 7.5px;
        padding-bottom: 5px;
        line-height: 1.15;
        color: #688093;
        margin-top: -7px
    }

    .img-caption2.aside.heading-above h2 small,
    .img-caption2.aside.heading-above h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .img-caption2.aside.heading-above h2 small,
    .img-caption2.aside.heading-above h2 .small {
        font-size: 65%
    }

    .img-caption2.aside.heading-above h3 {
        font-size: 20px;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 1.15;
        margin-top: -5px
    }

    .img-caption2.aside.heading-above h4 {
        font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-top: -10px
    }

    .img-caption2.aside.heading-above.iwc-rule {
        padding-top: 0;
        border-top: transparent
    }

    .img-caption2.aside.heading-above.iwc-rule h2 {
        border-bottom: 1px solid #e4e9ec
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .img-caption2.aside.heading-above h2 {
        font-size: 26px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .img-caption2.aside.heading-above h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .img-caption2.aside.heading-above h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .img-caption2.aside.heading-above h2 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .img-caption2.aside.heading-above h2 {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .img-caption2.aside.heading-above h2 {
        padding-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .img-caption2.aside.heading-above h2 {
        padding-bottom: 12px
    }
}

.img-caption2.notification {
    background-color: rgba(223, 243, 251, 0.7);
    padding: 20px 20px 7px 20px;
    border-top: none
}

@media screen and (max-width:767px) {
    .img-caption2.notification {
        padding: 15px 15px 1px 15px
    }
}

.img-caption2.notification.iwc-rule.heading-above h2 {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px
}

.img-caption2.notification li {
    border-color: #fff
}

.img-caption2.notification li:first-child {
    border-top: none;
    padding-top: 0
}

.img-caption2.notification.img-lg-horiz .picker-img {
    margin-bottom: 20px
}

.img-caption2.notification.aside.heading-above {
    padding-top: 18px
}

.img-caption2.notification.aside.heading-above h2 {
    color: #212121;
    border-color: #fff
}

.img-caption2 .icon-lock img {
    height: 14px;
    width: auto;
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0px
}

@media screen and (min-width:768px) {
    .img-caption2 .icon-lock img {
        height: 16px;
        margin-left: 7px;
        margin-top: -5px;
        margin-bottom: 0px
    }
}

@media screen and (min-width:768px) {
    .aside .img-caption2 h2 {
        font-size: 20px;
        line-height: 1.15;
        margin-top: -5px
    }

    .aside .img-caption2 h3 {
        font-size: 20px;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 26px;
        margin-top: -10px
    }

    .aside .img-caption2 h4 {
        font-size: 16px;
        font-weight: bold
    }

    .aside .img-caption2 h4 a {
        text-decoration: none
    }

    .aside .img-caption2 h4 a:hover {
        text-decoration: underline
    }

    .aside .img-caption2 p {
        font-size: 15px
    }

    .aside .img-caption2 p a {
        text-decoration: none
    }

    .aside .img-caption2 p a:not(.btn) {
        text-decoration: none
    }

    .aside .img-caption2 p a:not(.btn):hover {
        text-decoration: underline
    }

    .aside .img-caption2 .lead-in,
    .aside .img-caption2 .lead {
        font-size: 20px
    }

    .aside .img-caption2 .lead-in:first-child,
    .aside .img-caption2 .lead:first-child {
        margin-top: -4px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .aside .img-caption2 h4 {
        font-size: 17px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .aside .img-caption2 h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .img-caption2 h4 {
        font-size: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .aside .img-caption2 p {
        font-size: 15px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .aside .img-caption2 p {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .img-caption2 p {
        font-size: 16px
    }
}

.aside .img-caption2.img-sm .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .aside .img-caption2.img-sm .iwc-img {
        float: left;
        width: 25%
    }
}

.aside .img-caption2.img-sm .iwc-text,
.aside .img-caption2.img-sm .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {

    .aside .img-caption2.img-sm .iwc-text,
    .aside .img-caption2.img-sm .cta-text {
        float: left;
        width: 75%
    }
}

.aside .img-caption2.img-md .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .img-caption2.img-md .iwc-img {
        float: left;
        width: 33.33333333%
    }
}

.aside .img-caption2.img-md .iwc-text,
.aside .img-caption2.img-md .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {

    .aside .img-caption2.img-md .iwc-text,
    .aside .img-caption2.img-md .cta-text {
        float: left;
        width: 66.66666667%
    }
}

.aside .img-caption2.img-lg-vert .iwc-img {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {
    .aside .img-caption2.img-lg-vert .iwc-img {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .aside .img-caption2.img-lg-vert .iwc-img {
        margin-bottom: 20px
    }
}

.aside .img-caption2.img-lg-vert .iwc-text,
.aside .img-caption2.img-lg-vert .cta-text {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:992px) {

    .aside .img-caption2.img-lg-vert .iwc-text,
    .aside .img-caption2.img-lg-vert .cta-text {
        float: left;
        width: 100%
    }
}

.aside .img-caption2 .btn {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px
}

.aside .img-caption2.heading-above .iwc-heading {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .aside .img-caption2.heading-above .iwc-heading {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .aside .img-caption2.heading-above h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        margin-bottom: 7.5px;
        padding-bottom: 5px;
        line-height: 1.15;
        color: #212121;
        margin-top: -7px
    }

    .aside .img-caption2.heading-above h2 small,
    .aside .img-caption2.heading-above h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .aside .img-caption2.heading-above h2 small,
    .aside .img-caption2.heading-above h2 .small {
        font-size: 65%
    }

    .aside .img-caption2.heading-above h3 {
        font-size: 20px;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 1.15;
        margin-top: -5px
    }

    .aside .img-caption2.heading-above h4 {
        font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-top: -10px
    }

    .aside .img-caption2.heading-above.iwc-rule {
        padding-top: 0;
        border-top: transparent
    }

    .aside .img-caption2.heading-above.iwc-rule h2 {
        border-bottom: 1px solid #e4e9ec
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .aside .img-caption2.heading-above h2 {
        font-size: 26px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .aside .img-caption2.heading-above h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .img-caption2.heading-above h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .aside .img-caption2.heading-above h2 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .img-caption2.heading-above h2 {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .aside .img-caption2.heading-above h2 {
        padding-bottom: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .img-caption2.heading-above h2 {
        padding-bottom: 12px
    }
}

.aside .img-caption2.notification.heading-above {
    padding-top: 18px
}

.aside .img-caption2.notification.heading-above h2 {
    color: #212121;
    border-color: #fff
}

.img-caption2.img-md .iwc-img.cta-width-50,
.img-caption2.img-md.aside .iwc-img.cta-width-50 {
    position: relative;
    float: left;
    width: 50% !important;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-md.cta-width-50 .iwc-text,
.img-caption2.img-md.cta-width-50 .cta-text,
.img-caption2.img-md.aside.cta-width-50 .iwc-text,
.img-caption2.img-md.aside.cta-width-50 .cta-text {
    position: relative;
    float: left;
    width: 50% !important;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-md .iwc-img.cta-width-33,
.img-caption2.img-md.aside .iwc-img.cta-width-33 {
    position: relative;
    float: left;
    width: 33.33333333% !important;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-md.cta-width-33 .iwc-text,
.img-caption2.img-md.cta-width-33 .cta-text,
.img-caption2.img-md.aside.cta-width-33 .iwc-text,
.img-caption2.img-md.aside.cta-width-33 .cta-text {
    position: relative;
    float: left;
    width: 66.66666667% !important;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-md .iwc-img.cta-width-25,
.img-caption2.img-md.aside .iwc-img.cta-width-25 {
    position: relative;
    float: left;
    width: 25% !important;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-caption2.img-md.cta-width-25 .iwc-text,
.img-caption2.img-md.cta-width-25 .cta-text,
.img-caption2.img-md.aside.cta-width-25 .iwc-text,
.img-caption2.img-md.aside.cta-width-25 .cta-text {
    position: relative;
    float: left;
    width: 75% !important;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.img-widget img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

.img-widget a.img-link svg.icon {
    display: none
}

.img-widget .img-caption p {
    font-size: 16px;
    background-color: #E9E9E9;
    padding: 10px
}

div.img-widget {
    margin-bottom: 20px
}

p.job-title,
p.job-org,
p.job-location {
    margin: 0
}

.highlighted-statistic {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .highlighted-statistic {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic {
        margin-bottom: 60px
    }
}

.highlighted-statistic ul {
    padding-left: 0;
    list-style: none
}

.highlighted-statistic .stat {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.12em;
    margin-bottom: .8em;
    font-size: 44px;
    padding-top: 10px;
    border-top: 5px solid;
    padding-top: 15px;
    margin-bottom: 8px;
    line-height: .8
}

.highlighted-statistic .stat small,
.highlighted-statistic .stat .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.highlighted-statistic .stat small,
.highlighted-statistic .stat .small {
    font-size: 65%
}

@media (min-width:768px) {
    .highlighted-statistic .stat {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic .stat {
        padding-top: 24px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .highlighted-statistic .stat {
        font-size: 49px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .highlighted-statistic .stat {
        font-size: 58px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic .stat {
        font-size: 66px
    }
}

.highlighted-statistic .stat.no-top-border {
    border-top: none
}

.highlighted-statistic .heading {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px
}

.highlighted-statistic .heading small,
.highlighted-statistic .heading .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.highlighted-statistic .heading small,
.highlighted-statistic .heading .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .highlighted-statistic .heading {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .highlighted-statistic .heading {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic .heading {
        font-size: 30px
    }
}

.highlighted-statistic .description {
    color: #333f48
}

.highlighted-statistic.max-col-2 li {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .highlighted-statistic.max-col-2 li {
        float: left;
        width: 50%
    }
}

.highlighted-statistic.max-col-2 li:nth-of-type(odd) {
    clear: left
}

.highlighted-statistic.max-col-3 li {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .highlighted-statistic.max-col-3 li {
        float: left;
        width: 33.33333333%
    }
}

.highlighted-statistic.max-col-4 li {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.highlighted-statistic.max-col-4 li:nth-child(5n) {
    clear: both
}

@media (min-width:768px) {
    .highlighted-statistic.max-col-4 li {
        float: left;
        width: 50%
    }
}

@media (min-width:992px) {
    .highlighted-statistic.max-col-4 li {
        float: left;
        width: 25%
    }
}

@media screen and (max-width:991px) {
    .highlighted-statistic.max-col-4 li:nth-of-type(odd) {
        clear: left
    }
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;

    border-top: 1px solid #ddd
}

table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>th,
table>caption+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>td,
table>thead:first-child>tr:first-child>td {
    border-top: 0
}

table>tbody+tbody {
    border-top: 2px solid #ddd
}

table .table {
    background-color: #fff
}

table thead {
    background-color: #4f17a7;
    color: #fff;
    font-weight: bold;
    border-bottom: transparent
}

table thead>tr>th,
table thead>tr>td {
    border-bottom: 0
}

table thead>tr>th>p {
    color: #fff !important
}

.topics-list {
    margin-bottom: 20px;
    line-height: 1.2
}

@media (min-width:768px) {
    .topics-list {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .topics-list {
        margin-bottom: 48px
    }
}

.topics-list .topic-icon {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.topics-list .topic-name {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 9px
}

@media screen and (max-width:767px) {
    .topics-list .topic-name {
        padding-top: 5px;
        padding-bottom: 6px
    }
}

.topics-list h2 {
    color: #536675;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .topics-list h2 {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .topics-list h2 {
        margin-bottom: 36px
    }
}

.topics-list ul {
    padding-left: 0;
    list-style: none;
    width: 100%
}

@media screen and (min-width:480px) {
    .topics-list ul {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2
    }
}

@media screen and (min-width:768px) {
    .topics-list ul {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3
    }
}

@media screen and (min-width:992px) {
    .topics-list ul {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3
    }
}

@media screen and (min-width:1200px) {
    .topics-list ul {
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4
    }
}

.topics-list li {
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%;
    display: inline-block;
    width: 100%
}

.topics-list li .rule {
    border-top: 1px solid #dff3fb
}

@media screen and (min-width:992px) {
    .topics-list li:nth-of-type(4n+5) {
        clear: left
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .topics-list li:nth-of-type(3n+4) {
        clear: left
    }
}

@media screen and (max-width:767px) {
    .topics-list li:nth-of-type(odd) {
        clear: left
    }
}

.topics-list li img,
.topics-list li svg {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 11px;
    padding-bottom: 10px
}

@media screen and (max-width:767px) {

    .topics-list li img,
    .topics-list li svg {
        padding-top: 8px
    }
}

.topics-list li a {
    font-weight: bold
}

@media screen and (min-width:768px) {
    .aside .topics-list {
        font-size: 93%;
        line-height: 1.1
    }

    .aside .topics-list h2 {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        color: #688093;
        margin-bottom: 10px
    }

    .aside .topics-list h2 small,
    .aside .topics-list h2 .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .aside .topics-list h2 small,
    .aside .topics-list h2 .small {
        font-size: 65%
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .aside .topics-list h2 {
        font-size: 26px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {
    .aside .topics-list h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .topics-list h2 {
        font-size: 27px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .aside .topics-list h2 {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .aside .topics-list h2 {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .aside .topics-list .topic-icon {
        position: relative;
        float: left;
        width: 8.33333333%;
        min-height: 1px;
        padding-left: 1.8125%;
        padding-right: 1.8125%;
        padding-left: 0;
        padding-right: 0
    }

    .aside .topics-list .topic-icon img {
        padding-top: 5px;
        padding-bottom: 3px
    }

    .aside .topics-list .topic-name {
        position: relative;
        float: left;
        width: 91.66666667%;
        min-height: 1px;
        padding-left: 1.8125%;
        padding-right: 1.8125%;
        padding-left: 8px;
        padding-top: 6px
    }

    .aside .topics-list li {
        float: left;
        width: 100%;
        position: relative;
        min-height: 1px;
        padding-left: 1.8125%;
        padding-right: 1.8125%
    }
}

@media screen and (min-width:768px) and (max-width:1199px) and (min-width:768px) {
    .aside .topics-list li {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1199px) and (min-width:992px) {
    .aside .topics-list li {
        float: left;
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .aside .topics-list li {
        float: left;
        width: 50%;
        position: relative;
        min-height: 1px;
        padding-left: 1.8125%;
        padding-right: 1.8125%
    }

    .aside .topics-list .topic-name {
        padding-left: 4px;
        padding-top: 4px;
        padding-bottom: 6px
    }
}

@media screen and (min-width:1200px) and (min-width:768px) {
    .aside .topics-list li {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:1200px) and (min-width:992px) {
    .aside .topics-list li {
        float: left;
        width: 50%
    }
}

.topics-search {
    background-color: #f1f1f1;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #575757
}

@media (min-width:768px) {
    .topics-search {
        padding-top: 15px
    }
}

@media (min-width:1200px) {
    .topics-search {
        padding-top: 18px
    }
}

@media (min-width:768px) {
    .topics-search {
        padding-bottom: 15px
    }
}

@media (min-width:1200px) {
    .topics-search {
        padding-bottom: 18px
    }
}

@media (min-width:768px) {
    .topics-search {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .topics-search {
        margin-bottom: 36px
    }
}

@media screen and (max-width:767px) {
    .topics-search {
        padding-left: 15px;
        padding-right: 15px
    }
}

.topics-search h2 {
    margin-top: 3px;
    margin-bottom: 0px
}

@media screen and (max-width:767px) {
    .topics-search h2 {
        margin-bottom: 10px
    }
}

.topics-search p {
    font-size: 93%;
    text-align: center;
    margin-top: 12px
}

.topics-search .form-control {
    background-color: #fff
}

.topics-search .input-group-btn button {
    width: 43px;
    height: 43px;
    padding-top: 13px;
    padding-bottom: 7px
}

.hero-topic {
    margin-bottom: 25px;
    text-align: center;
    background-color: #f1f1f1;
    color: #575757;
    padding: 15px
}

@media (min-width:768px) {
    .hero-topic {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .hero-topic {
        margin-bottom: 60px
    }
}

.hero-topic .lead-in,
.hero-topic .lead {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    margin-bottom: 7.5px;
    margin-top: 7.5px
}

.hero-topic .lead-in small,
.hero-topic .lead small,
.hero-topic .lead-in .small,
.hero-topic .lead .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.hero-topic .lead-in small,
.hero-topic .lead small,
.hero-topic .lead-in .small,
.hero-topic .lead .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-size: 22px
    }
}

@media (min-width:1200px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-size: 22px
    }
}

@media (min-width:768px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-bottom: 18px
    }
}

@media (min-width:768px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-top: 15px
    }
}

@media (min-width:1200px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-top: 18px
    }
}

.hero-topic .cta-library-search {
    font-size: 20px;
    margin-bottom: 7.5px;
    line-height: 1.2
}

@media (min-width:768px) {
    .hero-topic .cta-library-search {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .hero-topic .cta-library-search {
        margin-bottom: 18px
    }
}

.hero-topic .cta-library-search img {
    width: 15px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.hero-topic .cta-library-search a {
    color: #41b6e6
}

.hero-topic .img-circle-bg {
    border: 2px solid #00a3e0;
    border-radius: 50%;
    margin: 0 auto;
    border-width: 2px;
    max-width: 100px;
    padding: 20px
}

.hero-topic .img-circle-bg img {
    display: block;
    max-width: 100%;
    height: auto
}

.hero-topic .img-circle-bg svg {
    width: 100%
}

@media screen and (min-width:768px) {
    .hero-topic {
        text-align: left
    }

    .hero-topic .img-circle-bg {
        border: 5px solid #00a3e0;
        border-radius: 50%;
        margin: 10% 0 10% 10%;
        padding: 20%;
        max-width: 100%
    }

    .hero-topic .img-circle-bg img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        line-height: 110%;
        margin-left: -2px;
        font-size: 26px;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 7.5px;
        margin-top: 7.5px
    }

    .hero-topic .lead-in small,
    .hero-topic .lead small,
    .hero-topic .lead-in .small,
    .hero-topic .lead .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .hero-topic .lead-in small,
    .hero-topic .lead small,
    .hero-topic .lead-in .small,
    .hero-topic .lead .small {
        font-size: 65%
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-size: 28px
    }
}

@media screen and (min-width:768px) and (min-width:992px) and (max-width:1199px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-bottom: 18px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-top: 15px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {

    .hero-topic .lead-in,
    .hero-topic .lead {
        margin-top: 18px
    }
}

.topic-content .nav-tabs>li>a {
    font-size: 18px;
    line-height: 1.15
}

.topic-content .nav-tabs {
    margin-top: 0px
}

.topic-content .picker li:first-child {
    border-top: none
}

@media screen and (max-width:991px) {

    .topic-content .nav-tabs>li>a:hover,
    .topic-content a:focus {
        border-color: #dff3fb #dff3fb #dff3fb
    }
}

.hero-image {
    position: relative
}

.hero-with-video .rte h2 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin-top: -9px;
    line-height: 1.1
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .hero-with-video .rte h2 {
        font-size: 40px;
        margin-top: -9px
    }
}

@media screen and (min-width:1200px) {
    .hero-with-video .rte h2 {
        font-size: 45px;
        margin-top: -9px
    }
}

.hero-with-video .rte h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin-top: -9px;
    line-height: 1.1
}

.hero-with-video .rte h3 .icon {
    position: relative;
    top: 1px;
    height: 14px;
    width: 14px
}

@media screen and (max-width:767px) {
    .hero-with-video .rte h3 {
        font-size: 20px;
        padding-top: 12px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .hero-with-video .rte h3 {
        font-size: 37px;
        margin-top: -9px
    }
}

@media screen and (min-width:1200px) {
    .hero-with-video .rte h3 {
        font-size: 45px;
        margin-top: -10px
    }

    .hero-with-video .rte h3 .icon {
        position: relative;
        top: 4px;
        height: 20px;
        width: 21px
    }
}

.hero-with-video button.hero-video-play {
    border-radius: 50%;
    margin-top: 25px;
    margin-bottom: 25px
}

.hero-with-video a.video-close {
    left: calc(50% + 620px);
    position: absolute;
    visibility: hidden;
    top: 1.5em;
    height: 11px;
    width: 11px;
    background-position: 0 -95px;
    background-repeat: no-repeat;
    z-index: -1
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .hero-with-video a.video-close {
        left: calc(50% + 500px)
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .hero-with-video a.video-close {
        left: 95%
    }
}

@media screen and (max-width:767px) {
    .hero-with-video a.video-close {
        left: 95%
    }
}

.playing {
    background-image: none !important;
    background-color: #000
}

.playing a.video-close {
    z-index: 100;
    opacity: .7 !important;
    visibility: visible;
    transition: all .5s
}

.playing a.video-close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1
}

.hero-video {
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.hero-video.active {
    visibility: inherit;
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    max-width: 1200px;
    border: none
}

iframe:-webkit-full-screen {
    position: fixed;
    min-width: 0px;
    max-width: none;
    min-height: 0px;
    max-height: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: none;
    margin: 0px !important;
    padding: 0px !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important
}


.graphic-h2 {
    margin-bottom: 20px;
    position: relative;
    background-color: #2b008c;
    color: #fff;
    z-index: 10
}

@media (min-width:768px) {
    .graphic-h2 {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .graphic-h2 {
        margin-bottom: 48px
    }
}

.graphic-h2 h2 {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .graphic-h2 h2 {
        padding-top: 15px
    }
}

@media (min-width:1200px) {
    .graphic-h2 h2 {
        padding-top: 18px
    }
}

@media (min-width:768px) {
    .graphic-h2 h2 {
        padding-bottom: 15px
    }
}

@media (min-width:1200px) {
    .graphic-h2 h2 {
        padding-bottom: 18px
    }
}

.banner-top {
    padding-top: 10px;
    padding-bottom: 4px;
    background-color: #333f48;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0.15) 100%)
}

@media screen and (min-width:992px) {
    .banner-top {
        padding-top: 15px
    }
}

.banner-top a {
    color: #fff;
    text-decoration: underline
}

.banner-top a:hover {
    opacity: .85
}

.banner-top h2 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 6px;
    margin-top: 0px
}

.banner-top h2 small,
.banner-top h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.banner-top h2 small,
.banner-top h2 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .banner-top h2 {
        font-size: 21px
    }

    .find {
        font-size: 18px;
        margin-left: -10.5rem;
    }

    .find1 {
        font-size: 18px;
        margin-left: -9rem;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-top h2 {
        font-size: 22px
    }

    .find,
    .find1 {
        font-size: 16px;
        margin-left: -7rem;
    }
}

@media (min-width:1200px) {
    .banner-top h2 {
        font-size: 22px
    }

    .find,
    .find1 {
        font-size: 18px;
        margin-left: -7rem;
    }
}

.banner-top p {
    font-size: 93%;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #fff
}

.content-security-msg {
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    background-color: #fdf9e6;
    padding: 10px 15px 15px 40px;
    border-top: 2px solid #f3d03e
}

@media (min-width:768px) {
    .content-security-msg {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .content-security-msg {
        padding-bottom: 24px
    }
}

@media (min-width:768px) {
    .content-security-msg {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .content-security-msg {
        margin-bottom: 36px
    }
}

.content-security-msg.aside {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .content-security-msg.aside {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .content-security-msg.aside {
        margin-bottom: 48px
    }
}

@media screen and (min-width:768px) {
    .content-security-msg {
        padding: 15px 20px 20px 45px
    }
}

.content-security-msg p {
    font-size: 20px;
    line-height: 1.25;
    color: #575757;
    font-weight: bold;
    margin-bottom: 0px
}

.content-security-msg .spacer {
    font-size: 16px;
    margin: 0 15px
}

.content-security-msg .spacer a {
    text-decoration: none
}

.content-security-msg .spacer a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .content-security-msg .spacer {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .content-security-msg .spacer {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .content-security-msg .spacer {
        font-size: 18px
    }
}

.content-security-msg .icon-lock {
    position: absolute;
    height: 18px;
    left: 15px;
    top: 16px
}

.content-security-msg .security-cta {
    margin-top: 12px
}

.content-security-msg .security-cta a {
    margin-top: 3px
}

@media screen and (min-width:768px) {
    .content-security-msg .security-cta a {
        margin-top: 0px
    }
}

.award-little-bottom-margin {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .award-little-bottom-margin {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .award-little-bottom-margin {
        margin-bottom: 24px
    }
}

.winners-by-award img,
.most-recent-awardees img,
.award-winners-by-year img,
.current-page-awardee img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 5px
}

.winners-by-award .awardee-category,
.most-recent-awardees .awardee-category,
.award-winners-by-year .awardee-category,
.current-page-awardee .awardee-category {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #00a3e0;
    background-color: #dff3fb;
    padding: 5px 8px 5px 8px;
    margin-bottom: 20px;
    margin-top: 5px;
    display: inline-block
}

.winners-by-award .awardee-category small,
.most-recent-awardees .awardee-category small,
.award-winners-by-year .awardee-category small,
.current-page-awardee .awardee-category small,
.winners-by-award .awardee-category .small,
.most-recent-awardees .awardee-category .small,
.award-winners-by-year .awardee-category .small,
.current-page-awardee .awardee-category .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.winners-by-award .awardee-category small,
.most-recent-awardees .awardee-category small,
.award-winners-by-year .awardee-category small,
.current-page-awardee .awardee-category small,
.winners-by-award .awardee-category .small,
.most-recent-awardees .awardee-category .small,
.award-winners-by-year .awardee-category .small,
.current-page-awardee .awardee-category .small {
    font-size: 75%
}

@media (min-width:992px) {

    .winners-by-award .awardee-category,
    .most-recent-awardees .awardee-category,
    .award-winners-by-year .awardee-category,
    .current-page-awardee .awardee-category {
        font-size: 14px
    }
}

.winners-by-award .awardee-name,
.most-recent-awardees .awardee-name,
.award-winners-by-year .awardee-name,
.current-page-awardee .awardee-name {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #333f48;
    margin-top: 0;
    margin-bottom: 0
}

.winners-by-award .awardee-name small,
.most-recent-awardees .awardee-name small,
.award-winners-by-year .awardee-name small,
.current-page-awardee .awardee-name small,
.winners-by-award .awardee-name .small,
.most-recent-awardees .awardee-name .small,
.award-winners-by-year .awardee-name .small,
.current-page-awardee .awardee-name .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.winners-by-award .awardee-name small,
.most-recent-awardees .awardee-name small,
.award-winners-by-year .awardee-name small,
.current-page-awardee .awardee-name small,
.winners-by-award .awardee-name .small,
.most-recent-awardees .awardee-name .small,
.award-winners-by-year .awardee-name .small,
.current-page-awardee .awardee-name .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {

    .winners-by-award .awardee-name,
    .most-recent-awardees .awardee-name,
    .award-winners-by-year .awardee-name,
    .current-page-awardee .awardee-name {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .winners-by-award .awardee-name,
    .most-recent-awardees .awardee-name,
    .award-winners-by-year .awardee-name,
    .current-page-awardee .awardee-name {
        font-size: 22px
    }
}

@media (min-width:1200px) {

    .winners-by-award .awardee-name,
    .most-recent-awardees .awardee-name,
    .award-winners-by-year .awardee-name,
    .current-page-awardee .awardee-name {
        font-size: 22px
    }
}

.winners-by-award .organization,
.most-recent-awardees .organization,
.award-winners-by-year .organization,
.current-page-awardee .organization {
    font-weight: bold;
    color: #333f48;
    margin-top: 0;
    margin-bottom: 0
}

.winners-by-award .budget,
.most-recent-awardees .budget,
.award-winners-by-year .budget,
.current-page-awardee .budget,
.winners-by-award .budget-label,
.most-recent-awardees .budget-label,
.award-winners-by-year .budget-label,
.current-page-awardee .budget-label,
.winners-by-award .pub-title,
.most-recent-awardees .pub-title,
.award-winners-by-year .pub-title,
.current-page-awardee .pub-title,
.winners-by-award .category-label,
.most-recent-awardees .category-label,
.award-winners-by-year .category-label,
.current-page-awardee .category-label,
.winners-by-award .highlight-label,
.most-recent-awardees .highlight-label,
.award-winners-by-year .highlight-label,
.current-page-awardee .highlight-label,
.winners-by-award .highlight,
.most-recent-awardees .highlight,
.award-winners-by-year .highlight,
.current-page-awardee .highlight {
    font-weight: bold;
    color: #536675;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 5px
}

.winners-by-award .region,
.most-recent-awardees .region,
.award-winners-by-year .region,
.current-page-awardee .region,
.winners-by-award .pub-date,
.most-recent-awardees .pub-date,
.award-winners-by-year .pub-date,
.current-page-awardee .pub-date {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #536675;
    margin-top: 8px;
    margin-bottom: 5px
}

.winners-by-award .region small,
.most-recent-awardees .region small,
.award-winners-by-year .region small,
.current-page-awardee .region small,
.winners-by-award .pub-date small,
.most-recent-awardees .pub-date small,
.award-winners-by-year .pub-date small,
.current-page-awardee .pub-date small,
.winners-by-award .region .small,
.most-recent-awardees .region .small,
.award-winners-by-year .region .small,
.current-page-awardee .region .small,
.winners-by-award .pub-date .small,
.most-recent-awardees .pub-date .small,
.award-winners-by-year .pub-date .small,
.current-page-awardee .pub-date .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.winners-by-award .region small,
.most-recent-awardees .region small,
.award-winners-by-year .region small,
.current-page-awardee .region small,
.winners-by-award .pub-date small,
.most-recent-awardees .pub-date small,
.award-winners-by-year .pub-date small,
.current-page-awardee .pub-date small,
.winners-by-award .region .small,
.most-recent-awardees .region .small,
.award-winners-by-year .region .small,
.current-page-awardee .region .small,
.winners-by-award .pub-date .small,
.most-recent-awardees .pub-date .small,
.award-winners-by-year .pub-date .small,
.current-page-awardee .pub-date .small {
    font-size: 75%
}

@media (min-width:992px) {

    .winners-by-award .region,
    .most-recent-awardees .region,
    .award-winners-by-year .region,
    .current-page-awardee .region,
    .winners-by-award .pub-date,
    .most-recent-awardees .pub-date,
    .award-winners-by-year .pub-date,
    .current-page-awardee .pub-date {
        font-size: 14px
    }
}

.winners-by-award .description,
.most-recent-awardees .description,
.award-winners-by-year .description,
.current-page-awardee .description,
.winners-by-award .highlight,
.most-recent-awardees .highlight,
.award-winners-by-year .highlight,
.current-page-awardee .highlight,
.winners-by-award .category,
.most-recent-awardees .category,
.award-winners-by-year .category,
.current-page-awardee .category {
    line-height: 1.35;
    color: #333f48;
    margin-top: 0;
    margin-bottom: 0
}

.current-page-awardee {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .current-page-awardee {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .current-page-awardee {
        margin-bottom: 48px
    }
}

.current-page-awardee p.highlight {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .current-page-awardee p.highlight {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .current-page-awardee p.highlight {
        margin-bottom: 24px
    }
}

.most-recent-awardees,
.award-winners-by-year {
    margin-bottom: 25px;
    padding-left: 0;
    list-style: none
}

@media (min-width:768px) {

    .most-recent-awardees,
    .award-winners-by-year {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {

    .most-recent-awardees,
    .award-winners-by-year {
        margin-bottom: 60px
    }
}

.most-recent-awardees .award-content,
.award-winners-by-year .award-content {
    margin-bottom: 10px
}

@media (min-width:768px) {

    .most-recent-awardees .award-content,
    .award-winners-by-year .award-content {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .most-recent-awardees .award-content,
    .award-winners-by-year .award-content {
        margin-bottom: 24px
    }
}

.most-recent-awardees ul,
.award-winners-by-year ul {
    padding-left: 0;
    list-style: none
}

.most-recent-awardees li,
.award-winners-by-year li {
    border-top: 1px solid #e4e9ec
}

.most-recent-awardees li h3,
.award-winners-by-year li h3 {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    margin-left: 0;
    color: #536675;
    padding-top: 10px;
    margin-bottom: 10px
}

.most-recent-awardees li h3 small,
.award-winners-by-year li h3 small,
.most-recent-awardees li h3 .small,
.award-winners-by-year li h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.most-recent-awardees li h3 small,
.award-winners-by-year li h3 small,
.most-recent-awardees li h3 .small,
.award-winners-by-year li h3 .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        font-size: 30px
    }
}

@media (min-width:1200px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        font-size: 30px
    }
}

@media (min-width:768px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        padding-top: 20px
    }
}

@media (min-width:1200px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        padding-top: 24px
    }
}

@media (min-width:768px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {

    .most-recent-awardees li h3,
    .award-winners-by-year li h3 {
        margin-bottom: 24px
    }
}

.most-recent-awardees li .award-content,
.award-winners-by-year li .award-content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.most-recent-awardees li .award-image,
.award-winners-by-year li .award-image {
    position: relative;
    float: left;
    width: 0;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.most-recent-awardees li.includes-img .award-content,
.award-winners-by-year li.includes-img .award-content {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.most-recent-awardees li.includes-img .award-image,
.award-winners-by-year li.includes-img .award-image {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.most-recent-awardees li.no-img .award-content,
.award-winners-by-year li.no-img .award-content {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.most-recent-awardees li.no-img .award-image,
.award-winners-by-year li.no-img .award-image {
    display: none
}

.most-recent-awardees li li,
.award-winners-by-year li li {
    border-top: none
}

.winners-by-award {
    margin-bottom: 25px
}

.winners-by-award .rule {
    background-color: #e4e9ec;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .winners-by-award .rule {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .winners-by-award .rule {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .winners-by-award {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .winners-by-award {
        margin-bottom: 60px
    }
}

.winners-by-award ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .winners-by-award ul {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .winners-by-award ul {
        margin-bottom: 36px
    }
}

.winners-by-award li li {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .winners-by-award li li {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .winners-by-award li li {
        margin-bottom: 36px
    }
}

.winners-by-award li .award-year {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .winners-by-award li .award-year {
        float: left;
        width: 25%
    }
}

.winners-by-award li .award-details {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .winners-by-award li .award-details {
        float: left;
        width: 75%
    }
}

.winners-by-award li .award-details .award-content {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.winners-by-award li .award-details .award-image {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

.winners-by-award .award-year {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.12em;
    margin-bottom: .8em;
    font-size: 44px;
    padding-top: 10px;
    color: #00a3e0;
    margin-top: -0.1em;
    margin-bottom: 10px;
    line-height: 1;
    letter-spacing: -0.05em
}

.winners-by-award .award-year small,
.winners-by-award .award-year .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.winners-by-award .award-year small,
.winners-by-award .award-year .small {
    font-size: 65%
}

@media (min-width:768px) {
    .winners-by-award .award-year {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .winners-by-award .award-year {
        padding-top: 24px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .winners-by-award .award-year {
        font-size: 49px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .winners-by-award .award-year {
        font-size: 58px
    }
}

@media (min-width:1200px) {
    .winners-by-award .award-year {
        font-size: 66px
    }
}

@media (min-width:768px) {
    .winners-by-award .award-year {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .winners-by-award .award-year {
        margin-bottom: 24px
    }
}

.award-winners-by-award-list ul {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .award-winners-by-award-list ul {
        margin-bottom: 40px
    }
}

@media (min-width:1200px) {
    .award-winners-by-award-list ul {
        margin-bottom: 48px
    }
}

.award-winners-by-award-list h2 {
    color: #536675
}

.awardee-details h2 {
    font-size: 25px;
    font-weight: 800
}

.awardee-details h3,
.awardee-details h4 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #536675
}

div.winners-by-year {
    border-top: 1px solid #e4e9ec
}

.winners-by-year h2 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 700;
    color: #536675;
    margin-top: 30px;
    margin-bottom: 30px
}

.winners-by-year h3 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #536675;
    margin-bottom: 30px
}

.winners-by-year a {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #4f17a7;
    text-decoration: none;
    display: block;
    margin-bottom: 30px
}

.winners-by-year a:hover {
    color: #2b008c;
    text-decoration: underline
}

.winners-by-year a:last-of-type {
    margin-bottom: 50px
}

.awardee-partial img {
    min-width: 270px;
    display: block;
    height: auto;
    margin-bottom: 10px;
    max-width: 270px
}

.awardee-partial h4 {
    font-size: 22px
}

.awardee-partial a {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #4f17a7;
    text-decoration: none;
    display: block;
    margin-bottom: 5px
}

.awardee-partial a:hover {
    color: #2b008c;
    text-decoration: underline
}

div.awardee-partial {
    min-height: 75px
}

.awardees-for-year h3 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #536675;
    margin-bottom: 20px
}

/*
.all-awardees-for-year div.select-contain.drop-down-list {
    width: 100%;
    margin-bottom: 60px;
    background-color: #fff
}

.all-awardees-for-year h2 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: 400;
    color: #536675;
    margin-top: 30px;
    margin-bottom: 20px
}

.all-awardees-for-year h3 {
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: #536675;
    margin-bottom: 20px
}

.all-awardees-for-year .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #688093;
    background-color: rgba(232, 236, 238, 0.4);
    background-image: none;
    border: 1px solid #e4e9ec;
    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;
    -o-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
}

.all-awardees-for-year .form-control:focus {
    border-color: #41b6e6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 183, 228, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 183, 228, 0.6)
}

.all-awardees-for-year .form-control::-moz-placeholder {
    color: #b2bfc8;
    opacity: 1
}

.all-awardees-for-year .form-control:-ms-input-placeholder {
    color: #b2bfc8
}

.all-awardees-for-year .form-control::-webkit-input-placeholder {
    color: #b2bfc8
}

.all-awardees-for-year .form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.all-awardees-for-year .form-control option {
    background-color: #fff
}

.all-awardees-for-year .form-control:active,
.all-awardees-for-year .form-control:focus {
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.all-awardees-for-year div.select-contain {
    position: relative
}

.all-awardees-for-year div.select-contain select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.all-awardees-for-year div.select-contain select::-ms-expand {
    display: none
}

.all-awardees-for-year div.select-contain.drop-down-list select::-ms-expand {
    display: none
}

.all-awardees-for-year select::-ms-expand {
    display: none !important
}

.all-awardees-for-year div.select-contain.drop-down-list::after {
    content: '';
    background-image: url(../assets/kendo-custom/sprite-member.png);
    border-color: transparent;
    display: inline-block;
    background-position: -64px -208px;
    right: 8px;
    bottom: 14px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    min-width: 16px;
    min-height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.all-awardees-for-year select#awards-year.form-control option {
    background-color: #fff
}
*/
div.awardees-for-year-list {
    border-top: 1px solid #e4e9ec
}

.highlighted-statistic {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .highlighted-statistic {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic {
        margin-bottom: 60px
    }
}

.highlighted-statistic ul {
    padding-left: 0;
    list-style: none
}

.highlighted-statistic .stat {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.12em;
    margin-bottom: .8em;
    font-size: 44px;
    padding-top: 10px;
    border-top: 5px solid;
    padding-top: 15px;
    margin-bottom: 8px;
    line-height: .8
}

.highlighted-statistic .stat small,
.highlighted-statistic .stat .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.highlighted-statistic .stat small,
.highlighted-statistic .stat .small {
    font-size: 65%
}

@media (min-width:768px) {
    .highlighted-statistic .stat {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic .stat {
        padding-top: 24px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .highlighted-statistic .stat {
        font-size: 49px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .highlighted-statistic .stat {
        font-size: 58px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic .stat {
        font-size: 66px
    }
}

.highlighted-statistic .stat.no-top-border {
    border-top: none
}

.highlighted-statistic .heading {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px
}

.highlighted-statistic .heading small,
.highlighted-statistic .heading .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.highlighted-statistic .heading small,
.highlighted-statistic .heading .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .highlighted-statistic .heading {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .highlighted-statistic .heading {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .highlighted-statistic .heading {
        font-size: 30px
    }
}

.highlighted-statistic .description {
    color: #333f48
}

.highlighted-statistic.max-col-2 li {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .highlighted-statistic.max-col-2 li {
        float: left;
        width: 50%
    }
}

.highlighted-statistic.max-col-2 li:nth-of-type(odd) {
    clear: left
}

.highlighted-statistic.max-col-3 li {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .highlighted-statistic.max-col-3 li {
        float: left;
        width: 33.33333333%
    }
}

.highlighted-statistic.max-col-4 li {
    position: relative;
    min-height: 1px;
    padding-left: 1.8125%;
    padding-right: 1.8125%
}

@media (min-width:768px) {
    .highlighted-statistic.max-col-4 li {
        float: left;
        width: 50%
    }
}

@media (min-width:992px) {
    .highlighted-statistic.max-col-4 li {
        float: left;
        width: 25%
    }
}

@media screen and (max-width:991px) {
    .highlighted-statistic.max-col-4 li:nth-of-type(odd) {
        clear: left
    }
}

.search-panel input {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .search-panel input {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .search-panel input {
        margin-bottom: 24px
    }
}

.search-panel .input-group {
    margin-bottom: 15px;
    margin-top: 10px
}

@media (min-width:768px) {
    .search-panel .input-group {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .search-panel .input-group {
        margin-bottom: 36px
    }
}

@media (min-width:768px) {
    .search-panel .input-group {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .search-panel .input-group {
        margin-top: 24px
    }
}

.search-panel .input-group .fa-search {
    margin-top: 3px
}

.search-panel .input-group-btn.search {
    z-index: 2
}

.search-panel .input-group-btn.search .btn {
    padding: 10px 5px;
    width: 50px
}

.search-panel .input-group-btn.search svg.icon {
    height: 22px;
    width: 22px
}

.search-panel .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 3px 0 0 3px
}

.search-panel .input-label {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #688093;
    display: inline
}

.search-panel .input-label small,
.search-panel .input-label .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.search-panel .input-label small,
.search-panel .input-label .small {
    font-size: 75%
}

@media (min-width:992px) {
    .search-panel .input-label {
        font-size: 14px
    }
}

.search-panel select.form-control {
    padding: 5px 12px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search-panel select.form-control {
        text-indent: 0px
    }
}

.search-panel .tag-group {
    text-align: center;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .search-panel .tag-group {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .search-panel .tag-group {
        margin-bottom: 12px
    }
}

@media screen and (min-width:992px) {
    .search-panel .tag-group {
        text-align: left
    }
}

.search-panel .tag {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #fff;
    border-color: #0065bd;
    border: 1px solid #0065bd;
    color: #0065bd;
    background-color: #ecfafc;
    color: #0080a8;
    display: inline-block;






    cursor: pointer;
    margin-bottom: 5px;
    border-color: #05bfe0
}

.search-panel .tag:hover,
.search-panel .tag:focus,
.search-panel .tag.focus,
.search-panel .tag:active,
.search-panel .tag.active,
.open>.dropdown-toggle.search-panel .tag {
    color: #0065bd;
    background-color: #e6e6e6;
    border-color: #004480
}

.search-panel .tag:active,
.search-panel .tag.active,
.open>.dropdown-toggle.search-panel .tag {
    background-image: none
}

.search-panel .tag.disabled,
.search-panel .tag[disabled],
fieldset[disabled] .search-panel .tag,
.search-panel .tag.disabled:hover,
.search-panel .tag[disabled]:hover,
fieldset[disabled] .search-panel .tag:hover,
.search-panel .tag.disabled:focus,
.search-panel .tag[disabled]:focus,
fieldset[disabled] .search-panel .tag:focus,
.search-panel .tag.disabled.focus,
.search-panel .tag[disabled].focus,
fieldset[disabled] .search-panel .tag.focus,
.search-panel .tag.disabled:active,
.search-panel .tag[disabled]:active,
fieldset[disabled] .search-panel .tag:active,
.search-panel .tag.disabled.active,
.search-panel .tag[disabled].active,
fieldset[disabled] .search-panel .tag.active {
    background-color: #fff;
    border-color: #0065bd
}

.search-panel .tag .badge {
    color: #fff;
    background-color: #0065bd
}

.search-panel .tag:hover,
.search-panel .tag:focus,
.search-panel .tag.focus,
.search-panel .tag:active,
.search-panel .tag.active,
.open>.dropdown-toggle.search-panel .tag {
    color: #0065bd;
    background-color: #e6e6e6;
    border-color: #004480
}

.search-panel .tag:active,
.search-panel .tag.active,
.open>.dropdown-toggle.search-panel .tag {
    background-image: none
}

.search-panel .tag.disabled,
.search-panel .tag[disabled],
fieldset[disabled] .search-panel .tag,
.search-panel .tag.disabled:hover,
.search-panel .tag[disabled]:hover,
fieldset[disabled] .search-panel .tag:hover,
.search-panel .tag.disabled:focus,
.search-panel .tag[disabled]:focus,
fieldset[disabled] .search-panel .tag:focus,
.search-panel .tag.disabled.focus,
.search-panel .tag[disabled].focus,
fieldset[disabled] .search-panel .tag.focus,
.search-panel .tag.disabled:active,
.search-panel .tag[disabled]:active,
fieldset[disabled] .search-panel .tag:active,
.search-panel .tag.disabled.active,
.search-panel .tag[disabled].active,
fieldset[disabled] .search-panel .tag.active {
    background-color: #fff;
    border-color: #0065bd
}

.search-panel .tag .badge {
    color: #fff;
    background-color: #0065bd
}

.search-panel .tag .fa-close,
.search-panel .tag .icon {
    color: #03a5c9;
    margin-top: -2px
}

.search-panel .tag a {
    color: #0080a8
}

.search-panel .tag a:hover,
.search-panel .tag a:focus {
    text-decoration: none
}

.search-panel .tag:hover,
.search-panel .tag:focus,
.search-panel .tag:active {
    background-color: #fff;
    border-color: #05bfe0;
    color: #0080a8
}

.search-panel .btn-two-states {
    margin-bottom: 16px
}

.search-panel .btn-two-states .icon {
    margin-top: -3px;
    margin-right: 4px
}

.search-panel .btn-two-states .btn-second-state {
    display: none
}

.search-panel .btn-two-states[aria-expanded="true"] {
    background-color: #536675;
    border-color: #536675
}

.search-panel .btn-two-states[aria-expanded="true"] .btn-first-state {
    display: none
}

.search-panel .btn-two-states[aria-expanded="true"] .btn-second-state {
    display: inline-block
}

.search-panel .btn-two-states[aria-expanded="true"] .btn-second-state .icon {
    fill: #b2bfc8
}

.search-panel .btn-two-states[aria-expanded="true"]:active,
.search-panel .btn-two-states[aria-expanded="true"]:focus {
    background-color: #536675;
    border-color: #536675
}

.search-panel .btn-row-mobile-extra {
    margin-top: 10px
}

.search-panel .facet {
    margin-bottom: 18px
}

.search-panel .facet .fa-chevron-down {
    color: #00a3e0
}

.search-panel .facet .filter-panel {
    cursor: pointer;
    border-top: 1px solid #e4e9ec
}

.search-panel .facet .filter-panel i,
.search-panel .facet .filter-panel h4 {
    display: inline-block
}

.search-panel .facet .filter-panel h4 {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 115%;
    font-size: 20px;
    font-weight: bold;
    color: #536675;
    padding-top: 18px;
    margin-bottom: 0
}

.search-panel .facet .filter-panel h4 small,
.search-panel .facet .filter-panel h4 .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.search-panel .facet .filter-panel h4 small,
.search-panel .facet .filter-panel h4 .small {
    font-size: 75%
}

@media (min-width:768px) and (max-width:991px) {
    .search-panel .facet .filter-panel h4 {
        font-size: 21px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .search-panel .facet .filter-panel h4 {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .search-panel .facet .filter-panel h4 {
        font-size: 22px
    }
}

.search-panel .facet .filter-panel h4:hover,
.search-panel .facet .filter-panel h4:focus,
.search-panel .facet .filter-panel h4:active {
    color: #4f17a7
}

.search-panel .facet .filter-panel i,
.search-panel .facet .filter-panel svg {
    width: 14px;
    height: 14px;
    color: #00a3e0;
    margin-top: -4px;
    margin-right: 7px;
    transition: All 0.250s ease;
    -moz-transition: All 0.250s ease;
    transform: rotate(0deg)
}

.search-panel .facet .filter-panel[aria-expanded="true"] i,
.search-panel .facet .filter-panel[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.search-panel .facet .collapse-options {
    margin-left: 26px
}

.search-panel .facet .collapse-options ul {
    margin-top: 18px
}

.search-panel .facet .collapse-options li {
    color: #536675;
    margin-top: 14px;
    margin-bottom: 14px
}

@media screen and (min-width:992px) {
    .search-panel .facet .collapse-options li {
        margin-top: 3px;
        margin-bottom: 3px
    }
}

.search-panel .facet .collapse-options li a,
.search-panel .facet .collapse-options li p {
    display: inline
}

.search-panel .facet .collapse-options li .counter {
    font-size: 14px;
    color: #688093
}

.search-panel .facet .collapse-options li .counter:before {
    content: "(";
    color: #a3b2be
}

.search-panel .facet .collapse-options li .counter:after {
    content: ")";
    color: #a3b2be
}

.search-panel .facet .collapse-options li.selected p {
    font-weight: bold;
    color: #333f48;
    font-size: 20px
}

.search-panel .facet .collapse-options li.selected .counter {
    font-size: 14px;
    font-weight: normal;
    color: #688093
}

.search-panel .facet .collapse-options li.selected a {
    background-color: #dff3fb;
    text-transform: uppercase;
    font-size: 13px;
    padding: 1px 6px 2px 6px;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
    top: -1px
}

.search-panel .facet .collapse-options li.selected a:hover,
.search-panel .facet .collapse-options li.selected a:active,
.search-panel .facet .collapse-options li.selected a:focus {
    background-color: #bfe6f7
}

.search-panel .facet .btn {
    margin-bottom: 0px
}

.search-panel .facet .submit-date {
    margin-top: 6px
}

@media (min-width:768px) {
    .search-panel .facet .submit-date {
        margin-top: 12px
    }
}

@media (min-width:1200px) {
    .search-panel .facet .submit-date {
        margin-top: 14.4px
    }
}

.search-panel .facet .filter-fade {
    position: relative;
    z-index: 20;
    padding-top: 30px;
    margin-top: -30px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 18%, #fff 90%)
}

.search-panel .sort-selectmenu {
    margin-top: 15px;
    text-align: center
}

@media screen and (max-width:991px) {
    .search-panel .sort-selectmenu {
        padding-top: 12px;
        margin-top: -16px;
        margin-bottom: 12px
    }
}

.search-panel .sort-selectmenu .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.search-panel .sort-selectmenu select {
    font-size: 16px
}

.search-panel .btn {
    white-space: normal
}

.search-panel .filter-fade {
    display: none
}

@media screen and (min-width:768px) {
    .search-panel .input-group {
        padding-top: 0;
        margin-top: 0
    }
}

.search-panel .select-year {
    margin-top: 10px
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .search-panel .select-year {
        margin-left: -26px
    }
}

.search-panel .select-year .input-label {
    display: inline-block;
    margin-bottom: 8px
}

.search-panel .select-year select {
    font-size: 16px
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .search-panel .select-year.collapse-options {
        margin-left: 0
    }
}

.search-panel .select-year .row {
    margin-bottom: 15px
}

.search-panel form .field-validation-error {
    padding-left: 25px;
    right: 0;
    top: 5px;
    position: relative;
    background-repeat: no-repeat;
    color: #b2bfc8;
    overflow: auto;
    width: 100%
}

.search-panel .rule {
    background-color: #41b6e6
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .search-panel-desktop {
        padding-right: 20px
    }
}

@media screen and (min-width:1200px) {
    .search-panel-desktop {
        padding-right: 50px
    }
}

.search-panel-desktop .search-panel-heading {

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 120%;
    font-size: 24px;
    color: #536675;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

.search-panel-desktop .search-panel-heading small,
.search-panel-desktop .search-panel-heading .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.search-panel-desktop .search-panel-heading small,
.search-panel-desktop .search-panel-heading .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .search-panel-desktop .search-panel-heading {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .search-panel-desktop .search-panel-heading {
        font-size: 27px
    }
}

@media (min-width:1200px) {
    .search-panel-desktop .search-panel-heading {
        font-size: 27px
    }
}

.results {
    font-size: 20px;
    padding-top: 10px;
    border-top: 1px solid #e4e9ec
}

@media screen and (min-width:992px) {
    .results {
        border-top: none;

        line-height: 1.1;
        color: inherit;
        margin-top: 22px;
        margin-bottom: 11px;
        margin-top: 0;
        font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
        line-height: 120%;
        font-size: 24px;
        color: #536675;
        font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
    }

    .results small,
    .results .small {
        font-weight: normal;
        line-height: 1;
        color: #688093
    }

    .results small,
    .results .small {
        font-size: 65%
    }
}

@media screen and (min-width:992px) and (min-width:768px) and (max-width:991px) {
    .results {
        font-size: 26px
    }
}

@media screen and (min-width:992px) and (min-width:992px) and (max-width:1199px) {
    .results {
        font-size: 27px
    }
}

@media screen and (min-width:992px) and (min-width:1200px) {
    .results {
        font-size: 27px
    }
}

.pagination-desktop {
    margin-bottom: 5px
}

.pagination-desktop:last-child .row:last-child {
    padding-bottom: 50px
}

@media (min-width:768px) {
    .pagination-desktop {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .pagination-desktop {
        margin-bottom: 12px
    }
}

.pagination-desktop .btn-link,
.pagination-desktop .btn-link a {
    color: #fff;
    background-color: #4f17a7
}

.pagination-desktop .btn-link .icon,
.pagination-desktop .btn-link a .icon {
    margin-top: -2px
}

.pagination-desktop .btn-link .icon.first-last,
.pagination-desktop .btn-link a .icon.first-last {
    margin-top: -4px
}

.pagination-desktop .btn-link[disabled],
.pagination-desktop .btn-link a[disabled] {
    color: #fff;
    background-color: #4f17a7;
    opacity: 0.35
}

.pagination-desktop .btn-link:hover,
.pagination-desktop .btn-link a:hover,
.pagination-desktop .btn-link:active,
.pagination-desktop .btn-link a:active,
.pagination-desktop .btn-link:focus,
.pagination-desktop .btn-link a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #2b008c
}

@media screen and (min-width:768px) {

    .pagination-desktop .btn-link,
    .pagination-desktop .btn-link a {
        color: #fff;
        background-color: #4f17a7
    }

    .pagination-desktop .btn-link[disabled],
    .pagination-desktop .btn-link a[disabled] {
        color: #fff;
        background-color: #4f17a7;
        opacity: 0.35
    }

    .pagination-desktop .btn-link:hover,
    .pagination-desktop .btn-link a:hover,
    .pagination-desktop .btn-link:active,
    .pagination-desktop .btn-link a:active,
    .pagination-desktop .btn-link:focus,
    .pagination-desktop .btn-link a:focus {
        background-color: #2b008c;
        text-decoration: none;
        color: #fff
    }
}

.pagination-desktop span.prev {
    margin-left: 4px
}

.pagination-desktop .btn-go {
    display: inline
}

.pagination-desktop .form-group label {
    color: #575757;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 5px 5px;
    position: relative;
    top: 1px
}

.pagination-desktop .pagination-inactive .btn-link {
    color: #b2bfc8;
    cursor: default
}

.pagination-desktop .pagination-inactive .btn-link .icon {
    fill: #e4e9ec
}

.pagination-desktop .pagination-inactive .btn-link:hover,
.pagination-desktop .pagination-inactive .btn-link:active,
.pagination-desktop .pagination-inactive .btn-link:focus {
    text-decoration: none;
    color: #b2bfc8
}

.pagination-desktop .pagination-inactive .btn-link:hover .icon,
.pagination-desktop .pagination-inactive .btn-link:active .icon,
.pagination-desktop .pagination-inactive .btn-link:focus .icon {
    fill: #e4e9ec
}

.pagination-desktop .pagination-inactive .icon {
    fill: #b2bfc8;
    cursor: default
}

.pagination-top {
    border-top: 1px solid #e4e9ec;
    padding-bottom: 12px
}

input.gotopage {
    height: 34px;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
    max-width: 60px;
    display: inline-block
}

selectinput.gotopage {
    height: 34px;
    line-height: 34px
}

textareainput.gotopage,
select[multiple]input.gotopage {
    height: auto
}

.alphabet-links {
    border-bottom: 2px solid #b2bfc8;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .alphabet-links {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .alphabet-links {
        padding-bottom: 24px
    }
}

.alphabet-links li {
    color: #b2bfc8;
    display: inline-block;
    letter-spacing: 5px
}

.alphabet-links li:after {
    content: " ǀ ";
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    color: #e4e9ec
}

.alphabet-links li:last-of-type:after {
    content: " "
}

@media screen and (max-width:767px) {
    .alphabet-links li {
        margin-bottom: 15px
    }
}

.alphabet-lexicon {
    font-size: 16px
}

.alphabet-lexicon a {
    text-decoration: none
}

.alphabet-lexicon a:hover {
    text-decoration: underline
}

@media (min-width:768px) and (max-width:991px) {
    .alphabet-lexicon {
        font-size: 17px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .alphabet-lexicon {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .alphabet-lexicon {
        font-size: 18px
    }
}

.alphabet-lexicon .lexi-letter {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;

    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    margin-top: 0;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    line-height: 110%;
    margin-left: -2px;
    font-size: 26px;
    color: #575757;
    border-top: 1px solid #e4e9ec;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-top: 10px
}

.alphabet-lexicon .lexi-letter small,
.alphabet-lexicon .lexi-letter .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.alphabet-lexicon .lexi-letter small,
.alphabet-lexicon .lexi-letter .small {
    font-size: 65%
}

@media (min-width:768px) and (max-width:991px) {
    .alphabet-lexicon .lexi-letter {
        font-size: 28px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .alphabet-lexicon .lexi-letter {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .alphabet-lexicon .lexi-letter {
        font-size: 30px
    }
}

.alphabet-lexicon .lexi-letter:first-child {
    border-top: none
}

@media (min-width:768px) {
    .alphabet-lexicon .lexi-letter {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .alphabet-lexicon .lexi-letter {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .alphabet-lexicon .lexi-letter {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .alphabet-lexicon .lexi-letter {
        margin-top: 24px
    }
}

@media (min-width:768px) {
    .alphabet-lexicon .lexi-letter {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .alphabet-lexicon .lexi-letter {
        padding-top: 24px
    }
}

.alphabet-lexicon .lexi-letter a {

    line-height: 1.1;
    color: inherit;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    float: right !important;
    margin-top: 6px
}

.alphabet-lexicon .lexi-letter a small,
.alphabet-lexicon .lexi-letter a .small {
    font-weight: normal;
    line-height: 1;
    color: #688093
}

.alphabet-lexicon .lexi-letter a small,
.alphabet-lexicon .lexi-letter a .small {
    font-size: 75%
}

@media (min-width:992px) {
    .alphabet-lexicon .lexi-letter a {
        font-size: 14px
    }
}

.alphabet-lexicon .lexi-letter a:hover,
.alphabet-lexicon .lexi-letter a:active,
.alphabet-lexicon .lexi-letter a:focus {
    color: #002747
}

.alphabet-lexicon .lexi-letter a .icon {
    margin-left: 5px;
    position: relative;
    top: -1px
}

.alphabet-lexicon dd {
    margin-bottom: 10px;
    max-width: 700px
}

@media (min-width:768px) {
    .alphabet-lexicon dd {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .alphabet-lexicon dd {
        margin-bottom: 24px
    }
}

.alphabet-lexicon dt {
    font-weight: bold
}

.iotm-notifications {
    color: #d22630
}

.panel-info {
    background-color: transparent !important;
    background: none
}

.panel-info ul li {
    color: inherit
}

.icon-lock img {
    height: 13px;
    width: auto;
    float: none;
    margin-left: 5px;
    margin-top: -1px
}

@media screen and (min-width:992px) {
    .icon-lock img {
        height: 15px;
        margin-left: 7px;
        margin-top: 1px
    }
}

.icon-widget-base .more {
    margin-left: 0
}

.btn-hack-to-fix {
    margin-bottom: 5 !important
}

@media screen and (min-width:992px) {
    .btn-hack-to-fix {
        margin-bottom: 0 !important
    }
}

sup {
    position: relative;
    font-size: 75%;
    vertical-align: baseline;
    top: -0.21em
}

.reduced-bottom-margin {
    margin-bottom: 12px
}

.rte.widget-sidebar p a.btn-primary,
.rte.widget-sidebar ul a.btn-primary,
.rte.widget-sidebar ol a.btn-primary,
.rte .btn a {
    text-decoration: none
}

body div#main-content {
    min-height: 70%;
    min-height: -webkit-calc(100% - 400px);
    min-height: -moz-calc(100% - 400px);
    min-height: calc(100% - 400px)
}

@media screen and (min-width:768px) and (max-width:991px) {
    body div#main-content {
        min-height: 70%;
        min-height: -webkit-calc(100% - 268px);
        min-height: -moz-calc(100% - 268px);
        min-height: calc(100% - 268px)
    }
}

@media screen and (max-width:767px) {
    body div#main-content {
        min-height: 70%;
        min-height: -webkit-calc(100% - 307px);
        min-height: -moz-calc(100% - 307px);
        min-height: calc(100% - 307px)
    }
}

@media (min-width:1200px) {
    body div#main-content {
        min-height: 70%;
        min-height: -webkit-calc(100% - 382px);
        min-height: -moz-calc(100% - 382px);
        min-height: calc(100% - 382px)
    }
}

.membership-feature-list-container {
    border: 1px solid #b2bfc8;
    padding: 8vw 0 5vw 0
}

.membership-feature-list-container h2 {
    font-size: 40px
}

.membership-feature-list-container .btn.btn-primary {
    width: 70%
}

.membership-feature-list-container p {
    font-size: 22px
}

.membership-feature-list-container .footnote {
    font-size: 14px
}

@media (max-width:991px) {
    .membership-feature-list-container {
        padding: 10vw 10% 5vw 10%
    }
}

@media (max-width:767px) {
    .membership-feature-list-container {
        padding: 18vw 10% 10vw 10%
    }
}

.membership-feature-list-container.featured {
    background: url(../assets/img/become-member-icon.svg) no-repeat center top;
    background-size: 45px
}

.membership-feature-list-container.featured h2,
.membership-feature-list-container.featured p {
    color: #4f17a7
}

.membership-feature-list-container:not(.featured) .btn.btn-primary {
    background-color: #536675;
    color: #fff
}

.membership-feature-list-container:not(.featured) .btn.btn-primary:hover {
    background-color: #333f48
}

.col-md-5.membership-feature-list-container {
    margin-left: 16.5%
}

@media (max-width:991px) {
    .col-md-5.membership-feature-list-container {
        margin-left: 0;
        margin-bottom: 60px
    }
}

.col-md-5.membership-feature-list-container:first-of-type {
    margin-left: 0
}

@media (max-width:991px) {
    .col-md-5.membership-feature-list-container:last-of-type {
        margin-bottom: 0
    }
}

.col-md-5.membership-feature-list-container:only-of-type {
    margin-left: 29.16666665%
}

@media (max-width:991px) {
    .col-md-5.membership-feature-list-container:only-of-type {
        margin-left: 0;
        margin-bottom: 0
    }
}

.col-md-3.membership-feature-list-container {
    margin-left: 12.5%
}

.col-md-3.membership-feature-list-container:nth-of-type(3n+1) {
    margin-left: 0
}

.col-md-3.membership-feature-list-container:first-of-type {
    margin-left: 0
}

.membership-feature-list {
    padding: 20px 0;
    border-top: 1px solid #b2bfc8;
    border-bottom: 1px solid #b2bfc8;
    margin: 20px 0 30px 0
}

.membership-feature-list li {
    padding-bottom: 15px;
    line-height: 20px;
    color: #b2bfc8;
    font-size: 16px
}

.membership-feature-list li:not(.selected) .glyphicon-ok:before {
    display: none
}

.membership-feature-list li.selected {
    color: #262f36
}

.membership-feature-list li.selected .glyphicon-ok:before {
    color: #009a44
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
    text-align: center
}

/*@font-face {
    font-family: VideoJS;
    src: url("../assets/fonts/VideoJS.eot?#iefix") format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url("../assets/fonts/VideoJS.woff") format("woff"), url("../assets/fonts/VideoJS.ttf") format("ttf");
    font-weight: normal;
    font-style: normal
}*/

.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
    content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button:before {
    content: "\f10c"
}

.vjs-icon-captions,
.video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js .vjs-captions-button:before {
    content: "\f10d"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button:before {
    content: "\f115"
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button:before {
    content: "\f11d"
}

.vjs-icon-audio,
.video-js .vjs-audio-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button:before {
    content: "\f11e"
}

.video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.1s,
        opacity 0.1s;
    -moz-transition: visibility 0.1s,
        opacity 0.1s;
    -o-transition: visibility 0.1s,
        opacity 0.1s;
    transition: visibility 0.1s,
        opacity 0.1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s,
        opacity 1s;
    -moz-transition: visibility 1s,
        opacity 1s;
    -o-transition: visibility 1s,
        opacity 1s;
    transition: visibility 1s,
        opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 0.3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    font-family: Arial, Helvetica, sans-serif;
    visibility: visible;
    font-size: 0.6em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.33333333em;
    right: -0.5em;
    font-size: 0.9em
}

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: 0.9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px 8px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em
}

.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: white;
    background: rgba(115, 133, 159, 0.75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,
        opacity 1s;
    -moz-transition: visibility 1s,
        opacity 1s;
    -o-transition: visibility 1s,
        opacity 1s;
    transition: visibility 1s,
        opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0.5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }

}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    margin: 0 auto;
    padding: 0.5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }

}

.podcast-container {
    padding: 40px 0
}

.podcast-container+.podcast-container {
    border-top: 1px solid #b2bfc8
}

.podcast-container.podcast-transcript-page {
    padding-top: 0
}

.podcast-container.podcast-transcript-page .player {
    margin-bottom: 50px
}

.podcast-container .video-js {
    font-size: 10px;
    color: #333f48;
    background-color: transparent;
    width: 100%;
    height: auto;
    margin-top: 30px;
    outline-color: #fff;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.podcast-container .video-js .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: 100%;
    background-color: transparent
}

.podcast-container .video-js .vjs-menu-button .vjs-menu-content {
    background-color: #fff
}

.podcast-container .video-js .vjs-volume-control {
    width: 4rem
}

.podcast-container .video-js .vjs-volume-level:before {
    display: none
}

.podcast-container .video-js .vjs-time-control {
    font-size: 1.4em;
    line-height: 0;
    margin-top: 14px
}

.podcast-container .video-js .vjs-current-time {
    display: block;
    padding-left: 10px;
    padding-right: 0;
    min-width: 45px
}

.podcast-container .video-js .vjs-time-divider {
    display: block;
    padding-left: 10px;
    padding-right: 10px
}

.podcast-container .video-js .vjs-duration {
    display: block;
    padding-left: 0;
    padding-right: 10px
}

.podcast-container .video-js .vjs-play-control {
    margin-right: 12px
}

.podcast-container .video-js .vjs-play-control:before {
    font-size: 5rem;
    line-height: 0;
    margin-top: 14px
}

.podcast-container .video-js .vjs-mute-control:before {
    font-size: 3rem;
    line-height: 0;
    margin-top: 14px
}

.podcast-container .video-js .vjs-control:focus {
    text-shadow: none
}

.podcast-container .video-js .vjs-control:focus:before {
    text-shadow: none
}

.podcast-container .video-js .vjs-control:hover:before {
    text-shadow: none;
    color: #0065bd
}

.podcast-container .video-js .vjs-slider,
.podcast-container .video-js .vjs-load-progress {
    background: rgba(51, 63, 72, 0.2);
    height: 6px
}

.podcast-container .video-js .vjs-slider {
    margin-top: 10px
}

.podcast-container .video-js .vjs-play-progress.vjs-slider-bar {
    background-color: #0065bd
}

.podcast-container .video-js .vjs-play-progress:before {
    display: none
}

.podcast-container .video-js .vjs-play-progress .vjs-volume-level:before {
    display: none
}

.podcast-container .video-js .vjs-play-progress .vjs-time-tooltip {
    display: none
}

.podcast-container .video-js .vjs-play-progress:after {
    display: none
}

.podcast-container .video-js .vjs-mouse-display:after {
    display: none
}

.podcast-container .video-js .vjs-mouse-display .vjs-time-tooltip {
    background-color: #0065bd;
    font-size: 0.7em
}

.podcast-container .video-js .vjs-volume-level,
.podcast-container .video-js .vjs-play-progress {
    background: #333f48
}

.podcast-container .video-js .vjs-volume-level {
    height: 6px
}

.podcast-container .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px 4px
}

.podcast-container .metadata-header {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin-top: -3px;
    margin-bottom: 16px
}

.podcast-container .metadata-header .speaker {
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.podcast-container .metadata-header .date {
    color: #688093;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.podcast-container .image img {
    width: 100%
}

.podcast-container .provider-links {
    float: left
}

.podcast-container .provider-links span:first-of-type {
    padding-right: 10px
}

.podcast-container .metadata-container {
    padding: 25px 0;
    border-top: 1px solid #b2bfc8;
    border-bottom: 1px solid #b2bfc8;
    margin: 0 0 25px;
    clear: both
}

.podcast-container .metadata-container p.provider-links {
    margin-bottom: 0
}

.podcast-container .podcast-transcript h5 {
    text-transform: uppercase;
    padding-top: 14px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-bottom: 7px
}

.vjs-button>.vjs-icon-placeholder:before {
    display: none
}

.podcast-wrapper {
    padding-bottom: 50px;
    border-bottom: 2px solid #b2bfc8;
    margin-bottom: 50px
}

.podcast-wrapper img {
    width: 100%
}

.podcast-wrapper .providers-dropdown {
    margin-top: 25px
}

.podcast-wrapper .providers-dropdown .btn .icon {
    margin-top: -4px;
    margin-left: 6px;
    opacity: 1
}

.podcast-wrapper .providers-dropdown .dropdown-menu {
    max-width: 250px;
    min-width: 160px;
    left: 1%;
    padding: 8px;
    margin-top: 14px;
    border: solid 1px #b2bfc8
}

.podcast-wrapper .providers-dropdown .dropdown-menu .up-arrow-back {
    width: 0px;
    height: 0px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #b2bfc8;
    position: absolute;
    top: -14px;
    right: 60px
}

.podcast-wrapper .providers-dropdown .dropdown-menu .up-arrow-front {
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px;
    right: 62px
}

.podcast-wrapper .providers-dropdown .dropdown-menu .dropdown-item {
    font-size: 18px;
    line-height: 2em
}

.podcast-wrapper .providers-dropdown .dropdown-menu .dropdown-item .row {
    padding-top: 4px;
    padding-bottom: 4px
}

.podcast-apps {
    padding-top: 50px;
    border-top: 3px solid #b2bfc8;
    margin-top: 50px
}

.podcast-apps .podcast-app {
    margin-top: 50px
}

.podcast-apps .podcast-app:nth-child(3) {
    clear: both
}

.podcast-apps .podcast-app img {
    width: 100%
}

.metadata-header span>.scWebEditInput.scEnabledChrome[contentEditable="true"] {
    display: inline
}

.podcast-container .metadata-header>span+span:before,
.podcast-container .provider-links>.provider+.provider:before {
    content: " | ";
    color: #41b6e6;
    font-weight: bold
}

.podcast-container .player {
    clear: both
}

.podcast-container .provider-container {
    padding-bottom: 20px
}

.podcast-container .provider-container .duration {
    float: left;
    margin-right: 20px;
    font-weight: bold;
    color: #536675;
    letter-spacing: .08em;
    text-transform: uppercase
}

.podcast-container .provider-container .duration svg {
    margin-bottom: -4px;
    margin-right: 4px;
    height: 20px
}

.podcast-transcript h2 {
    margin-bottom: 50px
}

.podcast-transcript-page .metadata-container {
    float: left
}

.podcast-no-load {
    height: auto;
    margin: 0 15px
}

.podcast-no-load .video-js {
    display: none
}

.podcast-no-load .play-pod-btn {
    cursor: pointer;
    background-image: url('../assets/img/play-icon-podcast.gif');
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 15px;
    padding-right: 40px
}

.publication-issue-list ul li:nth-of-type(4) {
    clear: both
}

.document-list img {
    display: block;
    width: 100%;
    height: auto
}

.document-list .icon-lock img,
.document-list .icon-lock svg {
    height: 14px;
    width: auto;
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0px
}

@media screen and (min-width:768px) {

    .document-list .icon-lock img,
    .document-list .icon-lock svg {
        height: 16px;
        margin-left: 7px;
        margin-top: -5px;
        margin-bottom: 0px
    }
}

header.chapter-header {
    padding-top: 30px !important
}

@media screen and (min-width:992px) {
    header.chapter-header {
        padding-top: 30px !important
    }
}

@media screen and (max-width:991px) {
    header.chapter-header {
        padding-top: 0px !important
    }


    header.chapter-header .col-xs-5 a {
        display: block;
        position: relative;
        top: 10px;
        left: 10px;
        background-size: 56px;
        background-repeat: no-repeat
    }

    header.chapter-header .col-xs-5 a>img.chapter-logo {
        visibility: hidden
    }

    header.chapter-header .col-xs-5 a[href*='lebanon'] {
        background-image: url("/-/media/pmi/chapters/lebanon-chapter/images/pmi-project-mark-lebanon")
    }

    header.chapter-header .col-xs-5 a[href*='lacrosse'] {
        background-image: url("/-/media/pmi/chapters/lacrosse-rochester/images/pmi-logo-lacrosse-rochester-mobile")
    }

    header.chapter-header .col-xs-5 a[href*='cyprus'] {
        background-image: url("/-/media/pmi/chapters/cyprus/images/pmi-cyprus-chapter-icon")
    }
}

.chapter-header ul.nav {
    display: flex
}

.chapter-header .nav .open>a,
.chapter-header .chapter-header .nav .open>a:hover,
.chapter-header .chapter-header .nav .open>a:focus {
    background-color: #ececec;
    color: #4f17a7 !important
}

.chapter-header .dropdown-menu li a {
    color: #575757 !important;
    background-color: #ececec;
    font-size: 18px
}

.chapter-header .dropdown-menu li a:hover {
    color: #4f17a7 !important
}

.chapter-header div#menu-account.mobile-login.open {
    background-color: #fff
}

.chapter-header .bg-chapter {
    background-color: #f5f5f5
}

.chapter-header div.bg-chapter {
    margin-top: 20px
}

.chapter-header img.chapter-logo,
.chapter-header svg.chapter-logo {
    margin: 10px 0 20px 0;
    max-width: 210px;
    height: 80px;
    padding-top: 1px
}

@media screen and (max-width:992px) {

    .chapter-header img.chapter-logo,
    .chapter-header svg.chapter-logo {
        max-width: 180px;
        height: 50px;
        margin: 15px 0 15px 0
    }
}

.chapter-header .layout-a-nav ul:first-child {
    margin-top: 0;
    border-bottom: 1px solid #b2bfc8;
    width: 100%;
    border-bottom: 0;
    margin-bottom: 0
}

.chapter-header .layout-a-nav ul:first-child>li {
    display: block !important;
    transition: all .2s;
    flex: 1;
    min-height: 65px
}

.chapter-header .layout-a-nav ul:first-child>li:hover {
    color: #4f17a7 !important;
    background-color: #ececec !important
}

.chapter-header .layout-a-nav ul:first-child>li>a {
    padding: 0 24px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    color: #212121;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    word-wrap: initial;
    white-space: initial;
    opacity: 1;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    transition: all .2s
}

.chapter-header .layout-a-nav ul:first-child>li>a:hover {
    color: #4f17a7 !important;
    border-color: transparent;
    background-color: #ececec
}

.chapter-header .layout-a-nav ul:first-child>li>a:focus {
    border-color: transparent;
    background-color: #ececec
}

.chapter-header .layout-a-nav ul:first-child>li>a:focus[aria-expanded="false"] {
    color: #212121;
    background-color: #f5f5f5
}

.chapter-header .layout-a-nav ul:first-child>li.active>a {
    color: #333f48 !important;
    background-color: #ffffff;
    opacity: 1 !important
}

.chapter-header .layout-a-nav ul:first-child>li.active>a:hover,
.chapter-header .layout-a-nav ul:first-child>li.active>a:focus {
    color: #4f17a7 !important;
    background-color: #ffffff;
    opacity: 1;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    cursor: default
}

.chapter-header .layout-a-nav ul:first-child>li.active>a[aria-expanded="true"] {
    color: #4f17a7 !important
}

.chapter-header .layout-a-nav ul:first-child>li {
    float: none
}

.chapter-header .layout-a-nav ul:first-child>li>a {
    text-align: center;
    margin-bottom: 5px
}

.chapter-header .layout-a-nav ul:first-child>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .chapter-header .layout-a-nav ul:first-child>li {
        display: table-cell;
        width: 1%
    }

    .chapter-header .layout-a-nav ul:first-child>li>a {
        margin-bottom: 0
    }
}

.chapter-header .layout-a-nav ul:first-child>li>a {
    margin-right: 0;
    border-radius: 0;
    line-height: 1.2;
    font-size: 18px
}

@media screen and (max-width:1199px) {
    .chapter-header .layout-a-nav ul:first-child>li>a {
        font-size: 16px
    }
}

.chapter-header .layout-a-nav ul:first-child>.active>a,
.chapter-header .layout-a-nav ul:first-child>.active>a:hover,
.chapter-header .layout-a-nav ul:first-child>.active>a:focus {
    border: 1px solid transparent
}

@media screen and (min-width:768px) {
    .chapter-header .layout-a-nav ul:first-child>li>a {
        border-bottom: 1px solid transparent;
        border-radius: 0
    }

    .chapter-header .layout-a-nav ul:first-child>.active>a,
    .chapter-header .layout-a-nav ul:first-child>.active>a:hover,
    .chapter-header .layout-a-nav ul:first-child>.active>a:focus {
        border-bottom-color: transparent
    }
}

.chapter-header .layout-a-nav ul:first-child .nav-tabs-justified {
    border-bottom: 0;
    margin-bottom: 0
}

.chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 0;
    line-height: 1.2;
    font-size: 18px
}

@media screen and (max-width:1199px) {
    .chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>li>a {
        font-size: 16px
    }
}

.chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>.active>a,
.chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>.active>a:hover,
.chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>.active>a:focus {
    border: 1px solid transparent
}

@media screen and (min-width:768px) {
    .chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>li>a {
        border-bottom: 1px solid transparent;
        border-radius: 0
    }

    .chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>.active>a,
    .chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>.active>a:hover,
    .chapter-header .layout-a-nav ul:first-child .nav-tabs-justified>.active>a:focus {
        border-bottom-color: transparent
    }
}

.chapter-header .layout-a-nav .chapter-tabbed-nav .nav>li>a:hover,
.chapter-header .layout-a-nav .chapter-tabbed-nav .nav>li>a:focus {
    background-color: rgba(255, 255, 255, 0.85)
}

.chapter-header .layout-a-nav .chapter-tabbed-nav a.dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.85) !important
}

.chapter-header .layout-a-nav .chapter-tabbed-nav .dropdown-menu {
    top: inherit;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    width: auto !important;
    min-width: 100% !important
}

.chapter-header .layout-a-nav .chapter-tabbed-nav .dropdown-menu li a {
    padding: 10px 20px 12px 20px;
    color: #536675 !important
}

.chapter-header .layout-a-nav .chapter-tabbed-nav .dropdown-menu li a:hover {
    color: #333f48 !important
}

.chapter-header .layout-a-nav .chapter-tabbed-nav .dropdown-menu li a[aria-expanded="true"],
.chapter-header .layout-a-nav .chapter-tabbed-nav .dropdown-menu li a:active {
    color: #4f17a7 !important
}

.chapter-header .layout-a-nav.dark-tint ul {
    background-color: rgba(38, 47, 54, 0.5)
}

.chapter-header .layout-a-nav.dark-tint .nav>li>a:hover,
.chapter-header .layout-a-nav.dark-tint .nav>li>a:focus {
    color: #4f17a7
}

.chapter-header .layout-a-nav.dark-tint .dropdown-menu {
    background-color: #ffffff
}

.chapter-header .layout-a-nav.dark-tint .dropdown-menu li a {
    color: #536675
}

.chapter-header .layout-a-nav.dark-tint .dropdown-menu li a:hover {
    background-color: #dff3fb;
    color: #333f48
}

.chapter-header .layout-a-nav.light-tint ul {
    background-color: rgba(255, 255, 255, 0.5)
}

.chapter-header .layout-a-nav.light-tint .nav>li>a {
    color: #333f48
}

.chapter-header .layout-a-nav.light-tint .nav>li>a:hover,
.chapter-header .layout-a-nav.light-tint .nav>li>a:focus {
    color: #4f17a7
}

.chapter-header .layout-a-nav.light-tint .dropdown-menu {
    background-color: #ffffff
}

.chapter-header .layout-a-nav.light-tint .dropdown-menu li a:hover {
    background-color: #dff3fb
}

.chapter-header .mobile-menu {
    display: none
}

.chapter-header .mobile-menu.open {
    display: block !important
}

.chapter-header .menu-nav {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.chapter-header .menu-nav li {
    display: block;
    clear: both
}

.chapter-header .menu-nav li.show {
    display: block
}

.chapter-header .menu-nav li.hide {
    display: none
}

.chapter-header .menu-nav li span {
    border-bottom: 1px solid #1b0059;
    margin-top: -1px;
    display: block
}

.chapter-header .menu-nav li span.input-group-btn {
    border: none
}

.chapter-header .menu-nav li ul {
    padding-left: 0
}

.chapter-header .menu-nav li ul.show {
    display: block
}

.chapter-header .menu-nav a,
.chapter-header .menu-nav p {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    padding: 12px 0;
    padding-bottom: 16px;
    height: 52px !important;
    margin: 0 4%
}

.chapter-header .menu-nav a:hover,
.chapter-header .menu-nav p:hover,
.chapter-header .menu-nav a:active,
.chapter-header .menu-nav p:active,
.chapter-header .menu-nav a:visited,
.chapter-header .menu-nav p:visited {
    color: #ffffff
}

@media screen and (min-width:992px) {

    .chapter-header .menu-nav a,
    .chapter-header .menu-nav p {
        padding: 16px 0
    }
}

.chapter-header .menu-nav a:not(.chev-left):not(.chev-right),
.chapter-header .menu-nav p:not(.chev-left):not(.chev-right) {
    color: #575757;
    padding: 11px 0 10px 0;
    margin-right: 68px
}

.chapter-header .menu-nav p {
    cursor: default
}

.chapter-header .menu-nav .chev-right {
    background-color: #4f17a7;
    margin: 0 0 -1px;
    width: 52px;
    height: 52px !important;
    text-align: center;
    padding-top: 14px;
    position: relative;
    z-index: 10;
    float: none !important;
    position: absolute;
    right: 0
}

.chapter-header .menu-nav .chev-right svg {
    width: 24px
}

.chapter-header .menu-nav .chev-right:hover {
    background-color: #3a117a
}

.chapter-header .menu-nav .chev-left {
    margin: 1px 0 -1px;
    width: 52px;
    height: 52px;
    text-align: center;
    padding-top: 14px;
    border-right: 1px solid #1b0059;
    position: relative;
    z-index: 10;
    float: none !important;
    position: absolute;
    left: 0
}

.chapter-header .menu-nav .chev-left svg {
    color: #00a3e0;
    width: 24px
}

.chapter-header .menu-nav .chev-left:hover {
    background-color: #1b0059
}

.chapter-header .menu-nav .chev-left[style='display: block;']+p {
    margin-left: 68px;
    margin-right: 15px
}

.chapter-header .menu-nav li {
    background-color: #ffffff;
    height: 53px
}

.chapter-header .menu-nav li.highlight {
    background-color: #4f17a7;
    color: #333f48
}

.chapter-header .menu-nav li.highlight a.pull-left {
    color: #ffffff !important
}

.chapter-header .menu-nav li.highlight a.pull-left svg {
    fill: #fff
}

.chapter-header .menu-nav li.highlight a.pull-left:hover,
.chapter-header .menu-nav li.highlight a.pull-left:active,
.chapter-header .menu-nav li.highlight a.pull-left:visited {
    color: #ffffff !important
}

.chapter-header .menu-nav li span {
    border-bottom: 1px solid #b2bfc8
}

.chapter-header .menu-nav li a.pull-left {
    color: #575757;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    padding: 14px 0 10px 0;
    height: 52px;
    margin: 0 4%;
    opacity: 1 !important
}

@media screen and (min-width:768px) {
    .chapter-header .menu-nav li a.pull-left {
        margin: 0 2.5%
    }
}

.chapter-header .menu-nav li a.pull-left:hover,
.chapter-header .menu-nav li a.pull-left:active {
    color: #4f17a7;
    opacity: 1 !important
}

@media screen and (min-width:992px) {
    .chapter-header .menu-nav li a.pull-left {
        padding: 16px 0
    }
}

.chapter-header .menu-nav li p {
    cursor: default;
    color: #575757 !important;
    margin: 0 4%;
    padding: 14px 0 10px 0;
    height: 53px;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

@media screen and (min-width:768px) {
    .chapter-header .menu-nav li p {
        margin: 0 2.5%
    }
}

.chapter-header .menu-nav li p:hover,
.chapter-header .menu-nav li p:active {
    color: #4f17a7
}

.chapter-header .menu-nav li .pull-right.chev-right {
    background-color: #4f17a7;
    margin-bottom: 0px;
    height: 53px
}

.chapter-header .menu-nav li .pull-right.chev-right svg {
    width: 24px
}

.chapter-header .menu-nav li .pull-right.chev-right:hover,
.chapter-header .menu-nav li .pull-right.chev-right:focus {
    background-color: #2b008c !important
}

.chapter-header .menu-nav li .pull-right.chev-right:active {
    background-color: #8a66c4 !important
}

.chapter-header .menu-nav li .pull-left.chev-left {
    background-color: #4f17a7;
    margin-bottom: 0px;
    height: 53px;
    margin-left: 0;
    margin-right: 0;
    border-right: transparent
}

.chapter-header .menu-nav li .pull-left.chev-left svg {
    width: 24px;
    fill: #ffffff
}

.chapter-header .menu-nav li .pull-left.chev-left:hover,
.chapter-header .menu-nav li .pull-left.chev-left:focus {
    background-color: #2b008c !important
}

.chapter-header .menu-nav li .pull-left.chev-left:active {
    background-color: #8a66c4 !important
}

.chapter-header h1 {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .chapter-header h1 {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .chapter-header h1 {
        margin-bottom: 24px
    }
}

.chapter-header .dropdown-mobile-menu {
    top: inherit;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 999;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    box-shadow: 0 6px 12px #ababab
}

.chapter-header .menu-switch {
    margin-right: -8%
}

@media screen and (min-width:768px) {
    .chapter-header .menu-switch {
        margin-right: -5%
    }
}

.chapter-header li.mobile-search form div.input-group.search-bar input.form-control {
    padding: 0 20px 0 20px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.chapter-header li.mobile-search form div.input-group.search-bar span.input-group-btn {
    display: table-cell
}

.chapter-header li.mobile-search form div.input-group.search-bar span.input-group-btn:hover {
    background-color: #2b008c
}

.chapter-header li.mobile-search form div.input-group.search-bar span.input-group-btn:active {
    background-color: #8a66c4
}

@media screen and (max-width:767px) {
    div.chapter-social.microsite-social {
        margin-bottom: 40px;
        margin-left: 1%
    }
}

#cookie-disclosure-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    background-color: rgba(0, 59, 92, 0.84705882);
    color: #fff;
    padding: 1.5em
}

#cookie-disclosure-banner a {
    color: #41B6E6
}

#cookie-disclosure-banner .btn-primary {
    border: 1px solid transparent;
    color: #003b5c;
    background-color: rgba(255, 255, 255, 0.95)
}

#cookie-disclosure-banner-top {
    width: 100%;
    text-align: right
}

#cookie-disclosure-banner-close {
    color: #fff !important;
    padding: 12px 3px 0px 3px;
    border-radius: 50%;
    border: 2px solid #fff
}

#cookie-disclosure-banner-close svg {
    max-height: 25px
}

.chapter-event-details h2 {
    font-size: 32px !important;
    color: #fff !important;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    background-color: #ff610f !important
}

.chapter-event-details h3 {
    font-size: 26px !important;
    color: #212121 !important;
    font-family: "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    margin-bottom: 0px
}

.chapter-event-details h4,
.chapter-event-section h4 {
    font-size: 18px;
    color: #333f48 !important;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 2px !important;
    margin-top: 10px !important
}

div.chapter-event-section {
    margin-bottom: 30px;
    margin-top: 0
}

.chapter-event-section p {
    color: #575757;
    margin-top: 0;
    margin-bottom: 2px !important
}

.chapter-event-section h3 {
    color: #212121 !important;
    margin-bottom: 10px !important;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important
}

.chapter-event-section span.chapter-virtual {
    color: #6E8393
}

a.btn.chapter-event-register {
    margin-bottom: 20px !important
}

.chapter-events span.event-time:before {
    content: ' | ';
    color: #e4e9ec
}

.chapter-events span.event-time {

    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

div.rte.widget-sidebar.notification.chapter-events {
    padding-bottom: 0;
    margin-bottom: 0
}

.rte.notification.widget-sidebar.chapter-events h2:first-child {
    background-color: #ff610f !important;
    color: #fff;
    margin-bottom: 0
}

div.chapter-event-list.featured {
    background-color: #d7d7d7;
    overflow: auto;
    padding-top: 15px
}

.chapter-event-list.featured h3,
.chapter-event-list.upcoming h3 {
    padding: 10px 15px 10px 15px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #586976
}

div.chapter-event-list.upcoming {
    background-color: #e4e9ec;
    overflow: auto;
    padding-top: 15px
}

div.chapter-event-item {
    padding-left: 12px;
    margin-bottom: 20px
}

div.event-calendar-icon {
    float: left;
    margin-right: 15px;
    margin-left: 3px
}

.event-calendar-icon {
    display: block;
    background: url('/assets/img-new/event-calendar.svg');
    background-size: cover;
    text-align: center;
    height: 60px;
    width: 60px
}

.event-calendar-icon .month {
    font-weight: bold;
    color: #fff;
    padding-top: 5px
}

.event-calendar-icon .day {
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 6px -7px 5px;
    padding-top: 0;
    padding-bottom: 0
}

div.chapter-event-list.featured .event-calendar-icon {
    background: url('/assets/img/event-calendar-green.svg')
}

div.chapter-event-list.featured .event-calendar-icon div.day {
    color: #296339;
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 6px -7px 5px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4
}

div.chapter-event-list.upcoming .event-calendar-icon div.day {
    color: #143b57;
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 2px 5px -2px 5px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4
}

div.chapter-event-info {
    overflow: auto;
    margin-right: 30px
}

.chapter-event-info h4 {
    font-size: 21px
}

div.bottom-link {
    background-color: #e4e9ec;
    margin-top: -37px;
    overflow: auto;
    padding: 20px 0 20px 18px;
    position: relative
}

@media screen and (max-width:767px) {
    div.bottom-link {
        margin-top: -15px
    }
}

div.bottom-link:before {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    top: 0;
    height: 2px;
    border-top: 2px solid #c9c9c9
}

.chapter-event-calendar {
    float: left
}

.chapter-event-info span.event-time:before {
    content: ' | ';
    color: #333f48
}

p.chapter-event-time {
    margin-bottom: -2px
}

@media screen and (max-width:767px) {
    div.learn-more {
        margin-top: -85px
    }
}

@media screen and (max-width:767px) {
    div.learn-more>p>a {
        margin-left: 23px;
        font-size: 20px
    }
}

div.no-chapter-events {
    margin: 20px
}

div.chapter-featured h2 {
    color: inherit
}

@media screen and (max-width:767px) {
    div.chapter-featured h2 {
        font-size: 30px
    }
}

.event-month-list h2 {
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .event-month-list h2 {
        font-size: 26px;
        margin-bottom: 30px
    }
}

.event-month-list div.row.chapter-event {
    padding-left: 2.5%;
    padding-right: 2.5%;
    border-bottom: 2px solid #C2CBD1;
    padding-bottom: 100px;
    padding-top: 50px
}

@media screen and (max-width:767px) {
    .event-month-list div.row.chapter-event {
        padding-left: 0;
        padding-bottom: 40px
    }
}

.event-month-list div.rte.widget-sidebar.notification.chapter-details {
    margin-top: 30px;
    background-color: #E8ECEE !important
}

@media screen and (max-width:767px) {
    .event-month-list div.rte.widget-sidebar.notification.chapter-details {
        padding-bottom: 70px
    }
}

.event-month-list div.rte.widget-sidebar.notification.chapter-details .chapter-event-section:first-child {
    padding-top: 1px
}

.event-month-list .event-calendar-icon .day {
    background-color: transparent
}

.event-month-list .chapter-event h3 {
    font-size: 30px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.event-month-list .chapter-event-section h3 {
    color: #37424A !important;
    font-size: 22px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.event-month-list .price-notes h4 {
    color: #515151
}

.event-month-list div.event-description {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 65px
}

.event-month-list .event-calendar-month h3 {
    margin-bottom: 0;
    margin-top: 10px;
    vertical-align: middle;
    font-size: 26px
}

@media screen and (max-width:767px) {
    .event-month-list .event-calendar-month h3 {
        font-size: 26px
    }
}

.event-month-list .event-arrow img {
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px
}

.event-month-list .event-arrow.left {
    text-align: left
}

.event-month-list .event-arrow.right {
    text-align: right
}

.event-month-list .event-calendar-month {
    text-align: center
}

.event-month-list .event-calendar-navigation {
    padding: 10px;
    color: #fff;
    background-color: #ff610f;
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .event-month-list .event-calendar-navigation {
        margin-bottom: 35px
    }
}

.event-month-list .scLooseFrameZone .event-description {
    min-height: 25px
}

.event-month-list .chapter-date-time h3 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

div.rte.widget-sidebar.notification.chapter-details div.chapter-event-section div.price-notes h4 {
    color: #515151 !important
}

@media screen and (max-width:767px) {
    div.rte.widget-sidebar.notification.chapter-details div.chapter-event-section div.price-notes h4 {
        font-size: 18px
    }
}

/*
.chapter-site-search .body-search {
    margin-top: 8px;
    width: 100%
}

.chapter-site-search .body-search input::-webkit-input-placeholder {
    color: #575757
}

.chapter-site-search .body-search input:-moz-placeholder {
    color: #575757
}

.chapter-site-search .body-search input::-moz-placeholder {
    color: #575757
}

.chapter-site-search .body-search input:-ms-input-placeholder {
    color: #575757
}

.chapter-site-search .body-search .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    line-height: 1.42857143;
    color: #586976;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    box-shadow: none
}

.chapter-site-search .body-search .form-control:focus,
.chapter-site-search .body-search .form-control:active {
    background-color: #ffffff;
    color: #536675
}

.chapter-site-search .body-search .btn {
    background-color: #4f17a7;
    border-radius: 0 4px 4px 0;
    border: 1px solid #4f17a7;
    color: #ffffff;
    height: 32px;
    padding: 2px 8px 6px 8px
}

.chapter-site-search .body-search .btn:hover,
.chapter-site-search .body-search .btn:focus {
    background-color: #2b008c;
    border-color: #2b008c
}

.chapter-site-search .body-search .btn:active,
.chapter-site-search .body-search .btn:hover:active,
.chapter-site-search .body-search .btn:focus:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.chapter-site-search .body-search .btn-primary {
    border-color: #4f17a7;
    color: #ffffff;
    background-color: #4f17a7
}

.chapter-site-search .body-search .btn-primary:hover,
.chapter-site-search .body-search .btn-primary:focus {
    background-color: #2b008c;
    border-color: #2b008c
}

.chapter-site-search .body-search .btn-primary:active,
.chapter-site-search .body-search .btn-primary:hover:active,
.chapter-site-search .body-search .btn-primary:focus:active {
    background-color: #8a66c4;
    border-color: #8a66c4
}

.chapter-site-search .body-search .input-group {
    color: #ffffff
}

.chapter-site-search .body-search .fa-search,
.chapter-site-search .body-search .icon-search {
    width: 16px;
    color: #fff !important;
    vertical-align: middle
}

.chapter-site-search .body-search .input-group-btn button {
    width: 44px;
    height: 44px;
    padding-top: 11px;
    padding-bottom: 7px
}

.chapter-site-search .full-width {
    width: 100%;
    margin-bottom: 30px
}

.chapter-site-search .results {
    margin-top: 10px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: none;
    font-size: 20px;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333f48
}

.chapter-site-search .rule:last-child {
    padding-bottom: 50px;
    background: none
}

@media (max-width:767px) {
    div.chapter-site-search {
        margin-bottom: 30px;
        margin-top: 30px
    }
}

.chapter-footer-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f5f5f5
}

@media (min-width:768px) {
    .chapter-footer-wrapper {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .chapter-footer-wrapper {
        padding-top: 24px
    }
}

@media (min-width:768px) {
    .chapter-footer-wrapper {
        padding-bottom: 20px
    }
}

@media (min-width:1200px) {
    .chapter-footer-wrapper {
        padding-bottom: 24px
    }
}

.chapter-footer-wrapper img,
.chapter-footer-wrapper svg {
    width: 170px;
    height: auto;
    padding: 6px 30px 10px 0;
    color: #ffffff
}

@media screen and (min-width:768px) {

    .chapter-footer-wrapper img,
    .chapter-footer-wrapper svg {
        float: left
    }
}

.chapter-footer-wrapper p {
    font-size: 14.4px;
    color: #575757;
    margin: 0 0 5px 0
}

.chapter-footer-wrapper .primary-link {
    margin-bottom: 12px
}

.chapter-footer-wrapper .primary-link a {
    font-size: 19px;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    margin-top: 0;
    line-height: 1.1
}

.chapter-footer-wrapper .primary-link:after {
    content: " »"
}

.chapter-footer-wrapper a {
    transition-duration: 0.15s;
    color: #575757;
    font-size: 14.4px
}

.chapter-footer-wrapper a:hover,
.chapter-footer-wrapper a:active,
.chapter-footer-wrapper a:focus {
    color: #4f17a7;
    text-decoration: none
}

.chapter-footer-wrapper a svg.icon {
    display: none
}

.chapter-footer-wrapper ul {
    padding: 0;
    list-style-type: none;
    display: block;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .chapter-footer-wrapper ul {
        padding-top: 0px;
        margin-top: 0px
    }
}

@media screen and (max-width:767px) {
    .chapter-footer-wrapper ul li {
        margin: 12px 0 0px 0;
        display: block
    }
}

@media screen and (min-width:768px) {
    .chapter-footer-wrapper ul li {
        display: inline-block;
        margin: 0 30px 0 0
    }

    .chapter-footer-wrapper ul li:last-child {
        margin: 0
    }
}

.chapter-footer-wrapper .right-side {
    text-align: left
}

@media screen and (min-width:768px) {
    .chapter-footer-wrapper .right-side {
        text-align: right
    }
}
*/
div.rte.widget-sidebar.notification.learning-course-info {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #b2bfc8;
    margin-bottom: 80px
}

div.rte.widget-sidebar.notification.learning-course-info p {
    margin-bottom: 20px
}

div.rte.widget-sidebar.notification.learning-course-info div {
    margin-bottom: 10px
}

p.learning-course-info {
    font-size: 18px !important
}

span.learning-course-info {
    font-size: 18px !important
}

.learning-course-info p {
    color: #6E8393;
    font-size: 18px !important;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.learning-course-info div {
    color: #6E8393;
    font-size: 18px !important;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.learning-course-info div:last-child {
    margin-bottom: 10px !important
}

.learning-course-info span {
    color: #333f48;
    float: right;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.learning-course-info .text-right {
    color: #333f48
}

.learning-course h2 {
    color: #536675
}

.learning-course div {
    font-size: 18px
}

div.learning-course {
    margin-bottom: 40px
}

.learning-course table.pdu-table {
    table-layout: fixed;
    color: #333f48;
    margin-top: 20px
}

.learning-course table.pdu-table svg {
    max-width: 80%
}

.learning-course table.pdu-table>tbody>tr>td {
    border-top: none
}

.learning-course table.pdu-table>tfoot>tr>td {
    border-top: none
}

.learning-course .pdu-table thead {
    color: #333f48;
    background-color: #fff
}

.technical {
    background-color: #E0F2FA;
    border-right: 5px solid #fff;
    color: #333f48
}

.leadership {
    background-color: #DBEDE2;
    border-right: 5px solid #fff;
    color: #333f48
}

.strategic {
    background-color: #E4E3EA;
    border-right: 5px solid #fff;
    color: #333f48
}

.topic-section {
    margin-bottom: 10px
}

.topic-section .topic-label {
    font-weight: bold
}

@media (min-width:1200px) {
    .topic-section {
        margin-bottom: 36px
    }
}

@media (min-width:768px) {
    .topic-section {
        margin-bottom: 30px
    }
}

@media screen and (max-width:480px) {
    .learning-course table.pdu-table {
        font-size: 12px
    }
}

div.rte.widget-sidebar.notification.seminar-course-info.details {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #b2bfc8;
    margin-bottom: 0;
    padding-bottom: 0
}

div.rte.widget-sidebar.notification.seminar-course-info.pricing {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #b2bfc8;
    padding-top: 15px;
    border-top: 0
}

.seminar-course-info p {
    color: #6E8393;
    font-size: 18px !important;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.seminar-course-info div {
    color: #6E8393;
    font-size: 18px !important;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.seminar-course-info div:last-child {
    margin-bottom: 10px !important
}

.seminar-course-info span {
    color: #333f48;
    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.seminar-course-info .text-right {
    color: #333f48
}

div.col-xs-12.visible-md.visible-lg.seminar-pricing {
    margin-left: -15px
}

.seminar-pricing table>tbody>tr>td {
    vertical-align: middle !important
}

.seminar-pricing table>thead>tr>th {
    vertical-align: middle !important;
    text-align: center
}

.seminar-pricing table tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

td.seminar-day {
    text-align: left !important
}

.seminar-pricing h2 {
    margin-bottom: 20px
}

.seminar-pricing table tbody tr td.day-range {
    background-color: #C9C9C9
}

.seminar-pricing table tbody tr td.seminar-list {
    text-align: left !important;
    font-weight: bold
}

.seminar-pricing table tbody tr.all-border td {
    border: 1px solid #ddd
}

.learning-events span.event-time:before {
    content: ' | ';
    color: #e4e9ec
}

.learning-events span.event-time {

    font-family: 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.countdown-container li {
    vertical-align: middle;
    font-size: 36px;
    font-weight: 400;
    float: left
}

.countdown-container .unit {
    vertical-align: middle;
    font-size: 14px;

    float: right;
    margin-left: 3px;
    margin-top: 16px
}

.countdown-container .countdown-column:first-of-type {
    border-right: none;
    border-bottom: solid 1px #fff;
    padding-bottom: 16px;
    margin-bottom: 8px
}

@media screen and (min-width:992px) {
    .countdown-container .countdown-column:first-of-type {
        border-right: solid 1px #fff;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.countdown-container .countdown-column img {
    width: 100%;
    padding-bottom: 16px
}

@media screen and (min-width:992px) {
    .countdown-container .countdown-column img {
        padding-bottom: 0
    }
}

.countdown-container .countdown-column h5 {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif
}

.countdown-container .countdown-column h4,
.countdown-container .countdown-column h5,
.countdown-container .countdown-column p {
    margin-bottom: 0;
    padding-bottom: 0
}

.countdown-container .countdown-column .countdown-timer {
    display: flex;
    align-items: center;
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    justify-content: center
}

.countdown-container .countdown-column .col-xs-3.center-text-xs {
    text-align: center
}

@media screen and (min-width:992px) {
    .countdown-container .countdown-column .col-xs-3.center-text-xs {
        text-align: left
    }
}

select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent url("../assets/img-new/dropdown_new_design.png") no-repeat right center;
    background-size: 23px
}

select::-ms-expand {
    display: none
}



.border-top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd
}

.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ddd
}

.checkbox-top-border {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd;
    font-weight: normal
}

.checkbox-bottom-border {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
    font-weight: normal
}

.h3-legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: inherit;
    color: #3c3c3c;
    font-weight: 100;
    font-family: "Microsoft Yahei", "Agrandir-Regular", 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.wffm-form-color {
    color: #575757
}

form .valid {
    border: 1px solid #3c763d !important
}

form .input-validation-error:before {
    content: "" !important
}

form .field-validation-error {
    text-indent: initial !important;
    position: static !important;
    background-image: none !important;
    overflow: initial !important
}

form .has-error:after {
    position: absolute;
    top: 50px;
    right: 10px;
    content: url(~/media/pmi/icons/refuse.png);
    width: 24px;
    height: 24px
}

form span.field-validation-error span {
    color: #d22630 !important
}

.form-submit-border {
    margin-bottom: 60px !important
}

.wffm-form {
    margin-bottom: 25px !important
}

.wffm-form .form-group {
    clear: both;
    position: relative
}

.wffm-form label {
    margin-top: 10px
}

.theme-blue .wffm-form input[type="file"] {
    margin-bottom: 0
}

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

.label-bold {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    font-size: 16px
}

.radio-label-font-family-regular {
    font-family: 'GT-Pressura-Mono-Regular', 'Roboto Mono', 'Microsoft YaHei UI Light', Helvetica, Arial, sans-serif !important;
    font-weight: normal !important
}

.checkbox-padding-left {
    padding-left: 25px !important
}

.microsite-social .twitter {
    position: relative;
    top: 6px
}

.social-row .twitter {
    top: 6px;
    position: relative;
    margin-right: -1px
}

div.aside .topics-list ul {
    column-count: auto !important;
    -webkit-column-count: auto !important;
    -moz-column-count: auto !important
}

div.aside .topics-list .topic-icon {
    width: auto !important
}

div>div.row>span.field-validation-error>span {
    padding-left: 2.5%
}

input[type="file"] {
    padding-top: 7px;
    padding-bottom: 7px
}

.checkbox input[type="checkbox"] {
    position: relative;
    margin-left: auto
}

.chapter-footer {
    background-color: #333333
}

.learn-more>a,
.nav-link>a {
    color: #FEFEFE;
    text-decoration: none;
    margin: 15px;
    font-family: Georgia, 'Times New Roman', Times, serif
}

.chapter-copyright {
    color: #B0BAC1
}

div.form-group.wffm-form.radio-horizontal>label:first-child {
    display: block
}

div.form-group.wffm-form.radio-horizontal.line-separated>label:first-child {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ddd
}

div.form-group.wffm-form:not(.radio-horizontal)>label:not(:first-child) {
    padding-top: 10px;
    padding-bottom: 10px
}

div.form-group.wffm-form.radio-horizontal>label:not(:first-child) {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    width: 41.66666667%;
    margin-bottom: 8px
}

@media screen and (max-width:991px) {
    div.form-group.wffm-form.radio-horizontal>label:not(:first-child) {
        display: block;
        width: 99%
    }
}

div.form-group.wffm-form:not(.radio-horizontal).line-separated>label:not(:first-child) {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd
}

div[class*="column-layout"] {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end
}

div.column-layout-1>div {
    flex-basis: 100%
}

div.column-layout-2>div {
    flex-basis: 49.5%
}

@media screen and (max-width:991px) {
    div.column-layout-2>div.form-group.wffm-form.radio-horizontal {
        flex-basis: 99%
    }
}

div.column-layout-2>div:not(:nth-of-type(2n)) {
    margin-right: 1%
}

@media screen and (max-width:480px) {
    div.column-layout-2>div {
        flex-basis: 100%
    }

    div.column-layout-2>div:not(:nth-of-type(2n)) {
        margin-right: 0
    }
}

div.column-layout-3>div {
    flex-basis: 32.66666666666667%
}

div.column-layout-3>div:not(:nth-of-type(3n)) {
    margin-right: 1%
}

@media screen and (max-width:991px) {
    div.column-layout-3>div.form-group.wffm-form.radio-horizontal {
        flex-basis: 99%
    }
}

@media screen and (max-width:480px) {
    div.column-layout-3>div {
        flex-basis: 100%
    }

    div.column-layout-3>div:not(:nth-of-type(3n)) {
        margin-right: 0
    }
}

div.column-layout-4>div {
    flex-basis: 24.25%
}

@media screen and (max-width:991px) {
    div.column-layout-4>div.form-group.wffm-form.radio-horizontal {
        flex-basis: 99%
    }
}

div.column-layout-4>div:not(:nth-of-type(4n)) {
    margin-right: 1%
}

@media screen and (max-width:480px) {
    div.column-layout-4>div {
        flex-basis: 100%
    }

    div.column-layout-4>div:not(:nth-of-type(4n)) {
        margin-right: 0
    }
}

div.column-layout-5>div {
    flex-basis: 19.2%
}

@media screen and (max-width:991px) {
    div.column-layout-5>div.form-group.wffm-form.radio-horizontal {
        flex-basis: 99%
    }
}

div.column-layout-5>div:not(:nth-of-type(5n)) {
    margin-right: 1%
}

@media screen and (max-width:480px) {
    div.column-layout-5>div {
        flex-basis: 100%
    }

    div.column-layout-5>div:not(:nth-of-type(5n)) {
        margin-right: 0
    }
}

div[class*="img-align"]>img {
    width: initial;
    height: initial;
    display: inline-block
}

div.img-align-left {
    text-align: left
}

div.img-align-center {
    text-align: center
}

div.img-align-right {
    text-align: right
}

input[type="submit"] {
    margin-top: 20px
}

@media screen and (max-width:767px) {
    form {
        margin-top: 20px
    }

    .breadcrumb .last {
        display: none;
    }
}

.wrapper-statistic {
    display: flex;
    flex-wrap: wrap
}

.wrapper-item-statistic {
    flex: 1
}

.two-columns-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.two-columns-list>label:first-child {
    flex: 0 0 100%;
    margin-bottom: 1.5em
}

.two-columns-list>label:not(:first-child) {
    flex: 1 1 50%;
    margin-top: -5px
}

@media screen and (max-width:480px) {
    .two-columns-list>label:not(:first-child) {
        flex: 1 1 100%
    }
}