html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
    zoom: 1
}

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

    .row:after {
        clear: both
    }

    .row > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
    zoom: 1
}

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

    .container:after {
        clear: both
    }

.breadcrumb ul li:after, .header .navigation li a:after {
    content: " | ";
    display: inline-block;
    padding: 0px 4px;
    margin: 0px 0px 0px 5px;
    color: #666
}

.main > section:first-of-type, .lp_content {
    clear: both;
    zoom: 1
}

    .main > section:first-of-type:before, .lp_content:before, .main > section:first-of-type:after, .lp_content:after {
        content: "";
        display: table
    }

    .main > section:first-of-type:after, .lp_content:after {
        clear: both
    }

.menu > ul > li.hasChild > a:after, .innerpage .main_menu .menu > ul > li > a.hasChild > a:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #666 transparent transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em
}

.vertical_rhythm {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(187,187,187,0.4)),color-stop(5%, rgba(187,187,187,0)));
    background-image: -moz-linear-gradient(bottom, rgba(187,187,187,0.4) 5%,rgba(187,187,187,0) 5%);
    background-image: -webkit-linear-gradient(bottom, rgba(187,187,187,0.4) 5%,rgba(187,187,187,0) 5%);
    background-image: linear-gradient(to top, rgba(187,187,187,0.4) 5%,rgba(187,187,187,0) 5%);
    -moz-background-size: 100% 2em;
    -o-background-size: 100% 2em;
    -webkit-background-size: 100% 2em;
    background-size: 100% 2em;
    background-position: left top
}

    .vertical_rhythm img {
        float: left;
        margin: 0 16px 0 0
    }

.cp {
    font-size: 1em;
    line-height: 2em
}

    .cp h1 {
        font-size: 2em;
        line-height: 1.5em;
        padding-top: 0em;
        margin-bottom: 1.5em
    }

    .cp h2 {
        font-size: 1.5em;
        line-height: 1.33333em;
        padding-top: 0em;
        margin-bottom: 1.35em
    }

    .cp h3 {
        font-size: 1.25em;
        line-height: 1.6em;
        padding-top: 0em;
        margin-bottom: 0em
    }

    .cp h4 {
        font-size: 1.25em;
        line-height: 1.6em;
        padding-top: 0em;
        margin-bottom: 0em
    }

    .cp h5 {
        font-size: 1.25em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em
    }

    .cp h6 {
        font-size: 1em;
        line-height: 2em;
        margin-top: 0em;
        margin-bottom: 0em
    }

    .cp p {
        font-size: 1em;
        line-height: 2em;
        margin-top: 0em;
        margin-bottom: 2em
    }

    .cp ul, .cp ol {
        font-size: 1em;
        line-height: 2em;
        margin-top: 0em;
        margin-bottom: 2em
    }

    .cp dd, .cp th, .cp td figure {
        font-size: 1em;
        line-height: 2em
    }

    .cp blockquote {
        background: #f2f2f2;
        font-style: normal;
        display: block;
        font-size: 1em;
        line-height: 2em;
        border-left: 5px solid #8d450c;
        padding: 32px;
        box-sizing: border-box;
        margin-left: .5em;
        margin-right: .5em;
        margin-top: 0em;
        margin-bottom: 2em
    }

    .cp img {
        max-width: 100%
    }

@media screen and (max-width: 991px) {
    .cp img {
        max-width: 100%;
        width: auto;
        clear: both
    }
}

.cp table th {
    background: #666;
    color: #fff;
    white-space: normal
}

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0,U+78A7,U+7B75;
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic),local(MS Gothic)
}

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0,U+78A7,U+7B75;
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體)
}

body {
    font-size: 1em;
    font-weight: normal;
    color: #222;
    line-height: 1.45em;
    font-family: Lato,"PingFang TC","Helvetica Neue",Helvetica,微軟正黑體修正,微軟正黑體,Arial,sans-serif;
    -webkit-text-size-adjust: none;
    color: #222
}

@media print {
    body {
        font-size: .75em
    }
}

a {
    color: #222;
    text-decoration: none
}

    a:hover, a:focus {
        color: #8d450c;
        cursor: pointer
    }

h3, .heading-3 {
    font-size: 1.125em;
    font-weight: bold
}

.small-fontsize {
    font-size: .938em
}

.large-fontsize {
    font-size: 1.125em
}

.breadcrumb {
    background: none;
    border-bottom: 1px solid #EEE;
    padding: .1em 0em .1em;
    font-size: .813em;
    margin: 0px auto 5px
}

    .breadcrumb ul {
        padding: 0;
        margin: 0
    }

        .breadcrumb ul li {
            display: inline-block;
            margin: 0px .1em .1em 0px
        }

            .breadcrumb ul li:after {
                color: #CCC
            }

            .breadcrumb ul li:first-child:before {
                content: "";
                display: inline-block;
                color: #666;
                margin-left: 0;
                padding: 0
            }

    .breadcrumb a {
        color: #222;
        text-decoration: none
    }

        .breadcrumb a:hover, .breadcrumb a:focus {
            color: #8d450c;
            cursor: pointer
        }

.divider, .divider-vertical {
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: .813em;
    color: grey;
    text-shadow: 0 1px 1px #fff;
    cursor: default;
    display: block;
    overflow: hidden;
    *zoom: 1
}

.divider {
    display: table;
    line-height: 1;
    margin: 20px 0
}

    .divider:after, .divider:before {
        content: '';
        display: table-cell;
        position: relative;
        top: 50%;
        width: 50%;
        background-repeat: no-repeat;
        background-image: url("../images/basic/divider.jpg")
    }

    .divider:before {
        background-position: right 1em top 50%
    }

    .divider:after {
        background-position: left 1em top 50%
    }

.divider-vertical {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: auto;
    height: 50%;
    line-height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .divider-vertical:after, .divider-vertical:before {
        content: '';
        position: absolute;
        left: 50%;
        z-index: 3;
        width: 0;
        height: calc(100% - 1.2rem);
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid rgba(255,255,255,0.05)
    }

    .divider-vertical:before {
        top: -100%
    }

    .divider-vertical:after {
        bottom: 0
    }

.btn_grp {
    text-align: center;
    padding: 1em 0
}

.btn, .btn-green, .btn-blue, .btn-yellow, .btn-orange, .btn-red, .btn-purple, button, input[type="button"], input[type="submit"], input[type="reset"], .upload_grp .upload_btn {
    font-size: 1em;
    background-image: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: normal;
    width: auto;
    min-width: 5em;
    margin: .25em .1em
}

.btn {
    padding: 0.5em 2em !important;
    touch-action: manipulation;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #DDD;
    border: 1px solid #c4c4c4;
    color: #222;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f7f7f7;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFEAEAEA');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc),color-stop(100%, #e6e6e6));
    background-image: -moz-linear-gradient(top, #fcfcfc 0%,#e6e6e6 100%);
    background-image: -webkit-linear-gradient(top, #fcfcfc 0%,#e6e6e6 100%);
    background-image: linear-gradient(to bottom, #fcfcfc 0%,#e6e6e6 100%)
}

    .btn:hover, .btn:focus {
        background: #eaeaea;
        cursor: pointer;
        color: #FFF
    }

    .btn.active {
        background: #eaeaea;
        cursor: pointer
    }

    .btn:focus {
        background: #c4c4c4;
        outline: none
    }

    .btn:hover, .btn:focus {
        color: #222;
        background-color: #e6e6e6;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFEAEAEA');
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa),color-stop(100%, #dcdcdc));
        background-image: -moz-linear-gradient(top, #fafafa 0%,#dcdcdc 100%);
        background-image: -webkit-linear-gradient(top, #fafafa 0%,#dcdcdc 100%);
        background-image: linear-gradient(to bottom, #fafafa 0%,#dcdcdc 100%);
        border: none !important
    }

    .btn:focus {
        box-shadow: 0 0px 0px 2px #fff inset !important
    }

.btn-green {
    background: #468146;
    border: 1px solid #346034;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .btn-green:hover, .btn-green:focus {
        background: #4f924f;
        cursor: pointer;
        color: #FFF
    }

    .btn-green.active {
        background: #4f924f;
        cursor: pointer
    }

    .btn-green:focus {
        background: #346034;
        outline: none
    }

.btn-blue {
    background: #0B7EB1;
    border: 1px solid #085c81;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .btn-blue:hover, .btn-blue:focus {
        background: #0c8fc9;
        cursor: pointer;
        color: #FFF
    }

    .btn-blue.active {
        background: #0c8fc9;
        cursor: pointer
    }

    .btn-blue:focus {
        background: #085c81;
        outline: none
    }

.btn-yellow {
    background: #FCC211;
    border: 1px solid #d7a303;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .btn-yellow:hover, .btn-yellow:focus {
        background: #fcc82a;
        cursor: pointer;
        color: #FFF
    }

    .btn-yellow.active {
        background: #fcc82a;
        cursor: pointer
    }

    .btn-yellow:focus {
        background: #d7a303;
        outline: none
    }

.btn-orange {
    background: #BD5B0A;
    border: 1px solid #8d4407;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .btn-orange:hover, .btn-orange:focus {
        background: #d5670b;
        cursor: pointer;
        color: #FFF
    }

    .btn-orange.active {
        background: #d5670b;
        cursor: pointer
    }

    .btn-orange:focus {
        background: #8d4407;
        outline: none
    }

.btn-red {
    background: #EB0012;
    border: 1px solid #b8000e;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .btn-red:hover, .btn-red:focus {
        background: #ff0619;
        cursor: pointer;
        color: #FFF
    }

    .btn-red.active {
        background: #ff0619;
        cursor: pointer
    }

    .btn-red:focus {
        background: #b8000e;
        outline: none
    }

.btn-purple {
    background: #AA5AC5;
    border: 1px solid #923daf;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .btn-purple:hover, .btn-purple:focus {
        background: #b46dcc;
        cursor: pointer;
        color: #FFF
    }

    .btn-purple.active {
        background: #b46dcc;
        cursor: pointer
    }

    .btn-purple:focus {
        background: #923daf;
        outline: none
    }

.btn-xl {
    font-size: 1.5em
}

.btn-lg {
    font-size: 1.25em
}

.btn-sm {
    font-size: .938em
}

.btn-xs {
    font-size: .75em
}

hr {
    margin: 1em 0px;
    display: block;
    border: none;
    clear: both
}

hr {
    border-top: 1px solid #666
}

    hr.hr1 {
        border-top: 3px double #666
    }

    hr.hr2 {
        border-top: 1px dashed #666
    }

    hr.hr3 {
        border-top: 1px dotted #666
    }

    hr.hr4 {
        background-color: #fff;
        border-top: 2px dashed #666
    }

    hr.hr5 {
        background-color: #fff;
        border-top: 2px dotted #666
    }

    hr.hr6 {
        border-top: 1px solid #666;
        border-bottom: 1px solid #fff
    }

    hr.hr7 {
        border-top: 1px solid #666;
        border-bottom: 1px solid #fff
    }

img.img_rounded {
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

img.img_circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.single_setting .thumbnail {
    position: relative;
    margin: 1%;
    display: block;
    padding: 0;
    float: left;
    width: 31.33333%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 767px) {
    .single_setting .thumbnail {
        float: none;
        display: inline-block;
        width: 98%;
        margin: 1% auto
    }
}

.single_setting .thumbnail img {
    position: absolute;
    top: 0;
    left: 0
}

.single_setting .thumbnail:nth-child(1) .imgOuter {
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .single_setting .thumbnail:nth-child(1) .imgOuter:before {
        display: block;
        content: "";
        padding-top: 100%
    }

    .single_setting .thumbnail:nth-child(1) .imgOuter img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.single_setting .thumbnail:nth-child(2) .imgOuter {
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .single_setting .thumbnail:nth-child(2) .imgOuter:before {
        display: block;
        content: "";
        padding-top: 75%
    }

    .single_setting .thumbnail:nth-child(2) .imgOuter img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.single_setting .thumbnail:nth-child(3) .imgOuter {
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .single_setting .thumbnail:nth-child(3) .imgOuter:before {
        display: block;
        content: "";
        padding-top: 56.25%
    }

    .single_setting .thumbnail:nth-child(3) .imgOuter img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.img-container {
    height: 400px;
    width: 100%;
    position: relative
}

@media screen and (max-width: 991px) {
    .img-container {
        height: 280px;
        width: 100%
    }
}

.img-container a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

    .img-container a .caption {
        position: absolute;
        width: 100%;
        height: 3em;
        background: rgba(0,0,0,0.45);
        padding: 1em .5em .5em;
        font-size: 1.125em;
        color: #FFF;
        margin: 0;
        text-align: center;
        bottom: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (max-width: 991px) {
    .img-container a .caption {
        height: 5em;
        width: 100%;
        left: 0;
        padding: 1em 1em;
        text-align: center
    }
}

.img-container img {
    width: 100%;
    height: 100%
}

.img-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ie-object-cover, .ie-object-fill, .ie-object-contain {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat
}

    .ie-object-cover img, .ie-object-fill img, .ie-object-contain img {
        opacity: 0;
        width: 0px;
        height: 0px
    }

.ie-object-cover {
    background-size: cover
}

.ie-object-fill {
    background-size: auto
}

.ie-object-contain {
    background-size: contain
}

.fill {
    object-fit: fill
}

.contain {
    object-fit: contain
}

.cover {
    object-fit: cover
}

.none {
    object-fit: none
}

.scale-down {
    object-fit: scale-down
}

.tabSet {
    max-width: 100%;
    margin: 0px 15px 1.5em;
    overflow: hidden;
    overflow: hidden;
    *zoom: 1
}

@media screen and (max-width: 991px) {
    .tabSet {
        max-width: 100%;
        width: auto;
        height: auto !important;
        margin: 1.5em auto
    }
}

.tabs {
    position: relative
}

@media screen and (max-width: 991px) {
    .tabs {
        position: relative
    }
}

.tabs > .tabItem {
    float: left;
    border: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: bold
}

    .tabs > .tabItem.active > a {
        background-color: #8d450c;
        color: #FFF
    }

@media screen and (max-width: 991px) {
    .tabs > .tabItem {
        float: none
    }

        .tabs > .tabItem > a {
            width: 100% !important;
            border-bottom: 1px solid #FFF
        }

        .tabs > .tabItem.active > a {
            border-color: #bbb
        }
}

.tabs > .tabItem > a {
    display: block;
    padding: 16px 0 20px;
    text-align: center;
    background-color: #32384c;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

    .tabs > .tabItem > a:hover {
        background: #eb7314
    }

.example-2 .tabItem > a:hover {
    background: #32384c
}

.example-2 .tabItem.active > a {
    background: #32384c
}

.active + .tabContent {
    display: block
}

.tabContent {
    position: absolute;
    background: #f6f6f6;
    top: auto;
    left: 0;
    right: 0;
    clear: both;
    padding: 30px 20px;
    display: none;
    text-align: left
}

@media screen and (max-width: 991px) {
    .tabContent {
        position: static
    }
}

.tabContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1.6
}

.tabContent li {
    margin: 0 0 1.3em 0;
    padding: 0;
    position: relative;
    border-bottom: 1px #CCC dashed
}

@media screen and (max-width: 991px) {
    .tabContent li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.tabContent li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 150px);
    text-align: left;
    display: inline-block;
    position: relative;
    padding: 0 0 0 15px
}

    .tabContent li a:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        transform: rotate(45deg);
        border: 2px solid #666;
        border-left: none;
        border-bottom: none;
        top: .5em;
        left: 0
    }

    .tabContent li a span.new_tag {
        position: absolute;
        right: 0;
        font-size: .875em
    }

.tabContent li time {
    display: block;
    margin: 0 0 0 1em;
    font-size: .813em;
    text-align: right;
    color: #666;
    width: 100px;
    position: absolute;
    right: 0;
    top: 0
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: .5em
}

    table[border="1"] th, table[border="1"] td {
        border: 1px solid #DDD
    }

    table[border="2"] th, table[border="2"] td {
        border: 2px solid #DDD
    }

    table[border="3"] th, table[border="3"] td {
        border: 3px solid #DDD
    }

    table[border="4"] th, table[border="4"] td {
        border: 4px solid #DDD
    }

    table[border="5"] th, table[border="5"] td {
        border: 5px solid #DDD
    }

    table[border="6"] th, table[border="6"] td {
        border: 6px solid #DDD
    }

@media screen and (max-width: 575px) {
    table {
        width: 100%;
        position: relative
    }
}

table th, table td {
    padding: .5em;
    text-align: left
}

table td {
    word-break: break-all
}

    table td a {
        word-break: break-all
    }

table th {
    color: #333;
    text-align: center;
    white-space: nowrap
}

table.table_hover tr:hover {
    background: #F3F3F3
}

table.table_sprite tr:nth-child(even) {
    background: #F5F5F5
}

@media screen and (max-width: 575px) {
    .table_list {
        background-color: transparent !important
    }

        .table_list thead, .table_list tbody, .table_list th, .table_list td, .table_list tr {
            display: block
        }

            .table_list thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px
            }

        .table_list tr {
            border: 1px solid #ccc;
            margin-bottom: 10px
        }

        .table_list td {
            border: none !important;
            border-bottom: 1px solid #eee !important;
            position: relative;
            padding-left: 35% !important;
            white-space: normal;
            text-align: left
        }

            .table_list td:before {
                content: attr(data-title);
                position: absolute;
                top: .5em;
                left: .5em;
                width: 30%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                color: #000
            }
}

@media screen and (max-width: 991px) {
    .table_wrapper {
        width: 100%;
        display: block;
        overflow: hidden;
        *zoom: 1;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0)
    }

        .table_wrapper table {
            width: 100%;
            min-width: 545px
        }
}

.form_grid {
    margin: .5em
}

    .form_grid .form_grp {
        border-bottom: 1px solid #DDD;
        overflow: hidden;
        padding: .5em 0
    }

    .form_grid .form_title {
        float: left;
        width: 100%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 5px
    }

@media (min-width: 992px) {
    .form_grid .form_title {
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    .form_grid .form_title {
        float: left;
        width: 25%
    }
}

@media (min-width: 1400px) {
    .form_grid .form_title {
        float: left;
        width: 25%
    }
}

.form_grid .form_content {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .form_grid .form_content {
        float: left;
        width: 75%
    }
}

@media (min-width: 992px) {
    .form_grid .form_content {
        float: left;
        width: 75%
    }
}

@media (min-width: 1400px) {
    .form_grid .form_content {
        float: left;
        width: 75%
    }
}

.form_content select.form_inline {
    width: auto;
    display: inline-block
}

label, legend {
    display: inline-block;
    margin: 0 0 .5em 0
}

@media screen and (max-width: 575px) {
    label, legend {
        display: block
    }
}

label.inline input, label.inline select, label.inline textarea, legend.inline input, legend.inline select, legend.inline textarea {
    width: auto
}

fieldset {
    border: none;
    padding: 0;
    margin: 0
}

input, textarea, select, button {
    color: #222;
    font-size: 1em;
    border: 1px solid #CCC;
    padding: .5em;
    background: #fff;
    vertical-align: middle;
    margin-bottom: .3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: border,.2s,ease-out;
    -o-transition: border,.2s,ease-out;
    -webkit-transition: border,.2s,ease-out;
    transition: border,.2s,ease-out;
    -moz-transition: box-shadow,.2s,ease-out;
    -o-transition: box-shadow,.2s,ease-out;
    -webkit-transition: box-shadow,.2s,ease-out;
    transition: box-shadow,.2s,ease-out
}

input, select, textarea {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    select::-ms-expand {
        display: none
    }

    input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder {
        color: #666
    }

    input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="file"]::-moz-placeholder {
        color: #666
    }

    input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder {
        color: #666
    }

    input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="file"]:-moz-placeholder {
        color: #666
    }

    button, input[type="button"] {
        background: #8d450c;
        border: 1px solid #5e2e08;
        color: #FFF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus {
            background: #a5510e;
            cursor: pointer;
            color: #FFF
        }

        button.active, input[type="button"].active {
            background: #a5510e;
            cursor: pointer
        }

        button:focus, input[type="button"]:focus {
            background: #5e2e08;
            outline: none
        }

    input[type="submit"] {
        background: #8d450c;
        border: 1px solid #5e2e08;
        color: #FFF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        input[type="submit"]:hover, input[type="submit"]:focus {
            background: #a5510e;
            cursor: pointer;
            color: #FFF
        }

        input[type="submit"].active {
            background: #a5510e;
            cursor: pointer
        }

        input[type="submit"]:focus {
            background: #5e2e08;
            outline: none
        }

textarea {
    color: #222;
    font-size: 1em;
    border: 1px solid #CCC;
    padding: .5em;
    background: #fff;
    vertical-align: middle;
    margin-bottom: .3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: border,.2s,ease-out;
    -o-transition: border,.2s,ease-out;
    -webkit-transition: border,.2s,ease-out;
    transition: border,.2s,ease-out;
    -moz-transition: box-shadow,.2s,ease-out;
    -o-transition: box-shadow,.2s,ease-out;
    -webkit-transition: box-shadow,.2s,ease-out;
    transition: box-shadow,.2s,ease-out;
    height: 5em;
    overflow-y: scroll
}

@media screen and (max-width: 575px) {
    textarea {
        width: 100%
    }
}

input[type="text"]:focus, input[type="reset"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input:focus, button:focus, textarea:focus, select:focus {
    border: 2px solid #03f;
    outline: none
}

select {
    line-height: 2.4em;
    height: 2.4em;
    padding: 0 24px 0 .5em;
    border: 1px solid #CCC;
    background: #fff url(../images/basic/icon_select_arrow.svg) no-repeat right center;
    background-size: 20px
}

    select option {
        outline: none;
        border: none
    }

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000
    }

input[type="reset"] {
    background: #666;
    border: 1px solid #4d4d4d;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none
}

    input[type="reset"]:hover, input[type="reset"]:focus {
        background: #737373;
        cursor: pointer;
        color: #FFF
    }

    input[type="reset"].active {
        background: #737373;
        cursor: pointer
    }

    input[type="reset"]:focus {
        background: #4d4d4d;
        outline: none
    }

input[type="checkbox"], input[type="radio"] {
    font-size: 1em;
    margin: -4px .2em 0 0;
    width: 1em;
    height: 1em;
    background-color: #f7f6ee;
    border: 2px solid #CCC
}

input[type="radio"] {
    border-radius: 50%
}

    input[type="checkbox"]:checked, input[type="radio"]:checked {
        border-color: #32384c;
        background-color: #32384c
    }

input[type="checkbox"]:checked {
    background-image: url(../images/basic/icon_checked.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 98%;
    box-shadow: #32384c 0 0 0 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

    input[type="checkbox"]:checked:focus {
        box-shadow: #03f 0 0 0 3px
    }

input[type="radio"]:checked {
    box-shadow: #fff 0 0 0 3px inset,#32384c 0 0 0 1px
}

    input[type="radio"]:checked:focus {
        box-shadow: #fff 0 0 0 2px inset,#03f 0 0 0 2px
    }

input[readonly], input[disable] {
    background: #f2f2f2;
    color: #b3b3b3;
    border-color: #b3b3b3
}

    input[readonly] ~ label, input[disable] ~ label {
        color: #b3b3b3
    }

    input[readonly]:hover, input[disable]:hover {
        border-color: #b3b3b3;
        box-shadow: none
    }

    input[readonly]:focus, input[disable]:focus {
        box-shadow: 0 0px 0px 0px #03f inset !important
    }

.upload_grp {
    position: relative
}

    .upload_grp input[readonly], .upload_grp input[disable] {
        background: transparent;
        color: #666
    }

    .upload_grp .upload_btn {
        position: absolute;
        overflow: hidden;
        top: 1px;
        right: 3px;
        background: #8d450c;
        border: 1px solid #5e2e08;
        color: #FFF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: .2em 1em !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        .upload_grp .upload_btn:hover, .upload_grp .upload_btn:focus {
            background: #a5510e;
            cursor: pointer;
            color: #FFF
        }

        .upload_grp .upload_btn.active {
            background: #a5510e;
            cursor: pointer
        }

        .upload_grp .upload_btn:focus {
            background: #5e2e08;
            outline: none
        }

        .upload_grp .upload_btn:hover {
            cursor: pointer !important
        }

        .upload_grp .upload_btn:focus {
            box-shadow: 0 0px 0px 2px #03f inset !important;
            background: #FCC211 !important;
            color: #000 !important
        }

input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

form .attention {
    color: #555;
    font-size: .813em;
    margin: .1em 0
}

form .form_grp, form .check_grp, form .radio_grp, form .btn_grp, form .upload_grp {
    margin-bottom: .2em
}

    form .check_grp label, form .radio_grp label {
        display: block
    }

        form .check_grp label input[type="text"], form .radio_grp label input[type="text"] {
            display: inline-block;
            width: auto;
            font-size: .813em;
            min-width: 10em;
            padding: .3em .5em
        }

    form .check_grp.form_inline label, form .radio_grp.form_inline label {
        display: inline-block;
        margin: .2em .5em 0 0
    }

    form .form_grp.form_inline label, form .upload_grp.form_inline label {
        display: inline-block;
        margin-right: .5em
    }

    form .form_grp.form_inline input, form .form_grp.form_inline textarea, form .form_grp.form_inline select, form .upload_grp.form_inline input, form .upload_grp.form_inline textarea, form .upload_grp.form_inline select {
        width: auto
    }

form.form_inline label {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em
}

    form.form_inline label ~ input, form.form_inline label ~ textarea {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

form.form_inline input[type="text"], form.form_inline input[type="password"], form.form_inline select, form.form_inline textarea {
    width: auto;
    display: inline-block
}

form.form_inline .form_grp, form.form_inline .check_grp, form.form_inline .radio_grp, form.form_inline .btn_grp, form.form_inline .upload_grp {
    display: inline-block;
    margin-right: .5em
}

    form.form_inline .btn_grp .btn, form.form_inline .btn_grp input[type="submit"], form.form_inline .btn_grp input[type="reset"], form.form_inline .btn_grp input[type="button"], form.form_inline .btn_grp input[type="search"] {
        margin-top: -3px;
        padding: .45em 1em
    }

form.form_inline select, form.form_inline textarea {
    width: auto
}

img.captcha {
    display: inline-block;
    vertical-align: middle;
    max-height: 2.4em;
    margin-bottom: .5em
}

    img.captcha + input {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    img.captcha ~ img {
        display: inline-block;
        vertical-align: middle;
        max-height: 2.4em;
        margin-bottom: .5em
    }

    img.captcha ~ .btn {
        margin-top: 0
    }

#fileblock input:disabled {
    border: solid 1px #cccccc;
    color: #333;
    background: #f2f2f2
}

    #fileblock input:disabled:hover {
        background: #ccc
    }

[class^="i_"]:before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: middle;
    speak: none;
    margin-right: .5em
}

.i_invert:before {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.i_apple:before {
    background-image: url(../images/icon/icon_apple.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_arrow_left:before {
    background-image: url(../images/icon/icon_arrow_left.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_arrow_right:before {
    background-image: url(../images/icon/icon_arrow_right.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_bookmark:before {
    background-image: url(../images/icon/icon_bookmark.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_chat:before {
    background-image: url(../images/icon/icon_chat.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_check:before {
    background-image: url(../images/icon/icon_check.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_clock:before {
    background-image: url(../images/icon/icon_clock.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_close:before {
    background-image: url(../images/icon/icon_close.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_edit:before {
    background-image: url(../images/icon/icon_edit.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_facebook:before {
    background-image: url(../images/icon/icon_facebook.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_googleplus:before {
    background-image: url(../images/icon/icon_googleplus.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_grid:before {
    background-image: url(../images/icon/icon_grid.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_heart:before {
    background-image: url(../images/icon/icon_heart.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_home:before {
    background-image: url(../images/icon/icon_home.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_info:before {
    background-image: url(../images/icon/icon_info.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_link:before {
    background-image: url(../images/icon/icon_link.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_linkedin:before {
    background-image: url(../images/icon/icon_linkedin.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_lock:before {
    background-image: url(../images/icon/icon_lock.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_mail:before {
    background-image: url(../images/icon/icon_mail.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_rss:before {
    background-image: url(../images/icon/icon_rss.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_setting:before {
    background-image: url(../images/icon/icon_setting.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_star:before {
    background-image: url(../images/icon/icon_star.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_twitter:before {
    background-image: url(../images/icon/icon_twitter.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_video:before {
    background-image: url(../images/icon/icon_video.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_vimeo:before {
    background-image: url(../images/icon/icon_vimeo.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_youtube:before {
    background-image: url(../images/icon/icon_youtube.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_tag:before {
    background-image: url(../images/icon/icon_tag.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_view:before {
    background-image: url(../images/icon/icon_view.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

.i_search:before {
    background-image: url(../images/icon/icon_search.svg);
    background-size: cover;
    margin-top: -0.1em;
    margin-bottom: .1em
}

body {
    -webkit-text-size-adjust: none
}

.img-container a:focus-visible:before {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0px 0px 3px #03f inset;
    content: "";
    z-index: 1;
    top: 0;
    left: 0
}

.vertical_picture_link a:focus-visible:before {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0px 0px 3px #03f inset;
    content: "";
    z-index: 1;
    top: 0;
    left: 0
}

a:focus-visible {
    outline: none;
    box-shadow: 0 0px 0px 2px #03f inset;
    background: #FCC211 !important;
    color: #000 !important
}

.btn:focus-visible {
    outline: none;
    box-shadow: 0 0px 0px 3px #8d450c
}

.accesskey {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 9;
    color: #222;
    font-size: 1em;
    display: block;
    padding: .3em .5em .5em;
    border-radius: 4px;
    line-height: 1em
}

    .accesskey:hover, .accesskey:focus-visible {
        background: rgba(0,0,0,0.5);
        color: #FFF
    }

@media screen and (max-width: 991px) {
    .accesskey {
        display: none
    }
}

[class^="col"] span.tag {
    display: inline-block;
    height: 1.6em;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    background: #666;
    line-height: 1.6em;
    min-width: 5em;
    padding: 0 .5em;
    font-size: .938em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: .5em;
    margin-bottom: 3px
}

[class^="col"] span.new_tag {
    width: auto;
    min-width: 3em;
    font-style: italic;
    background: #eb0012
}

[class^="col"] span.red {
    background: #eb0012
}

[class^="col"] span.green {
    background: #468146
}

[class^="col"] span.blue {
    background: #0b7eb1
}

[class^="col"] span.orange {
    background: #bd5b0a
}

[class^="col"] span.purple {
    background: #923daf
}

a.more {
    display: block;
    width: 10em;
    text-align: center;
    height: 2.5em;
    margin: .5em auto .5em;
    line-height: 2.5;
    color: #666;
    border: 1px solid #AAA;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

    a.more:after {
        content: "";
        width: 12px;
        height: 12px;
        border: 2px solid #FFF;
        transform: rotate(45deg);
        position: absolute;
        right: -10px;
        top: 14px;
        border-left: none;
        border-bottom: none;
        transition: .3s ease-out
    }

    a.more:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ff8426;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    a.more:hover, a.more.active {
        border: 1px solid #ff8426;
        color: white
    }

        a.more:hover:before, a.more.active:before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        a.more:hover:after, a.more.active:after {
            right: 15px
        }

    a.more:focus-visible {
        border: 1px solid #03f !important;
        box-shadow: 0 0px 0px 1px #03f inset;
        background: #FCC211 !important;
        color: #000 !important
    }

.scrollToTop {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(../images/basic/top.png) no-repeat center top #BD5B0A;
    opacity: .8;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    transition: .3s ease-out;
    display: none;
    z-index: 99999999;
    text-indent: -999999px
}

    .scrollToTop:hover {
        opacity: 1;
        background: url(../images/basic/top.png) no-repeat center top #fcc211
    }

    .scrollToTop:focus-visible {
        opacity: 1;
        background: url(../images/basic/top.png) no-repeat center top #fcc211 !important
    }

.helper {
    width: 60px;
    position: fixed;
    right: 10px;
    bottom: 70px;
    z-index: 99999999;
    font-size: 0;
    transition: .3s ease-in;
    line-height: 1
}

    .helper img {
        max-width: 100%
    }

    .helper:hover {
        transform: translateY(-3px)
    }

img.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.necessary {
    color: #E60801;
    margin: 0px .2em;
    border-bottom: none !important;
    text-decoration: none
}

    .necessary:first-child a {
        color: #E60801 !important
    }

.tooltip {
    text-align: center;
    padding: 40px 0
}

    .tooltip span {
        display: inline-block;
        background: #DEDEDE;
        text-align: center;
        padding: 10px;
        width: 100px;
        height: 20px;
        line-height: 20px;
        vertical-align: baseline
    }

    .tooltip p > em {
        color: red
    }

.hr_block {
    text-align: left
}

    .hr_block span {
        font-size: .75em
    }

    .hr_block hr {
        margin: 10px 0 !important
    }

.file_download {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1
}

    .file_download h3 {
        font-size: 1.5em;
        padding: 12px 0px 15px 0px;
        margin: 0.5em 0px 0.2em;
        border-bottom: 1px solid #8d450c
    }

    .file_download ul {
        counter-reset: counter;
        list-style-type: none;
        padding: 0;
        margin-left: 1em
    }

@media screen and (max-width: 767px) {
    .file_download ul {
        margin-left: 0
    }
}

.file_download li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: .5em;
    border-bottom: 1px solid #DDD;
    overflow: hidden
}

    .file_download li .update, .file_download li .file_view {
        font-size: .813em;
        color: #666;
        min-width: 100px;
        white-space: nowrap;
        float: left;
        margin-top: 5px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background: #F1F1F1;
        padding: .2em 1em;
        margin-right: 1em
    }

@media screen and (max-width: 767px) {
    .file_download li .update, .file_download li .file_view {
        display: inline-block;
        float: none;
        width: auto;
        margin-top: 0
    }
}

@media screen and (max-width: 575px) {
    .file_download li .update, .file_download li .file_view {
        display: none
    }
}

.file_download li .update {
    width: 150px;
    margin-left: 65px
}

@media screen and (max-width: 767px) {
    .file_download li .update {
        margin-left: 5px
    }
}

.file_download li a {
    padding: .2em 0px .2em 65px;
    position: relative;
    height: auto;
    line-height: 1.45em;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

    .file_download li a:before {
        position: absolute;
        top: 5px;
        left: 0px;
        text-align: left;
        width: 50px;
        counter-increment: counter;
        content: counters(counter,".") " . "
    }

@media screen and (max-width: 991px) {
    .file_download li a {
        margin-right: 0px;
        width: 85%
    }
}

.file_download li a .kb {
    font-size: .75em;
    color: #666;
    display: inline-block;
    margin: 0px .5em
}

.file_download li a:after {
    content: "";
    background: url(../images/basic/icon_other.jpg);
    width: 21px;
    height: 24px;
    position: absolute;
    top: 2px;
    left: 35px;
    text-align: right
}

.file_download li a[href$="doc"]:after, .file_download li a[href$="docx"]:after {
    background: url(../images/basic/icon_doc.jpg)
}

.file_download li a[href$="odf"]:after {
    background: url(../images/basic/icon_odf.jpg)
}

.file_download li a[href$="odt"]:after {
    background: url(../images/basic/icon_odt.jpg)
}

.file_download li a[href$="pdf"]:after {
    background: url(../images/basic/icon_pdf.jpg)
}

.file_download li a[href$="xls"]:after, .file_download li a[href$="xlsx"]:after {
    background: url(../images/basic/icon_xls.jpg)
}

.file_download li a[href$="ppt"]:after, .file_download li a[href$="pptx"]:after {
    background: url(../images/basic/icon_ppt.jpg)
}

.file_download li a[href$="jpg"]:after {
    background: url(../images/basic/icon_jpg.jpg)
}

.file_download li a[href$="mp3"]:after {
    background: url(../images/basic/icon_mp3.jpg)
}

.file_download li a[href$="mov"]:after {
    background: url(../images/basic/icon_mov.jpg)
}

.file_download li a[href$="txt"]:after {
    background: url(../images/basic/icon_txt.jpg)
}

.file_download li a[href$="dot"]:after {
    background: url(../images/basic/icon_doc.jpg)
}

.file_download li a[href$="zip"]:after {
    background: url(../images/basic/icon_zip.jpg)
}

.file_download li a:hover {
    color: #8d450c !important
}

.file_download li a:focus-visible {
    color: #000 !important
}

.web_link {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1
}

    .web_link h3 {
        font-size: 1.5em;
        padding: 12px 0px 15px 0px;
        margin: 0.5em 0px 0.2em;
        border-bottom: 1px solid #8d450c
    }

    .web_link ol, .web_link ul {
        counter-reset: counter;
        list-style-type: none;
        padding: 0;
        margin-left: 1em
    }

@media screen and (max-width: 767px) {
    .web_link ol, .web_link ul {
        margin-left: 0
    }
}

.web_link li {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE
}

    .web_link li a {
        padding: .2em 0px .2em 35px;
        position: relative;
        height: auto;
        line-height: 1.45em;
        display: block
    }

        .web_link li a:before {
            position: absolute;
            top: 5px;
            left: 0px;
            text-align: right;
            width: 30px;
            counter-increment: counter;
            content: counters(counter,".") " . "
        }

.hidden {
    display: none
}

.pic {
    overflow: hidden
}

    .pic img {
        transition: .3s ease-out
    }

    .pic:hover img, .pic:focus-visible img {
        transform: scale(1.1)
    }

blockquote {
    margin: 0px auto;
    clear: both;
    background: #f9f9f9;
    padding: 1em
}

.header {
    position: absolute;
    z-index: 99;
    width: 100%;
    margin: 0px auto
}

    .header input[type="submit"] {
        box-shadow: none
    }

    .header.header-relative {
        position: relative
    }

@media screen and (max-width: 991px) {
    .header {
        overflow: hidden;
        *zoom: 1;
        position: fixed;
        width: 100%;
        -moz-box-shadow: 0px 1px 3px RGBA(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 1px 3px RGBA(0, 0, 0, 0.3);
        box-shadow: 0px 1px 3px RGBA(0, 0, 0, 0.3)
    }
}

.header > .container .sidebarCtrl, .header > .container .searchCtrl {
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    top: 0px;
    display: block;
    font-size: 0em;
    padding: 15px;
    margin: 0;
    min-width: auto;
    min-height: auto;
    background: transparent;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .header > .container .sidebarCtrl, .header > .container .searchCtrl {
        display: block !important
    }
}

.header > .container {
    max-width: 1100px;
    overflow: visible;
    margin: 0px auto;
    -moz-box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.3);
    background: #FFF;
    position: relative;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff, #DDD);
    background: linear-gradient(to bottom, #ffffff,#dddddd)
}

@media screen and (max-width: 991px) {
    .header > .container {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #FFF
    }
}

.header > .container .sidebarCtrl {
    display: none;
    left: 0px
}

    .header > .container .sidebarCtrl span {
        position: absolute;
        background: #8d450c;
        width: 50%;
        height: 4px;
        top: 35%;
        left: 50%;
        margin-left: -25%;
        display: block
    }

        .header > .container .sidebarCtrl span:nth-child(2) {
            top: 50%
        }

        .header > .container .sidebarCtrl span:nth-child(3) {
            top: 65%
        }

    .header > .container .sidebarCtrl:focus-visible {
        box-shadow: 0 0px 0px 2px #03f inset;
        background: #FCC211 !important
    }

.header > .container button {
    border-radius: 0 !important
}

.header > .container .searchCtrl {
    display: none;
    right: 0px;
    font-size: 0em;
    width: 60px;
    height: 60px;
    background: #8d450c;
    border-radius: 0 !important
}

    .header > .container .searchCtrl:focus-visible {
        box-shadow: 0 0px 0px 2px #03f inset;
        background: #FCC211 !important;
    }

    .header > .container .searchCtrl:before {
        width: 40px;
        height: 40px;
        background: url(../images/basic/icon_search_inverse.png) no-repeat center center;
        background-size: 32px;
        opacity: .8;
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        display: block;
        z-index: 2
    }

    /*.header > .container .searchCtrl:after {
        background: #8d450c;
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }*/

.header h1 {
    float: left;
    width: 500px;
    height: 80px;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .header h1 a {
        display: inline-block
    }

    .header h1 img {
        display: block;
        max-width: 500px;
        max-height: 80px
    }

@media screen and (max-width: 991px) {
    .header h1 {
        padding: 0px 60px;
        width: 100%;
        text-align: center;
        height: 60px
    }

        .header h1 img {
            object-fit: contain;
            margin: 0px auto;
            width: 100%;
            height: 60px;
            max-height: 60px;
            max-width: 100%;
            transform: scale(0.9)
        }
}

.header .navigation {
    overflow: hidden;
    *zoom: 1;
    overflow: hidden;
    margin-bottom: 0em;
    width: auto;
    display: block;
    padding-right: 150px;
    position: relative;
    font-size: .938em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .header .navigation {
        min-width: auto;
        width: auto;
        display: none
    }
}

.header .navigation ul {
    float: right;
    padding: 0;
    margin: 0;
    font-size: .938em;
    list-style: none
}

    .header .navigation ul.left_nav {
        float: left;
        margin-left: 2em
    }

.header .navigation li {
    float: left;
    margin: 0 .1em
}

    .header .navigation li a {
        display: block;
        padding: .5em .2em;
        text-decoration: none
    }

        .header .navigation li a:hover, .header .navigation li a:focus {
            color: #8d450c
        }

@media screen and (max-width: 991px) {
    .header .navigation li a:after {
        display: none
    }
}

.header .navigation .font-size {
    position: absolute;
    right: 15px;
    top: 0;
    width: 140px
}

    .header .navigation .font-size ul {
        text-align: left
    }

        .header .navigation .font-size ul li {
            padding-top: .25em;
            float: left
        }

            .header .navigation .font-size ul li a {
                padding: 0;
                width: 3em;
                height: 2em;
                padding: .25em .1em;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: center;
                display: block
            }

                .header .navigation .font-size ul li a:hover, .header .navigation .font-size ul li a:focus {
                    background: #8d450c;
                    -moz-border-radius: 6px;
                    -webkit-border-radius: 6px;
                    border-radius: 6px;
                    color: #FFF
                }

                .header .navigation .font-size ul li a:after {
                    display: none
                }

                .header .navigation .font-size ul li a.active {
                    background: #8d450c;
                    -moz-border-radius: 6px;
                    -webkit-border-radius: 6px;
                    border-radius: 6px;
                    color: #FFF
                }

@media screen and (max-width: 991px) {
    .header .navigation .font-size {
        display: none
    }
}

.search {
    display: block;
    z-index: 9999;
    padding: .5em;
    float: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .search label {
        font-size: 0em
    }

@media screen and (max-width: 991px) {
    .search {
        display: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px
    }
}

.search .form_grp {
    margin-bottom: 0;
    margin-right: 0 !important
}

    .search .form_grp input {
        margin: -0.2em 0 0;
        padding: .2em 35px .2em .5em
    }

        .search .form_grp input[type="submit"] {
            font-size: 0em;
            width: 30px !important;
            height: 30px;
            max-width: 100%;
            min-width: 30px;
            background: url(../images/icon_search.png) no-repeat center center;
            background-size: 24px;
            border: none;
            display: inline-block;
            margin-left: -40px !important;
            margin-top: -2px !important;
            opacity: .8;
            position: absolute
        }

            .search .form_grp input[type="submit"]:hover {
                opacity: 1
            }

            .search .form_grp input[type="submit"]:focus {
                opacity: 1;
                box-shadow: 0px 0px 0px 2px #03f;
                outline: none
            }

.search .btn_grp {
    padding: .2em;
    margin-bottom: 0
}

    .search .btn_grp input, .search .btn_grp input[type="submit"] {
        margin: 0;
        padding: .4em 1em .4em !important;
        font-size: .813em;
        box-shadow: none;
        background: #FCC211;
        border-color: #FCC211;
        color: #333
    }

        .search .btn_grp input:hover, .search .btn_grp input[type="submit"]:hover {
            background: #f0b603;
            border-color: #f0b603
        }

        .search .btn_grp input:focus, .search .btn_grp input[type="submit"]:focus {
            opacity: 1;
            box-shadow: 0px 0px 0px 2px #03f;
            outline: none
        }

.search .keywordHot {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em;
    padding: .1em 0 .3em
}

    .search .keywordHot ul {
        display: inline-block;
        font-size: .813em;
        line-height: 1.65em;
        margin: 0;
        padding: 0
    }

        .search .keywordHot ul li {
            margin: 0 .6em 0 0;
            padding: 0;
            display: inline-block
        }

        .search .keywordHot ul a {
            color: #333
        }

            .search .keywordHot ul a:hover, .search .keywordHot ul a:focus {
                color: #8d450c;
                text-decoration: underline
            }

.search.m_search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto;
    padding: .2em .3em 1em;
    display: block;
    height: auto;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 98;
    background: #333
}

    .search.m_search label {
        font-size: 0em;
        line-height: 0
    }

    .search.m_search .form_grp {
        width: 65%;
        height: auto;
        padding: 0 0 0 5% !important;
        margin-top: 0;
        text-align: right;
        float: left;
        height: 50px;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .search.m_search .form_grp input {
            width: 100%;
            margin: -0.2em 0 0;
            padding: .5em 45px .4em .5em
        }

            .search.m_search .form_grp input[type="submit"] {
                font-size: 0em;
                width: 36px !important;
                height: 36px;
                padding: 0;
                max-width: 100%;
                min-width: 36px;
                background: url(../images/icon_search.png) no-repeat center center;
                background-size: 24px;
                border: none;
                display: inline-block;
                position: absolute;
                right: 5px;
                top: 22px;
                opacity: .8
            }

                .search.m_search .form_grp input[type="submit"]:hover, .search.m_search .form_grp input[type="submit"]:focus {
                    opacity: 1
                }

    .search.m_search .btn_grp {
        display: inline-block;
        padding: .2em;
        margin-bottom: 0;
        width: 20%;
        margin-top: 20px;
        padding-left: 5%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .search.m_search .btn_grp input {
            padding: .6em 1em .7em !important;
            margin: 0
        }

    .search.m_search .keywordHot {
        padding-left: 5%;
        margin-top: 10px;
        overflow: hidden;
        *zoom: 1
    }

        .search.m_search .keywordHot a {
            color: #FFF
        }

            .search.m_search .keywordHot a:hover, .search.m_search .keywordHot a:focus {
                color: #8d450c
            }

.header.fixed {
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    -moz-box-shadow: 0px 1px 3px RGBA(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 1px 3px RGBA(0, 0, 0, 0.8);
    box-shadow: 0px 1px 3px RGBA(0, 0, 0, 0.8);
    background: #763a0a;
    z-index: 999
}

@media screen and (max-width: 991px) {
    .header.fixed {
        background: #FFF
    }
}

.header.fixed .menu > ul > li > a {
    color: #FFF
}

.menu {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 2.5em;
    position: relative;
    z-index: 99;
    clear: both
}

@media screen and (max-width: 991px) {
    .menu {
        padding: 0;
        display: none
    }
}

.menu:before {
    height: 1px;
    background: #CCC;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: ""
}

@media screen and (max-width: 991px) {
    .menu:before {
        display: none
    }
}

.menu > ul {
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1399px) {
    .menu > ul {
        text-align: left
    }
}

.menu > ul > li {
    display: inline-block;
    vertical-align: top;
    min-width: 8em
}

    .menu > ul > li > a {
        display: block;
        padding: 0 1em;
        min-height: 2.5em;
        text-align: left;
        font-weight: bold;
        line-height: 2.5em
    }

.menu > ul ul {
    display: none;
    overflow: visible;
    width: 200px;
    background: rgba(0,0,0,0.8);
    padding: 0;
    z-index: 999999;
    position: absolute;
    top: auto;
    left: 0;
    list-style: none;
    text-align: left;
    animation: showMenu .3s ease-out
}

    .menu > ul ul ul {
        top: 0;
        left: 170px;
        animation: none
    }

.menu li {
    position: relative
}

    .menu li a {
        display: block;
        outline: none;
        text-decoration: none
    }

    .menu li li {
        float: none
    }

        .menu li li a {
            padding: .3em 1.2em;
            color: #FFF;
            font-size: .938em
        }

            .menu li li a:hover, .menu li li a:focus-visible {
                background: #8d450c
            }

        .menu li li.hasChild > ul {
            z-index: 999
        }

        .menu li li.hasChild > a {
            padding-right: 2em
        }

            .menu li li.hasChild > a:hover, .menu li li.hasChild > a:focus-visible {
                background: #8d450c
            }

            .menu li li.hasChild > a:after {
                content: '';
                position: absolute;
                right: 10px;
                top: 1.3em;
                width: 6px;
                height: 6px;
                border: 2px solid #FFF;
                transform: rotate(45deg);
                border-bottom: none;
                border-left: none
            }

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999;
    display: none;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .sidebar > .menu_overlay {
        background: RGBA(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 9;
        display: none;
        overflow-x: hidden !important;
        overflow-y: auto !important
    }

    .sidebar .m_area {
        margin-left: -280px;
        width: 280px;
        padding-top: 3em;
        position: absolute;
        top: 0;
        left: 0;
        padding-bottom: 3em;
        height: 100%;
        background: #8d450c;
        overflow: hidden;
        overflow-y: auto;
        z-index: 9999;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .sidebar .m_area:before {
            content: "";
            width: 280px;
            position: absolute;
            top: 0;
            left: 0;
            color: #FFF;
            width: 100%;
            height: 3em;
            background: #8d450c;
            padding: 0 1em;
            line-height: 3em;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .sidebar .m_area .menu {
            width: 100%;
            -moz-box-shadow: 0px 0px 4px RGBA(0, 0, 0, 0.4);
            -webkit-box-shadow: 0px 0px 4px RGBA(0, 0, 0, 0.4);
            box-shadow: 0px 0px 4px RGBA(0, 0, 0, 0.4);
            margin-bottom: 1em;
            background: #CCC;
            display: block
        }

            .sidebar .m_area .menu li {
                display: block;
                float: none;
                width: 100%
            }

                .sidebar .m_area .menu li ul {
                    background: #FFF
                }

                .sidebar .m_area .menu li > a {
                    padding: .5em 1em;
                    background: #FFF;
                    line-height: 2em;
                    min-height: 2em;
                    height: auto;
                    border-bottom: 1px solid #CCC
                }

                .sidebar .m_area .menu li.hasChild > a {
                    padding: .5em 1em !important;
                    color: #222;
                    background: #FFF;
                    line-height: 2em;
                    min-height: 2em;
                    padding-right: 36px;
                    position: relative
                }

                    .sidebar .m_area .menu li.hasChild > a:after {
                        content: '';
                        position: absolute;
                        right: 16px;
                        top: 1.2em;
                        width: 5px;
                        line-height: 1.25em;
                        height: 5px;
                        border: 2px solid #222;
                        transform: rotate(45deg);
                        border-top: none;
                        border-left: none;
                        transition: .3s
                    }

                .sidebar .m_area .menu li li {
                    background: #FFF
                }

                    .sidebar .m_area .menu li li a {
                        padding: .7em 1em .7em 2em !important;
                        background: rgba(0,0,0,0.05)
                    }

                        .sidebar .m_area .menu li li a:hover, .sidebar .m_area .menu li li a:focus-visible {
                            color: #000;
                            background: rgba(0,0,0,0.15)
                        }

                        .sidebar .m_area .menu li li a:after {
                            display: none
                        }

                    .sidebar .m_area .menu li li.hasChild a {
                        background: rgba(0,0,0,0.05);
                        padding: .7em 1em .7em 2em !important;
                        line-height: 1.5em;
                        min-height: 1.5em
                    }

                        .sidebar .m_area .menu li li.hasChild a:hover, .sidebar .m_area .menu li li.hasChild a:focus-visible {
                            background: rgba(0,0,0,0.15)
                        }

            .sidebar .m_area .menu a {
                display: block;
                color: #333;
                text-decoration: none;
                transition: .4s
            }

        .sidebar .m_area .font-size {
            display: none
        }

    .sidebar .menu ul ul {
        display: none;
        width: 100%;
        margin: 0 0 0 -1px;
        background: rgba(0,0,0,0.09);
        font-size: .938em;
        position: relative
    }

        .sidebar .menu ul ul a {
            padding-left: 2em
        }

        .sidebar .menu ul ul ul {
            display: none;
            left: 0
        }

    .sidebar .navigation {
        position: relative;
        display: block;
        text-align: left;
        padding-right: 0
    }

        .sidebar .navigation ul {
            float: none;
            width: 90%;
            margin: 1em auto;
            padding: 0;
            overflow: hidden;
            list-style: none;
            border: 1px solid rgba(255,255,255,0.5);
            border-bottom: none;
            border-right: none
        }

        .sidebar .navigation li {
            float: none;
            margin: 0;
            padding: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .sidebar .navigation li a {
                display: block;
                height: 3em;
                line-height: 2em;
                padding: .5em 1em;
                font-size: .938em;
                color: #FFF;
                font-weight: bold;
                text-decoration: none;
                border: 1px solid rgba(255,255,255,0.5);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

                .sidebar .navigation li a:nth-child(odd) {
                    border-left: none;
                    border-top: none
                }

                .sidebar .navigation li a:hover, .sidebar .navigation li a:focus-visible {
                    background: #2f1704;
                    color: #fff
                }

    .sidebar button.sidebarClose {
        position: absolute;
        display: block;
        width: 3em !important;
        height: 3em !important;
        padding: 0;
        min-width: auto;
        top: 0px;
        right: 0px;
        margin: 0;
        text-indent: -9999px;
        border: none;
        background: none;
        border: none
    }

        .sidebar button.sidebarClose:before {
            position: absolute;
            width: 15px;
            height: 15px;
            border: 3px solid #eee;
            content: "";
            top: 15px;
            right: 10px;
            transform: rotate(45deg);
            border-right: none;
            border-top: none
        }

        .sidebar button.sidebarClose:focus-visible {
            box-shadow: 0 0px 0px 2px #03f inset;
            background: #FCC211 !important
        }

@keyframes showMenu {
    0% {
        left: 20px
    }

    100% {
        left: 0px
    }
}

footer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    font-size: 0.813em;
    padding: 2em 0 1em;
    background: #3d3229;
    color: #FFF;
    clear: both
}

    footer .container {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        footer .container > div {
            padding-bottom: 1em
        }

    footer a {
        text-decoration: none;
        color: #FCC211
    }

        footer a:hover {
            color: #fff
        }

        footer a:focus {
            box-shadow: 0 0px 0px 2px #03f inset;
            background: #FCC211 !important;
            color: #000 !important
        }

    footer .location {
        float: left;
        width: 100%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 113px;
        position: relative;
        min-height: 80px;
        font-size: 1rem
    }

@media (min-width: 992px) {
    footer .location {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    footer .location {
        float: left;
        width: 50%
    }
}

@media (min-width: 1400px) {
    footer .location {
        float: left;
        width: 50%
    }
}

footer .location a {
    font-size: 1em;
    margin-bottom: .5em;
    color: #fcc211
}

    footer .location a:hover, footer .location a:focus {
        color: #fff
    }

footer .location * {
    position: relative;
    z-index: 1
}

footer .location p {
    line-height: 1.75em
}

footer .location:after {
    content: "";
    width: 96%;
    height: 96%;
    position: absolute;
    left: 50%;
    margin-left: -48%;
    top: 2%;
    background: url(../images/icon_office.png) no-repeat left top;
    background-size: 80px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 0
}

footer .contact {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px;
    position: relative;
    padding-left: 100px;
    font-size: 1rem
}

@media (min-width: 992px) {
    footer .contact {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    footer .contact {
        float: left;
        width: 50%
    }
}

@media (min-width: 1400px) {
    footer .contact {
        float: left;
        width: 50%
    }
}

footer .contact a[href^="tel"] {
    font-size: 1em;
    margin-bottom: .5em;
    color: #f2f2f2;
    position: relative
}

    footer .contact a[href^="tel"]:hover {
        color: #FFF
    }

    footer .contact a[href^="tel"]:focus {
        color: #000 !important;
        background: #FCC211 !important
    }

        footer .contact a[href^="tel"]:focus:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: 0px 0px 0px 2px #03f inset;
            z-index: 9
        }

footer .contact * {
    position: relative;
    z-index: 1
}

footer .contact p {
    line-height: 1.75em
}

footer .contact:after {
    content: "";
    width: 96%;
    height: 96%;
    position: absolute;
    left: 50%;
    margin-left: -48%;
    top: 2%;
    background: url(../images/icon_tel.png) no-repeat left top;
    background-size: 80px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 0
}

footer .qrcode {
    float: left;
    width: 66.66667%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    footer .qrcode {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 992px) {
    footer .qrcode {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 1400px) {
    footer .qrcode {
        float: left;
        width: 8.33333%
    }
}

footer .qrcode img {
    max-width: 75px
}

footer .footer_info {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    footer .footer_info {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    footer .footer_info {
        float: left;
        width: 50%
    }
}

@media (min-width: 1400px) {
    footer .footer_info {
        float: left;
        width: 50%
    }
}

footer .footer_icon {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    footer .footer_icon {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 992px) {
    footer .footer_icon {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 1400px) {
    footer .footer_icon {
        float: left;
        width: 41.66667%
    }
}

footer .footer_icon span {
    display: block
}

footer .footer_icon img {
    max-height: 40px
}

footer .footer_icon a {
    margin-right: .5em
}

footer .footer_link {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    *zoom: 1
}

    footer .footer_link li {
        float: left;
        display: block;
        margin: 0px 15px 5px 0px
    }

        footer .footer_link li a {
            display: block;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-transition: all,.3s,ease-out;
            -o-transition: all,.3s,ease-out;
            -webkit-transition: all,.3s,ease-out;
            transition: all,.3s,ease-out;
            color: #fcc211
        }

            footer .footer_link li a:hover, footer .footer_link li a:focus {
                color: #FFF
            }

footer p {
    line-height: 1.65em;
    margin: .3em 0
}

footer .update, footer .counter {
    display: inline-block;
    margin-right: 5px
}

    footer .update em, footer .counter em {
        font-style: normal;
        color: #FCC211;
        padding: 0 .5em
    }

footer .footer_icon a {
    display: inline-block;
    vertical-align: top;
    position: relative
}

    footer .footer_icon a:focus:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: 0px 0px 0px 1px #FCC211 inset;
        z-index: 9
    }

footer .footer_icon img {
    max-width: 120px
}

.fatfooter nav {
    max-width: 100%
}

    .fatfooter nav > ul > li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 14%
    }

@media screen and (max-width: 991px) {
    .fatfooter nav > ul > li {
        width: 12%
    }
}

@media screen and (max-width: 991px) {
    .fatfooter nav > ul > li {
        width: 95%;
        margin: 0px auto 3px
    }
}

@media (max-width: 767px) {
    .fatfooter {
        display: none
    }
}

.fatfooter {
    overflow: hidden;
    *zoom: 1;
    overflow: hidden;
    position: relative;
    padding-bottom: 2em;
    margin-left: auto;
    background: #594639;
    margin-right: auto;
    padding-top: .5em;
    clear: both
}

    .fatfooter .container {
        position: relative;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .fatfooter .btn-fatfooter {
        font-size: .813em;
        cursor: pointer;
        display: inline-block;
        width: 140px;
        color: #FFF;
        border: none;
        background: #3d3229;
        position: absolute;
        right: 1%;
        z-index: 990;
        font-weight: bold;
        top: .5em;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        .fatfooter .btn-fatfooter:hover {
            background: #BD5B0A;
            text-decoration: none;
            cursor: pointer;
            border: none;
            outline: none;
            border: none;
            color: #fff
        }

        .fatfooter .btn-fatfooter:focus {
            box-shadow: 0 0px 0px 2px #fff inset;
            background: #BD5B0A !important;
            color: #fff !important
        }

    .fatfooter nav {
        clear: both;
        color: #fff;
        overflow: hidden;
        display: block;
        position: relative;
        padding: 0;
        padding-top: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .fatfooter nav ul {
            list-style: none;
            margin: 0;
            overflow: hidden;
            width: 100%;
            padding: 0
        }

@media (max-width: 767px) {
    .fatfooter nav ul {
        width: 100%;
        display: block;
        margin: 0px auto
    }
}

.fatfooter nav ul li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1em -3px;
    line-height: 2.6em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .fatfooter nav ul li:nth-child(7n+1) {
        margin-left: 0
    }

@media (max-width: 767px) {
    .fatfooter nav ul li {
        display: block
    }
}

.fatfooter nav ul li a {
    text-align: left;
    line-height: 1.65em;
    display: block;
    font-weight: 800;
    padding: 1%;
    border-radius: 4px;
    color: #fddd7b
}

    .fatfooter nav ul li a:hover {
        color: #fff6da;
        text-decoration: none;
        box-shadow: none
    }

    .fatfooter nav ul li a:focus {
        box-shadow: 0 0px 0px 2px #03f inset
    }

.fatfooter nav ul li ul {
    padding: 0;
    margin-top: 5px;
    overflow: hidden
}

@media (max-width: 767px) {
    .fatfooter nav ul li ul {
        width: auto;
        padding-left: 5%
    }
}

.fatfooter nav ul li ul li {
    display: block;
    margin: 0;
    padding: 2px 0;
    border: none;
    background: none;
    width: 100%
}

    .fatfooter nav ul li ul li a {
        display: block;
        color: #fff;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
        font-size: .938em;
        font-weight: normal;
        line-height: 1.4em;
        padding: 3px 8px 3px 8px;
        background: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: none
    }

.fatfooter nav ul li ul ul {
    display: none
}

.function ul li.icon_back a:before, .function ul li.icon_print a:before, .function ul li.icon_forward a:before, .function ul li.icon_subscribe a:before {
    vertical-align: middle;
    content: "";
    width: 1.2em;
    height: 1.2em;
    margin-right: .2em;
    display: inline-block
}

.function {
    margin: 0px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .function ul {
        padding: 0;
        margin: 0
    }

        .function ul li {
            list-style: none;
            display: block;
            float: left;
            margin: 0 3px 3px 0
        }

            .function ul li button, .function ul li a {
                font-size: .813em;
                display: block;
                padding: .2em 1em;
                background: #666;
                border-color: #666;
                color: #FFF;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px
            }

                .function ul li button:hover, .function ul li button:focus, .function ul li a:hover, .function ul li a:focus {
                    background: #4d4d4d;
                    border-color: #4d4d4d
                }

            .function ul li.icon_back a:before {
                background: url(../images/basic/icon_back.svg) no-repeat center center;
                background-size: cover
            }

@media screen and (max-width: 991px) {
    .function ul li.icon_print {
        display: none
    }
}

.function ul li.icon_print a:before {
    background: url(../images/basic/icon_print.svg) no-repeat center center;
    background-size: cover
}

.function ul li.icon_forward a:before {
    background: url(../images/basic/icon_forward.svg) no-repeat center center;
    background-size: cover
}

.function ul li.icon_subscribe a:before {
    background: url(../images/basic/icon_subscribe.svg) no-repeat center center;
    background-size: cover
}

.modal {
    position: fixed;
    display: none;
    width: 400px;
    height: 300px;
    background: #FFF;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -200px;
    padding: 1em 1em 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 35px RGBA(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 1px 35px RGBA(0, 0, 0, 0.75);
    box-shadow: 1px 1px 35px RGBA(0, 0, 0, 0.75);
    animation: scaleUp .4s ease-out
}

    .modal h2 {
        border-bottom: 1px solid #8d450c;
        padding-bottom: .5em
    }

    .modal .close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px !important;
        min-width: auto;
        height: 30px;
        font-size: 0em;
        border: none;
        display: block;
        padding: 0;
        background: url(../images/basic/icon_close.svg) no-repeat center center
    }

        .modal .close:hover, .modal .close:focus {
            cursor: pointer
        }

@keyframes scaleUp {
    0% {
        transform: scale(1) translateY(-100px);
        opacity: 0
    }

    10% {
        transform: scale(1) translateY(-100px);
        opacity: 0
    }

    100% {
        transform: scale(1) translateY(0px);
        opacity: 1
    }
}

.modal_overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: RGBA(0, 0, 0, 0.5);
    z-index: 99999998
}

.pagination {
    margin: 10px auto 5px;
    padding: 0px;
    display: block;
    text-align: center;
    clear: both;
    font-size: .938em;
    overflow: hidden;
    *zoom: 1
}

    .pagination span {
        color: #8d450c;
        margin: 0px .5em
    }

    .pagination .page {
        margin: 10px 0;
        padding: 0
    }

        .pagination .page li {
            display: inline-block;
            min-width: 40px;
            height: 40px;
            margin-bottom: 5px;
            list-style: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .pagination .page li a {
                border-radius: 5px;
                padding: 6px 10px;
                font-weight: 800;
                display: block;
                white-space: nowrap;
                font-size: 1em;
                color: #222;
                background-color: #f7f7f7;
                *zoom: 1;
                filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFEAEAEA');
                background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
                background-size: 100%;
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7),color-stop(100%, #eaeaea));
                background-image: -moz-linear-gradient(top, #f7f7f7 0%,#eaeaea 100%);
                background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#eaeaea 100%);
                background-image: linear-gradient(to bottom, #f7f7f7 0%,#eaeaea 100%);
                border: #ccc solid 1px
            }

                .pagination .page li a:hover {
                    background: #8d450c;
                    color: #fff !important;
                    border: #8d450c solid 1px
                }

                .pagination .page li a:focus {
                    background: #FCC211 !important;
                    box-shadow: 0 0px 0px 2px #03f inset;
                    color: #000 !important
                }

            .pagination .page li.active a {
                color: #fff !important;
                background: #8d450c;
                border: #8d450c solid 1px
            }

                .pagination .page li.active a:focus {
                    background: #FCC211 !important;
                    box-shadow: 0 0px 0px 2px #03f inset;
                    color: #000 !important
                }

    .pagination .total {
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center
    }

@media screen and (max-width: 991px) {
    .pagination .total {
        flex-wrap: wrap
    }
}

.pagination .total select {
    margin: 0px .5em
}

@media screen and (max-width: 991px) {
    .pagination .total select {
        margin: 0px
    }
}

.pagination .total > label {
    vertical-align: initial;
    margin: 0
}

.pagination .total > button, .pagination .total > .btn {
    margin: 0px .5em
}

@media (max-width: 767px) {
    .pagination .total select.form-control {
        margin: 0px 0px;
        text-align: center
    }
}

.thumbnail {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .thumbnail {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .thumbnail {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .thumbnail {
        float: left;
        width: 33.33333%
    }
}

.thumbnail a {
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #DDD;
    padding: .5em
}

    .thumbnail a:hover, .thumbnail a:focus {
        border: 1px solid #8d450c
    }

.thumbnail .imgOuter {
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .thumbnail .imgOuter:before {
        display: block;
        content: "";
        padding-top: 75%
    }

    .thumbnail .imgOuter img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

.thumbnail .caption {
    max-width: 90%;
    margin: 0px auto
}

.category {
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2em auto
}

    .category ul {
        padding: 0;
        margin: 0;
        overflow: hidden
    }

        .category ul li {
            margin: 0px 3px 3px 0px;
            display: block;
            float: left
        }

    .category a {
        background: #8d450c;
        padding: .4em 1em;
        display: block;
        color: #FFF;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

        .category a:hover, .category a:focus {
            background: #5e2e08
        }

.gallery .lightbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: none
}

    .gallery .lightbox .galler_overlay {
        position: fixed;
        background: rgba(0,0,0,0.8);
        width: 100vw;
        height: 100vh;
        z-index: 1;
        display: block
    }

    .gallery .lightbox .caption {
        color: #FFF;
        position: absolute;
        bottom: 0px;
        text-align: center;
        z-index: 999999;
        width: 60%;
        height: 8%;
        left: 50%;
        margin-left: -30%;
        line-height: 1.3em
    }

    .gallery .lightbox .light_prev, .gallery .lightbox .light_next {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 0px;
        width: 80px;
        height: 30px;
        line-height: 30px;
        font-size: .938em;
        color: #FFF;
        z-index: 999;
        text-align: center;
        background: rgba(0,0,0,0.8);
        transition: .3s ease-out
    }

    .gallery .lightbox .light_next {
        right: 0px;
        left: auto
    }

        .gallery .lightbox .light_prev:hover, .gallery .lightbox .light_next:hover {
            background: #FFF;
            color: #000;
            cursor: pointer
        }

    .gallery .lightbox .light_close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 80px;
        height: 30px;
        color: #FFF;
        line-height: 30px;
        font-size: .938em;
        z-index: 999;
        background: rgba(0,0,0,0.8);
        transition: .3s ease-out;
        text-align: center
    }

        .gallery .lightbox .light_close:hover {
            background: #FFF;
            color: #000;
            cursor: pointer
        }

    .gallery .lightbox img {
        max-width: 80vw;
        max-height: 80vh;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.share {
    margin: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .share ul {
        list-style-type: none;
        padding: 0
    }

        .share ul li {
            width: 30px;
            height: 30px;
            display: inline-block;
            text-align: left;
            margin: 0px 3px 3px
        }

@media screen and (max-width: 991px) {
    .share ul li {
        margin: 0px 1px 2px;
        width: 30px;
        height: 30px
    }
}

.share ul li img {
    width: 100%;
    height: 100%
}

*[class^="notice"] {
    padding: .4em 2em .4em 2em;
    display: block;
    font-size: .938em;
    margin: .2em 0;
    position: relative;
    color: #666;
    background-color: #f2f2f2;
    vertical-align: middle;
    position: relative;
    border-left: .5em solid #f2f2f2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    *[class^="notice"]:before {
        position: absolute;
        top: .7em;
        left: .5em;
        display: block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        content: ""
    }

        *[class^="notice"]:before img {
            width: 100%
        }

    *[class^="notice"] a.close {
        position: absolute;
        width: 20px;
        height: 20px;
        top: .4em;
        right: 1em;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5
    }

        *[class^="notice"] a.close:hover, *[class^="notice"] a.close:focus {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1
        }

        *[class^="notice"] a.close img {
            width: 12px;
            height: 12px;
            margin-left: 4px
        }

*[class*="notice_info"] {
    border: none;
    color: #00529B;
    background-color: #BDE5F8;
    border-left: .5em solid #BDE5F8
}

    *[class*="notice_info"]:before {
        background: url(../images/basic/icon_info.svg) no-repeat center center;
        background-size: 15px
    }

*[class*="notice_success"] {
    border: none;
    color: #4F8A10;
    background-color: #DFF2BF;
    border-left: .5em solid #DFF2BF
}

    *[class*="notice_success"]:before {
        background: url(../images/basic/icon_success.svg) no-repeat center center;
        background-size: 15px
    }

*[class*="notice_warning"] {
    border: none;
    color: #CE5605;
    background-color: #FEEFB3;
    border-left: .5em solid #FEEFB3
}

    *[class*="notice_warning"]:before {
        background: url(../images/basic/icon_warning.svg) no-repeat center center;
        background-size: 15px
    }

*[class*="notice_error"] {
    border: none;
    color: #D8000C;
    background-color: #FFD2D2;
    border-left: .5em solid #FFD2D2
}

    *[class*="notice_error"]:before {
        background: url(../images/basic/icon_error.svg) no-repeat center center;
        background-size: 15px
    }

body {
    overflow-x: hidden !important;
    background: #F1F1F1
}

    body.noscroll {
        position: static !important;
        width: 100%;
        height: 100%;
        overflow: hidden !important;
        overflow-y: hidden !important;
        margin: 0;
        padding: 0
    }

.wrapper {
    width: 100%;
    margin: 0px auto
}

@media screen and (max-width: 991px) {
    .wrapper {
        background: #FFF
    }
}

.container {
    padding: 0;
    margin: 0 auto;
    max-width: 1100px
}

.main {
    position: relative;
    margin: 0 auto;
    padding: 0
}

@media screen and (max-width: 991px) {
    .main {
        padding-top: 55px;
        margin-top: 0
    }
}

.main h2 {
    line-height: 1.25em
}

.main > section {
    padding: 1em 0;
    text-align: center;
    clear: both
}

    .main > section .col {
        position: relative
    }

    .main > section:first-of-type {
        padding-top: 8em;
        padding-bottom: 0
    }

@media screen and (max-width: 991px) {
    .main > section:first-of-type {
        padding-top: 3em;
        padding-bottom: 2em;
        margin: 0
    }
}

.main > section h2.title {
    padding: .4em 0;
    text-align: center;
    position: relative
}

.main button, .main input[type="button"] {
    box-shadow: none
}

.main .accesskey {
    top: 400px
}

.innerpage {
    background: #F1F1F1
}

@media screen and (max-width: 991px) {
    .innerpage {
        padding-top: 5em
    }
}

.innerpage > .container {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .innerpage > .container {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.innerpage .main_menu {
    float: left;
    width: 100%;
    background: #472306;
    background: -webkit-linear-gradient(top, #472306, #bc5c10);
    background: linear-gradient(to bottom, #472306,#bc5c10);
    margin-top: 1em
}

@media (min-width: 992px) {
    .innerpage .main_menu {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .innerpage .main_menu {
        float: left;
        width: 25%
    }
}

@media (min-width: 1400px) {
    .innerpage .main_menu {
        float: left;
        width: 25%
    }
}

@media screen and (max-width: 991px) {
    .innerpage .main_menu {
        display: none
    }
}

.innerpage .main_menu ~ .content {
    float: left;
    width: 100%
}

@media (min-width: 992px) {
    .innerpage .main_menu ~ .content {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .innerpage .main_menu ~ .content {
        float: left;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .innerpage .main_menu ~ .content {
        float: left;
        width: 100%
    }
}

.innerpage .main_menu h2 {
    background: #a5510e;
    padding: .8em;
    color: #FFF;
    margin: 0 0 1px 0
}

.innerpage .main_menu .menu {
    display: block
}

    .innerpage .main_menu .menu:before {
        display: none
    }

    .innerpage .main_menu .menu > ul > li:last-child > a {
        border-bottom: none
    }

    .innerpage .main_menu .menu > ul > li > a {
        height: 1.5em;
        line-height: 1.5em;
        position: relative;
        padding-left: 1.8em !important;
        transition: .3s ease-out;
        margin-bottom: 0;
        border-bottom: 1px solid RGBA(255, 255, 255, 0.4)
    }

        .innerpage .main_menu .menu > ul > li > a:hover, .innerpage .main_menu .menu > ul > li > a:focus {
            background: RGBA(0, 0, 0, 0.4) !important
        }

        .innerpage .main_menu .menu > ul > li > a:before {
            position: absolute;
            width: 4px;
            height: 4px;
            top: 1.2em;
            left: .7em;
            border: 2px solid #FFF;
            border-left: none;
            border-top: none;
            transform: rotate(315deg);
            content: ""
        }

        .innerpage .main_menu .menu > ul > li > a.hasChild > a:after {
            border-color: #FFF
        }

    .innerpage .main_menu .menu ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .innerpage .main_menu .menu ul ul {
            display: none;
            right: -200px;
            left: auto;
            top: 0em
        }

        .innerpage .main_menu .menu ul li {
            display: block;
            text-align: left;
            margin-bottom: 0
        }

            .innerpage .main_menu .menu ul li:last-child {
                border-bottom: none
            }

            .innerpage .main_menu .menu ul li a {
                display: block;
                padding: .8em 1em;
                color: #FFF;
                transition: .3s ease-out;
                line-height: 1.45em
            }

                .innerpage .main_menu .menu ul li a:hover, .innerpage .main_menu .menu ul li a:focus {
                    background: #8d450c
                }

.content {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 1px 1px 3px RGBA(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 3px RGBA(0, 0, 0, 0.4);
    box-shadow: 1px 1px 3px RGBA(0, 0, 0, 0.4);
    margin-bottom: 3em;
    background: #FFF;
    padding-top: 1em;
    padding-bottom: 3em;
    margin-top: 1em;
    min-height: 500px
}

@media (min-width: 992px) {
    .content {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .content {
        float: left;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .content {
        float: left;
        width: 100%
    }
}

@media screen and (min-width: 1400px) {
    .content {
        min-height: 650px
    }
}

@media screen and (max-width: 991px) {
    .content {
        min-height: auto;
        margin-top: 0px
    }
}

.content .function {
    margin: 0px 0 0 auto;
    position: relative;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .content .function {
        float: none;
        width: 100%;
        margin: 0 0 5px 0
    }
}

.content h2.title {
    position: relative;
    padding-left: .8em;
    padding-right: .8em;
    text-align: left
}

@media screen and (max-width: 991px) {
    .content h2.title {
        padding-right: .8em
    }
}

.content h2.title:before {
    content: "";
    width: 5px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: #8d450c
}

.content h2.title:after {
    content: "";
    width: 5px;
    height: 15px;
    position: absolute;
    top: 15px;
    left: 0;
    background: #FCC211
}

.content h3.title {
    padding: .4em 0;
    font-size: 1.25em;
    text-align: center;
    color: #32384c;
    position: relative;
    margin: .2em
}

.inner_image {
    width: 100%;
    min-height: 150px;
    color: #FFF;
    padding: 0em;
    text-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.5);
    background-color: #2b9991;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF2B9991', endColorstr='#FF634B89');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiOTk5MSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjMzk3Yzk3Ii8+PHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiM1OTZjYTgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzRiODkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2b9991),color-stop(33%, #397c97),color-stop(66%, #596ca8),color-stop(100%, #634b89));
    background-image: -moz-linear-gradient(left, #2b9991 0%,#397c97 33%,#596ca8 66%,#634b89 100%);
    background-image: -webkit-linear-gradient(left, #2b9991 0%,#397c97 33%,#596ca8 66%,#634b89 100%);
    background-image: linear-gradient(to right, #2b9991 0%,#397c97 33%,#596ca8 66%,#634b89 100%)
}

    .inner_image h2 {
        font-size: 2em;
        margin: .5em 0;
        position: relative;
        z-index: 1
    }

@media screen and (max-width: 991px) {
    .inner_image h2 {
        font-size: 1.5em
    }
}

.inner_image h3 {
    font-size: 1.5em;
    margin: .5em 0;
    position: relative;
    z-index: 1
}

    .inner_image h3 a {
        color: #32384c
    }

        .inner_image h3 a:hover, .inner_image h3 a:focus {
            color: #1e212d
        }

@media screen and (max-width: 991px) {
    .inner_image h3 {
        font-size: 1.2em
    }
}

@media screen and (max-width: 991px) {
    .inner_image {
        min-height: auto
    }
}

.inner_image .container {
    padding-top: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    position: relative
}

@media screen and (max-width: 991px) {
    .inner_image .container {
        height: auto
    }
}

.cp, .lp, .qp, .fp, .sitemap, .np {
    clear: both;
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .cp, .lp, .qp, .fp, .sitemap, .np {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.slick-prev {
    left: 3px
}

.slick-next {
    right: 3px
}

.single_photo .pic ~ p, .multi_photo ul li a p, .single_video p, .multi_video ul li p, .lp .card ul li p {
    font-size: .938em;
    margin: 0 auto .5em;
    width: 90%;
    display: block;
    color: #444
}

.text_block a.more, .lp .card ul li a.more {
    width: 100%;
    color: #FFF;
    background: #32384c;
    border: 1px solid #32384c
}

    .text_block a.more:focus-visible, .lp .card ul li a.more:focus-visible {
        background: #fcc211;
        border: 2px solid #03f;
        color: #000 !important
    }

        .text_block a.more:focus-visible:before, .lp .card ul li a.more:focus-visible:before {
            background: #fcc211
        }

.news_list ul li time, .news_card ul li time, .lp .card ul li time, .lp .list ul li time, .lp .list ul li .counter, .lp .list ol li time, .lp .list ol li .counter, .lp .album ul li .caption time, .lp .album ul li .caption .counter {
    font-size: .813em;
    margin: 0 auto .2em 0;
    max-width: 100px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    color: #666;
    padding: .1em 1em;
    vertical-align: middle;
    background: #F1F1F1
}

    .news_list ul li time:before, .news_card ul li time:before, .lp .card ul li time:before, .lp .list ul li time:before, .lp .list ul li .counter:before, .lp .list ol li time:before, .lp .list ol li .counter:before, .lp .album ul li .caption time:before, .lp .album ul li .caption .counter:before {
        display: inline-block;
        content: "";
        width: 12px;
        height: 15px;
        margin-right: .5em;
        background: url(../images/icon/icon_clock.svg) no-repeat center bottom;
        background-size: 10px;
        opacity: .5
    }

.dept_link {
    position: relative;
    text-align: center
}

    .dept_link .form_inline select {
        width: 70%;
        display: inline-block;
        vertical-align: middle;
        margin-top: .3em
    }

    .dept_link .form_inline label {
        display: none !important
    }

    .dept_link .form_inline .form_grp {
        width: 100%
    }

        .dept_link .form_inline .form_grp .btn_grp {
            width: 25%;
            margin: 0;
            padding: 0;
            display: inline-block;
            vertical-align: middle
        }

            .dept_link .form_inline .form_grp .btn_grp input {
                margin: 0 auto;
                padding: .4em;
                border-radius: 6px;
                min-width: 5em
            }

.accordion .pic {
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .accordion .pic:before {
        display: block;
        content: "";
        padding-top: 56.25%
    }

    .accordion .pic img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .accordion .pic img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .accordion .pic:hover img, .accordion .pic:focus-visible img {
        transform: none
    }

.accordion ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .accordion ul li {
        text-align: left;
        display: block;
        border-bottom: 1px solid #FFF
    }

        .accordion ul li a {
            display: block;
            background: url(../images/icon_plus.png) no-repeat right 12px #bc5c10;
            padding: 1em 1.5em 1em 1em;
            color: #FFF;
            position: relative
        }

            .accordion ul li a:hover {
                background: url(../images/icon_plus.png) no-repeat right 12px #32384c;
                box-shadow: none
            }

            .accordion ul li a:focus-visible {
                background: url(../images/icon_plus.png) no-repeat right 12px #fcc211 !important;
                box-shadow: 0 0px 0px 2px #03f inset
            }

            .accordion ul li a.active {
                background: url(../images/icon_minus.png) no-repeat right 12px #a5510e
            }

                .accordion ul li a.active:hover {
                    background: url(../images/icon_minus.png) no-repeat right 12px #3c435b;
                    box-shadow: none
                }

                .accordion ul li a.active:focus-visible {
                    background: url(../images/icon_minus.png) no-repeat right 12px #fcc211;
                    box-shadow: 0 0px 0px 2px #03f inset
                }

        .accordion ul li .accordion-content {
            position: relative;
            padding: 1em 1em 2em 1em;
            background: #FFF;
            line-height: 1.65em
        }

.chart {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 350px
}

@media screen and (max-width: 991px) {
    .chart {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.chart a {
    display: block
}

    .chart a:focus-visible {
        box-shadow: none !important;
        background: none !important;
        outline: solid 3px #03f
    }

.chart div:focus-visible {
    box-shadow: none !important;
    background: none !important;
    outline: solid 3px #03f
}

.chart iframe:focus-visible {
    box-shadow: none !important;
    background: none !important;
    outline: solid 3px #03f
}

.hot_service, .no-js .service {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .hot_service ul, .no-js .service ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center
    }

        .hot_service ul li, .no-js .service ul li {
            vertical-align: top;
            margin: 0px 0em 1em -4px;
            width: 16%;
            display: inline-block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center
        }

@media screen and (max-width: 991px) {
    .hot_service ul li, .no-js .service ul li {
        margin: 0px 0em 1em -4px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 32%
    }
}

@media screen and (max-width: 575px) {
    .hot_service ul li, .no-js .service ul li {
        margin: 0px 0 1em;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 49%
    }
}

.hot_service ul li a, .no-js .service ul li a {
    display: block
}

    .hot_service ul li a:hover .pic, .no-js .service ul li a:hover .pic, .hot_service ul li a:focus-visible .pic, .no-js .service ul li a:focus-visible .pic {
        background: #282d3d
    }

    .hot_service ul li a:hover h3 a, .no-js .service ul li a:hover h3 a, .hot_service ul li a:hover .heading-3 a, .no-js .service ul li a:hover .heading-3 a, .hot_service ul li a:focus-visible h3 a, .no-js .service ul li a:focus-visible h3 a, .hot_service ul li a:focus-visible .heading-3 a, .no-js .service ul li a:focus-visible .heading-3 a {
        color: #32384c
    }

.hot_service ul li .pic, .no-js .service ul li .pic {
    width: 100px;
    height: 100px;
    margin: 0 auto 1em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #888
}

    .hot_service ul li .pic img, .no-js .service ul li .pic img {
        margin: 20px auto 0;
        width: 60px;
        height: 60px
    }

.hot_service ul li h3, .no-js .service ul li h3, .hot_service ul li .heading-3, .no-js .service ul li .heading-3 {
    font-size: 1em;
    text-align: center;
    width: 80%;
    line-height: 1.5em;
    display: block;
    height: 4.5em;
    margin: 0px auto;
    overflow: hidden
}

.service {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .service ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .service ul .slick-prev {
            left: 3px
        }

        .service ul .slick-next {
            right: 3px
        }

        .service ul li {
            margin: 0px 1em;
            text-align: center
        }

            .service ul li a {
                display: block
            }

                .service ul li a:hover .pic, .service ul li a:focus-visible .pic {
                    background: #32384c
                }

                .service ul li a:hover h3 a, .service ul li a:hover .heading-3 a, .service ul li a:focus-visible h3 a, .service ul li a:focus-visible .heading-3 a {
                    color: #32384c
                }

            .service ul li .pic {
                width: 100px;
                height: 100px;
                margin: 0 auto 1em;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                background: #8d450c
            }

                .service ul li .pic img {
                    margin: 20px auto 0;
                    width: 60px;
                    height: 60px
                }

            .service ul li h3, .service ul li .heading-3 {
                font-size: 1em;
                text-align: center;
                width: 80%;
                line-height: 1.5em;
                display: block;
                height: 4.5em;
                margin: 0px auto;
                overflow: hidden
            }

.focus {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .focus ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left
    }

        .focus ul li {
            width: 30%;
            position: relative;
            height: 4em;
            -moz-box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.4);
            -webkit-box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.4);
            box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.4);
            display: block;
            margin: 0px 5% 1.5em 0;
            float: left
        }

            .focus ul li:nth-child(2n) .pic {
                background: #BD5B0A
            }

            .focus ul li:nth-child(3n) {
                margin-right: 0
            }

                .focus ul li:nth-child(3n) .pic {
                    background: #0B7EB1
                }

@media screen and (max-width: 991px) {
    .focus ul li:nth-child(3n) {
        margin: 0px 5% 1.5em 0
    }
}

@media screen and (max-width: 991px) {
    .focus ul li:nth-child(3n) {
        margin: 0 auto 1em
    }
}

.focus ul li:nth-child(4n) .pic {
    background: #468146
}

.focus ul li:nth-child(6n) .pic {
    background: #AA5AC5
}

@media screen and (max-width: 991px) {
    .focus ul li {
        width: 40%
    }

        .focus ul li:nth-child(2n) {
            margin-right: 0
        }
}

@media screen and (max-width: 991px) {
    .focus ul li {
        width: 80%;
        float: none;
        margin: 0 auto 1em;
        -moz-box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2);
        -webkit-box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2);
        box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.2)
    }

        .focus ul li:nth-child(2n) {
            margin-right: auto
        }

        .focus ul li:nth-child(3n) {
            margin: 0 auto 1em
        }
}

.focus ul li a {
    display: block;
    padding: 0px 1em 0px 4.5em;
    line-height: 4em;
    position: relative;
    margin-top: 0%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

    .focus ul li a:focus-visible:before {
        content: "";
        width: 100%;
        height: 100%;
        z-index: 9;
        box-shadow: 0px 0px 0px 3px #03f inset;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute
    }

    .focus ul li a .pic {
        position: absolute;
        width: 4em;
        height: 4em;
        top: 0;
        left: 0;
        background: #32384c
    }

        .focus ul li a .pic img {
            width: 60%;
            height: 60%;
            margin: 20% auto 0;
            display: block
        }

.case {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .case ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden
    }

        .case ul li {
            width: 50%;
            float: left;
            margin: 0;
            display: block;
            background: #FFF;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative
        }

@media screen and (max-width: 991px) {
    .case ul li {
        width: 90%;
        float: none;
        margin: 0 auto 1em;
        min-height: 300px;
        height: auto
    }
}

.case ul li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -moz-box-shadow: 0px 0px 0px 1px #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #FFF;
    box-shadow: 0px 0px 0px 1px #FFF
}

.case ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 1em;
    background: #FFF
}

    .case ul li a:hover {
        background: #32384c
    }

        .case ul li a:hover h3, .case ul li a:hover .heading-3 {
            color: #FFF
        }

        .case ul li a:hover span {
            color: #FFF
        }

    .case ul li a:focus-visible {
        box-shadow: 0 0px 0px 2px #03f inset;
        background: #FCC211 !important;
        color: #000 !important
    }

        .case ul li a:focus-visible h3, .case ul li a:focus-visible .heading-3 {
            color: #000
        }

        .case ul li a:focus-visible span {
            color: #000
        }

    .case ul li a .pic {
        position: relative;
        overflow: hidden;
        background: #DEDEDE;
        margin-bottom: 1em
    }

        .case ul li a .pic:before {
            display: block;
            content: "";
            padding-top: 56.25%
        }

        .case ul li a .pic img {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        .case ul li a .pic img {
            object-fit: cover;
            width: 100%;
            height: 100%
        }

    .case ul li a h3, .case ul li a .heading-3 {
        height: 3em;
        line-height: 1.5em;
        overflow: hidden;
        width: 90%;
        display: block;
        margin: 0px auto .5em;
        text-align: left
    }

    .case ul li a span {
        font-size: .938em;
        height: 3em;
        line-height: 1.5em;
        color: #888;
        width: 90%;
        display: block;
        text-align: left;
        background: none;
        margin: 0px auto .5em;
        overflow: hidden
    }

.fastlink {
    background: RGBA(0, 0, 0, 0.6);
    width: 50px;
    min-height: 200px;
    position: fixed;
    z-index: 999;
    right: 0;
    top: 20%;
    margin: 0;
    padding: 0 !important;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 0 0 6px
}

    .fastlink ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .fastlink ul li {
            width: 50px;
            height: 50px
        }

            .fastlink ul li a {
                display: block;
                padding: 0;
                height: 50px;
                position: relative;
                font-weight: bold;
                text-align: center;
                transition: .3s ease-out
            }

                .fastlink ul li a:before {
                    position: absolute;
                    content: attr(title);
                    width: 10em;
                    text-align: left;
                    right: -10em;
                    padding: 0 1em 0 1em;
                    height: 50px;
                    line-height: 50px;
                    background: #32384c;
                    color: #FFF;
                    font-size: .938em;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    display: none;
                    transition: .3s ease-out
                }

                .fastlink ul li a:hover:before {
                    display: block;
                    right: 0
                }

                .fastlink ul li a:focus-visible:before {
                    display: block;
                    right: 0;
                    box-shadow: 0 0px 0px 2px #03f inset
                }

            .fastlink ul li img {
                width: 24px;
                height: 24px;
                margin: 13px auto
            }

@media screen and (max-width: 991px) {
    .fastlink {
        display: none
    }
}

.main_banner {
    width: 100%;
    min-height: 560px;
    display: block;
    background: #DDD;
    resize: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 3em
}

    .main_banner .focus {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 0
    }

        .main_banner .focus ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .main_banner .focus ul li {
                width: 33.3333%;
                margin: 0;
                background: #ab7d1c;
                height: 8em;
                box-shadow: none;
                transition: .3s ease-out;
                line-height: 8em
            }

                .main_banner .focus ul li:nth-child(2) {
                    background: #7f5d14
                }

                .main_banner .focus ul li:nth-child(3) {
                    background: #604610
                }

                .main_banner .focus ul li:nth-child(4) {
                    background: #bc5c10
                }

                .main_banner .focus ul li:nth-child(5) {
                    background: #a04e0e
                }

                .main_banner .focus ul li:nth-child(6) {
                    background: #5e2e08
                }

                .main_banner .focus ul li:hover:nth-child(2) {
                    background: #694d11
                }

                .main_banner .focus ul li:hover:nth-child(3) {
                    background: #533d0d
                }

                .main_banner .focus ul li:hover:nth-child(4) {
                    background: #7a3c0a
                }

                .main_banner .focus ul li:hover:nth-child(5) {
                    background: #673309
                }

                .main_banner .focus ul li:hover:nth-child(6) {
                    background: #3d1e05
                }

                .main_banner .focus ul li a {
                    text-shadow: 1px 1px 3px RGBA(0, 0, 0, 0.5);
                    line-height: 1.8em !important;
                    vertical-align: middle;
                    white-space: normal;
                    color: #FFF;
                    font-size: 1.25em;
                    font-weight: bold;
                    height: 100%;
                    display: flex;
                    align-items: center
                }

                    .main_banner .focus ul li a .pic {
                        margin-top: 10%;
                        margin-left: .5em
                    }

@media screen and (max-width: 991px) {
    .main_banner .focus ul li a .pic {
        margin-top: 0%;
        margin-left: .2em
    }
}

.main_banner .focus ul li a .pic img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    margin: 0 auto
}

.main_banner .focus ul li a .pic {
    background: none;
    height: 3.5em;
    width: 3.5em
}

@media screen and (max-width: 991px) {
    .main_banner .focus {
        position: relative;
        margin: 1em auto
    }

        .main_banner .focus ul li {
            width: 100% !important;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            float: none;
            margin: 0px auto .5em !important;
            height: 4em !important;
            line-height: 4em !important
        }

            .main_banner .focus ul li a {
                height: 4em !important;
                line-height: 4em !important
            }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
    .main_banner .focus ul li a {
        height: 3.5em !important;
        line-height: 3.5em !important
    }
}

.main_banner a.more {
    background: rgba(0,0,0,0.3);
    color: #FFF;
    margin-top: 2em;
    border: 1px solid #AAA
}

    .main_banner a.more:before {
        background: rgba(0,0,0,0.5)
    }

.main_banner h2.title {
    font-size: 1.5em
}

    .main_banner h2.title:after {
        width: 100% !important;
        margin-left: 0 !important;
        left: 0 !important
    }

.main_banner + .main_banner {
    margin-top: 0
}

@media screen and (max-width: 991px) {
    .main_banner {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 460px
    }
}

.main_banner .container {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    line-height: 1.65em
}

    .main_banner .container .col {
        padding: 0 !important;
        position: relative;
        height: 100%;
        min-height: 280px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (max-width: 991px) {
    .main_banner .container .col {
        min-height: 1px !important
    }
}

@media screen and (max-width: 991px) {
    .main_banner .container {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .main_banner .container .col:nth-child(2) {
            position: relative;
            min-height: 1px;
            padding-left: 0;
            padding-right: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .main_banner .container .col:nth-child(3) {
            position: relative;
            min-height: 1px;
            padding-left: 0;
            padding-right: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .main_banner .container .col:nth-child(4) {
            position: relative;
            min-height: 1px;
            padding-left: 0;
            padding-right: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }
}

.main_banner .container .main_menu {
    background: #8d450c;
    background: -webkit-linear-gradient(top, #8d450c, #32384c);
    background: linear-gradient(to bottom, #8d450c,#32384c);
    position: relative;
    padding-top: 1em;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .main_banner .container .main_menu {
        display: none
    }
}

.main_banner .container .main_menu .menu {
    display: block
}

    .main_banner .container .main_menu .menu > ul > li > a {
        height: 1.5em;
        line-height: 1.5em;
        position: relative;
        padding-left: 1.8em !important;
        transition: .3s ease-out
    }

        .main_banner .container .main_menu .menu > ul > li > a:hover, .main_banner .container .main_menu .menu > ul > li > a:focus-visible {
            background: RGBA(0, 0, 0, 0.2) !important
        }

        .main_banner .container .main_menu .menu > ul > li > a:before {
            position: absolute;
            width: 4px;
            height: 4px;
            top: 1.2em;
            left: .7em;
            border: 2px solid #FFF;
            border-left: none;
            border-top: none;
            transform: rotate(315deg);
            content: ""
        }

    .main_banner .container .main_menu .menu ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .main_banner .container .main_menu .menu ul ul {
            display: none;
            right: -200px;
            left: auto;
            top: 0em
        }

        .main_banner .container .main_menu .menu ul li {
            display: block;
            text-align: left
        }

            .main_banner .container .main_menu .menu ul li:last-child {
                border-bottom: none
            }

            .main_banner .container .main_menu .menu ul li a {
                display: block;
                padding: .8em 1em;
                color: #FFF;
                transition: .3s ease-out;
                line-height: 1.45em
            }

                .main_banner .container .main_menu .menu ul li a:hover, .main_banner .container .main_menu .menu ul li a:focus-visible {
                    background: #8d450c
                }

.main_banner .container .slogan {
    margin: 6em 0 1.2em;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .main_banner .container .slogan {
        width: 100%;
        position: relative;
        text-align: center;
        top: 0em;
        font-size: 1em;
        margin: 1em auto
    }
}

.main_banner .container .slogan span {
    position: relative;
    font-size: 3em;
    color: #FFF;
    text-shadow: 0px 0px 2px #222, 0px 0px 3px #222, 0px 0px 5px #222, 0px 0px 7px #222, 0px 0px 8px #222
}

@media screen and (max-width: 991px) {
    .main_banner .container .slogan span {
        font-size: 2em
    }
}

.main_banner .container .slogan small {
    display: block;
    color: #FFF;
    margin-top: 2em;
    font-size: 1.5em;
    text-shadow: 0px 0px 2px #222, 0px 0px 3px #222, 0px 0px 5px #222, 0px 0px 7px #222, 0px 0px 8px #222
}

@media screen and (max-width: 991px) {
    .main_banner .container .slogan small {
        font-size: 1.5em
    }
}

.main_banner .container .slogan a.more {
    background: rgba(0,0,0,0.3);
    color: #FFF;
    margin-top: 2em;
    border: 1px solid #FFF
}

    .main_banner .container .slogan a.more:before {
        background: rgba(0,0,0,0.5)
    }

.main_banner .container .slogan ~ .mp_slider .img-container {
    height: 300px
}

@media screen and (max-width: 991px) {
    .main_banner .container .slogan ~ .mp_slider .img-container {
        height: auto
    }
}

@media screen and (max-width: 991px) {
    .main_banner .container .slogan ~ .mp_slider {
        background: #FFF
    }
}

.main_banner .main_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .main_banner .main_img img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.static_banner {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .static_banner a {
        display: block
    }

        .static_banner a:focus-visible {
            background: none !important;
            box-shadow: none !important
        }

            .static_banner a:focus-visible:before {
                position: absolute;
                width: 100%;
                height: 100%;
                box-shadow: 0 0px 0px 2px #03f inset;
                content: "";
                z-index: 1;
                top: 0;
                left: 0
            }

    .static_banner img {
        width: 100%
    }

.facebook {
    text-align: center;
    overflow: hidden;
    position: relative;
    text-align: center
}

    .facebook iframe {
        display: block;
        height: 380px;
        margin: 0px auto .5em;
        width: 340px;
        position: relative
    }

.performance {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .performance ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        margin-bottom: 1em
    }

        .performance ul li {
            float: left;
            width: 100%;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

@media (min-width: 992px) {
    .performance ul li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .performance ul li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .performance ul li {
        float: left;
        width: 33.33333%
    }
}

@media screen and (max-width: 575px) {
    .performance ul li {
        max-width: 320px;
        float: none;
        margin: 0px auto 1em
    }
}

.performance ul li .pic {
    position: relative;
    overflow: hidden;
    background: #DEDEDE;
    height: auto
}

    .performance ul li .pic:before {
        display: block;
        content: "";
        padding-top: 75%
    }

    .performance ul li .pic img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .performance ul li .pic img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.performance ul li h3, .performance ul li .heading-3 {
    display: block;
    background: #8d450c;
    color: #FFF;
    padding: .8em;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.performance ul li a {
    display: block
}

    .performance ul li a:hover h3, .performance ul li a:hover .heading-3, .performance ul li a:focus-visible h3, .performance ul li a:focus-visible .heading-3 {
        background: #5e2e08
    }

    .performance ul li a:focus-visible:before {
        position: absolute;
        width: 100%;
        height: 100%;
        box-shadow: 0 0px 0px 3px #03f inset;
        content: "";
        z-index: 1;
        top: 0;
        left: 0
    }

.single_photo {
    padding-bottom: .5em;
    text-align: left
}

    .single_photo .pic {
        position: relative;
        overflow: hidden;
        background: #DEDEDE
    }

        .single_photo .pic:before {
            display: block;
            content: "";
            padding-top: 75%
        }

        .single_photo .pic img {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        .single_photo .pic img {
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .single_photo .pic + h3, .single_photo .pic + .heading-3 {
            display: block;
            margin: .5em auto;
            line-height: 1.5em;
            text-align: left;
            width: 90%
        }

            .single_photo .pic + h3 a, .single_photo .pic + .heading-3 a {
                color: #32384c
            }

                .single_photo .pic + h3 a:hover, .single_photo .pic + h3 a:focus-visible, .single_photo .pic + .heading-3 a:hover, .single_photo .pic + .heading-3 a:focus-visible {
                    color: #1e212d
                }

.multi_photo ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .multi_photo ul li {
        margin: 0px 1em;
        padding: .5em;
        min-height: 250px;
        border: 1px solid #DDD;
        background: #FFF;
        text-align: left;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
        box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15)
    }

        .multi_photo ul li a {
            display: block
        }

            .multi_photo ul li a h3, .multi_photo ul li a .heading-3 {
                width: 90%;
                overflow: hidden;
                display: block;
                height: 3em;
                margin: .5em auto;
                line-height: 1.5em;
                text-align: left;
                color: #32384c
            }

                .multi_photo ul li a h3:hover, .multi_photo ul li a h3:focus-visible, .multi_photo ul li a .heading-3:hover, .multi_photo ul li a .heading-3:focus-visible {
                    color: #1e212d
                }

        .multi_photo ul li .pic {
            position: relative;
            overflow: hidden;
            background: #DEDEDE;
            width: 100%
        }

            .multi_photo ul li .pic:before {
                display: block;
                content: "";
                padding-top: 75%
            }

            .multi_photo ul li .pic img {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                margin: auto
            }

            .multi_photo ul li .pic img {
                object-fit: cover;
                width: 100%;
                height: 100%
            }

.multi_photo .slick-prev {
    left: 3px;
    background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.5) !important;
    background-size: 30px 30px !important
}

    .multi_photo .slick-prev:hover, .multi_photo .slick-prev:focus-visible {
        background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.8) !important;
        background-size: 30px 30px !important
    }

.multi_photo .slick-next {
    right: 3px;
    background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.5) !important;
    background-size: 30px 30px !important
}

    .multi_photo .slick-next:hover, .multi_photo .slick-next:focus-visible {
        background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.8) !important;
        background-size: 30px 30px !important
    }

.single_video {
    background: #FFF;
    padding-bottom: .5em;
    text-align: left
}

    .single_video .youtube {
        position: relative;
        overflow: hidden;
        background: #DEDEDE;
        width: 100%
    }

        .single_video .youtube:before {
            display: block;
            content: "";
            padding-top: 75%
        }

        .single_video .youtube img {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        .single_video .youtube iframe {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0
        }

    .single_video .pic {
        position: relative;
        overflow: hidden;
        background: #DEDEDE;
        width: 100%;
        display: block
    }

        .single_video .pic:before {
            display: block;
            content: "";
            padding-top: 56.25%
        }

        .single_video .pic img {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        .single_video .pic img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%
        }

        .single_video .pic:after {
            content: "";
            width: 48px;
            height: 48px;
            background: url(../images/icon_play.png) no-repeat center center;
            background-size: cover;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -24px;
            margin-left: -24px;
            z-index: 1
        }

    .single_video h3, .single_video .heading-3 {
        display: block;
        margin: .5em auto;
        line-height: 1.5em;
        text-align: left;
        width: 90%
    }

        .single_video h3 a, .single_video .heading-3 a {
            color: #32384c
        }

            .single_video h3 a:hover, .single_video h3 a:focus-visible, .single_video .heading-3 a:hover, .single_video .heading-3 a:focus-visible {
                color: #1e212d
            }

    .single_video a:focus-visible .pic {
        outline: 2px solid #03f
    }

.multi_video ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .multi_video ul li {
        margin: 0px 1em;
        text-align: left;
        padding: .5em;
        min-height: 250px;
        border: 1px solid #DDD;
        background: #FFF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
        box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15)
    }

        .multi_video ul li .youtube {
            position: relative;
            overflow: hidden;
            background: #DEDEDE
        }

            .multi_video ul li .youtube:before {
                display: block;
                content: "";
                padding-top: 56.25%
            }

            .multi_video ul li .youtube img {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                margin: auto
            }

            .multi_video ul li .youtube iframe {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%
            }

        .multi_video ul li .pic {
            position: relative;
            overflow: hidden;
            background: #DEDEDE;
            width: 100%;
            display: block
        }

            .multi_video ul li .pic:before {
                display: block;
                content: "";
                padding-top: 56.25%
            }

            .multi_video ul li .pic img {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                margin: auto
            }

            .multi_video ul li .pic img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%
            }

            .multi_video ul li .pic:after {
                content: "";
                width: 48px;
                height: 48px;
                background: url(../images/icon_play.png) no-repeat center center;
                background-size: cover;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -24px;
                margin-left: -24px;
                z-index: 1
            }

        .multi_video ul li h3, .multi_video ul li .heading-3 {
            width: 90%;
            overflow: hidden;
            display: block;
            height: 3em;
            margin: .5em auto;
            text-align: left;
            line-height: 1.5em
        }

            .multi_video ul li h3 a, .multi_video ul li .heading-3 a {
                color: #32384c
            }

                .multi_video ul li h3 a:hover, .multi_video ul li h3 a:focus-visible, .multi_video ul li .heading-3 a:hover, .multi_video ul li .heading-3 a:focus-visible {
                    color: #1e212d
                }

        .multi_video ul li a {
            display: block
        }

            .multi_video ul li a:focus-visible .pic {
                utline: 2px solid #03f
            }

.multi_video .slick-prev {
    left: 3px;
    background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.5) !important;
    background-size: 30px 30px !important
}

    .multi_video .slick-prev:hover, .multi_video .slick-prev:focus-visible {
        background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.8) !important;
        background-size: 30px 30px !important
    }

.multi_video .slick-next {
    right: 3px;
    background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.5) !important;
    background-size: 30px 30px !important
}

    .multi_video .slick-next:hover, .multi_video .slick-next:focus-visible {
        background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.8) !important;
        background-size: 30px 30px !important
    }

.marquee, .marquee-2 {
    height: 45px;
    display: block;
    overflow: hidden;
    margin: .5em 15px;
    text-align: left;
    padding: 0 3em 0 2em;
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2) inset;
    background: #a04e0e;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .marquee ul, .marquee-2 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .marquee .slick-prev, .marquee-2 .slick-prev {
        width: 10px;
        height: 10px;
        transform: rotate(90deg);
        right: 0px !important;
        top: 1px !important;
        left: auto;
        opacity: .8;
        background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center;
        background-size: 16px;
        width: 20px !important;
        height: 20px !important;
        filter: invert(100%);
        box-shadow: none
    }

        .marquee .slick-prev:hover, .marquee-2 .slick-prev:hover {
            opacity: 1
        }

        .marquee .slick-prev:focus-visible, .marquee-2 .slick-prev:focus-visible {
            opacity: 1;
            box-shadow: 0 0px 0px 3px #03f;
            background: #FCC211 url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
            filter: invert(0%)
        }

        .marquee .slick-prev:before, .marquee-2 .slick-prev:before {
            width: 10px !important;
            height: 10px !important
        }

    .marquee .slick-next, .marquee-2 .slick-next {
        width: 10px;
        height: 10px;
        transform: rotate(-90deg);
        right: 0px !important;
        top: 22px !important;
        left: auto;
        opacity: .8;
        width: 20px !important;
        height: 20px !important;
        background: url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center;
        background-size: 16px;
        box-shadow: none;
        filter: invert(100%)
    }

        .marquee .slick-next:hover, .marquee-2 .slick-next:hover {
            opacity: 1
        }

        .marquee .slick-next:focus-visible, .marquee-2 .slick-next:focus-visible {
            opacity: 1;
            box-shadow: 0 0px 0px 3px #03f;
            background: #FCC211 url(../vendor/slick/icon_arrow_up_s.png) no-repeat center center !important;
            filter: invert(0%)
        }

        .marquee .slick-next:before, .marquee-2 .slick-next:before {
            width: 10px !important;
            height: 10px !important
        }

    .marquee > div, .marquee-2 > div {
        padding: 0;
        margin: 0
    }

    .marquee a, .marquee-2 a {
        display: block;
        line-height: 40px;
        margin-right: 3em;
        font-weight: bold;
        color: #FFF;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .marquee a:hover, .marquee a:focus-visible, .marquee-2 a:hover, .marquee-2 a:focus-visible {
            color: #fdd55d
        }

.marquee-2 {
    padding: 0 30px
}

    .marquee-2 .slick-prev {
        transform: rotate(0deg);
        left: -22px !important;
        top: 50% !important;
        right: auto;
        margin-top: -10px
    }

        .marquee-2 .slick-prev:hover, .marquee-2 .slick-prev:focus-visible {
            opacity: 1
        }

        .marquee-2 .slick-prev:before {
            width: 10px !important;
            height: 10px !important
        }

    .marquee-2 .slick-next {
        transform: rotate(180deg);
        right: -22px !important;
        top: 50% !important;
        left: auto;
        margin-top: -10px
    }

        .marquee-2 .slick-next:hover, .marquee-2 .slick-next:focus-visible {
            opacity: 1
        }

        .marquee-2 .slick-next:before {
            width: 10px !important;
            height: 10px !important
        }

    .marquee-2 > div {
        padding: 0;
        margin: 0
    }

    .marquee-2 a {
        display: block;
        line-height: 40px;
        margin: 2px 5px;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.mp_slider {
    width: 100%;
    padding-bottom: 3em;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .mp_slider {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.mp_slider .img-container {
    width: 100%;
    position: relative;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .mp_slider .img-container:before {
        display: block;
        content: "";
        padding-top: 33.4%
    }

    .mp_slider .img-container img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .mp_slider .img-container img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .mp_slider .img-container a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

@media screen and (max-width: 991px) {
    .mp_slider .img-container {
        width: 100%
    }
}

.mp_slider a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

    .mp_slider a:hover .caption, .mp_slider a:focus-visible .caption {
        bottom: 0
    }

    .mp_slider a .caption {
        position: absolute;
        width: 100%;
        height: 3em;
        background: rgba(0,0,0,0.65);
        padding: 1em .5em .5em;
        font-size: 1.125em;
        color: #FFF;
        margin: 0;
        text-align: center;
        bottom: -3em;
        left: 0;
        z-index: 999;
        transition: .3s ease-out;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (max-width: 991px) {
    .mp_slider a .caption {
        height: 2em;
        width: 100%;
        left: 0;
        padding: .5em;
        bottom: 0
    }
}

.text_block {
    text-align: left;
    background: #1e212d;
    color: #FFF;
    padding: .5em 1em 1em
}

    .text_block p {
        font-size: .938em
    }

.text_link ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .text_link ul li {
        text-align: left;
        display: block;
        border-bottom: 1px dashed #BBB
    }

        .text_link ul li a {
            display: block;
            padding: .5em .5em .5em 1.2em;
            position: relative
        }

            .text_link ul li a:before {
                position: absolute;
                width: 4px;
                height: 4px;
                top: 1em;
                left: .2em;
                border: 2px solid #999;
                border-left: none;
                border-bottom: none;
                transform: rotate(45deg);
                content: ""
            }

.picture_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 575px) {
    .picture_link ul {
        max-width: 100%;
        margin: 0px auto
    }
}

.picture_link ul li {
    width: 45%;
    display: inline-block;
    background: #FFF;
    margin: 0px 3% .5em 0;
    position: relative;
    overflow: hidden;
    vertical-align: top
}

@media screen and (max-width: 991px) {
    .picture_link ul li {
        width: 165px;
        height: 60px;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0px auto 1em
    }

        .picture_link ul li img {
            width: 100%;
            height: 100%;
            object-fit: contain
        }
}

.picture_link ul li a {
    display: block;
    text-align: center
}

    .picture_link ul li a:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        -moz-box-shadow: 0px 0px 0px 1px #CCC inset;
        -webkit-box-shadow: 0px 0px 0px 1px #CCC inset;
        box-shadow: 0px 0px 0px 1px #CCC inset
    }

    .picture_link ul li a:focus-visible {
        background: none !important
    }

        .picture_link ul li a:focus-visible:before {
            box-shadow: 0px 0px 0px 3px #003cff inset
        }

.picture_link ul li img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.vertical_picture_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 165px;
    margin: 0em auto;
    position: relative
}

    .vertical_picture_link ul li {
        width: 165px;
        height: 60px;
        margin: 0px auto .5em;
        display: block;
        position: relative
    }

        .vertical_picture_link ul li a {
            display: block;
            overflow: hidden;
            text-align: center
        }

            .vertical_picture_link ul li a:before {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                content: "";
                -moz-box-shadow: 0px 0px 0px 1px #CCC inset;
                -webkit-box-shadow: 0px 0px 0px 1px #CCC inset;
                box-shadow: 0px 0px 0px 1px #CCC inset
            }

            .vertical_picture_link ul li a:focus-visible:before {
                box-shadow: 0px 0px 0px 3px #003cff inset
            }

        .vertical_picture_link ul li img {
            object-fit: contain;
            width: 165px;
            height: 60px
        }

    .vertical_picture_link ul .slick-prev {
        left: 50%;
        position: relative;
        margin-left: -15px;
        top: -1.5em;
        -webkit-transform: scale(1) rotate(90deg) skewY(0deg) skewX(0deg);
        transform: scale(1) rotate(90deg) skewY(0deg) skewX(0deg)
    }

    .vertical_picture_link ul .slick-next {
        left: 50%;
        position: relative;
        margin-left: -15px;
        bottom: -1.5em;
        -webkit-transform: scale(1) rotate(90deg) skewY(0deg) skewX(0deg);
        transform: scale(1) rotate(90deg) skewY(0deg) skewX(0deg)
    }

.ad_banner {
    margin: .5em 0;
    text-align: center;
    position: relative;
    min-height: 1px;
    padding-left: 35px;
    padding-right: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    *zoom: 1;
    overflow: visible
}

@media screen and (max-width: 991px) {
    .ad_banner {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.ad_banner .slick-prev {
    background: url(../vendor/slick/icon_arrow_left_inverse.png) no-repeat center center;
    background-size: 80%;
    left: -15px;
    top: 50%
}

.ad_banner .slick-next {
    background: url(../vendor/slick/icon_arrow_right_inverse.png) no-repeat center center;
    background-size: 80%;
    right: -15px;
    top: 50%
}

.ad_banner ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ad_banner li {
    text-align: center
}

.ad_banner .img-container {
    width: 165px;
    height: 55px;
    margin: 0px auto
}

    .ad_banner .img-container a {
        display: block;
        text-align: center;
        position: relative
    }

        .ad_banner .img-container a:focus-visible:before {
            box-shadow: 0px 0px 0px 3px #003cff inset
        }

        .ad_banner .img-container a:before {
            box-shadow: 0px 0px 0px 1px #DDD inset;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            content: ""
        }

        .ad_banner .img-container a img {
            margin: 0 auto
        }

.news_simple_link {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .news_simple_link > ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .news_simple_link > ul > li > a {
            height: 1.5em;
            line-height: 1.5em;
            position: relative;
            padding-left: 1.8em !important;
            transition: .3s ease-out
        }

            .news_simple_link > ul > li > a:before {
                position: absolute;
                width: 4px;
                height: 4px;
                top: .5em;
                left: .7em;
                border: 2px solid #32384c;
                border-left: none;
                border-top: none;
                transform: rotate(315deg);
                content: ""
            }

    .news_simple_link li {
        margin: 0 0 1.3em 0;
        padding: 0;
        position: relative;
        text-align: left;
        border-bottom: 1px #CCC dashed
    }

@media screen and (max-width: 991px) {
    .news_simple_link li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.news_simple_link li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4.3rem;
    display: block
}

.news_simple_link li time {
    display: inline-block;
    margin: 0 0 0 .5em;
    font-size: .813em;
    text-align: center;
    color: #666;
    width: 4.5rem;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 991px) {
    .news_simple_link li time {
        text-align: right
    }
}

.news_list {
    text-align: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 991px) {
    .news_list {
        max-width: 575px;
        margin: 0px auto
    }
}

.news_list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .news_list ul li {
        overflow: hidden;
        *zoom: 1;
        margin-bottom: .5em;
        border-bottom: 1px solid #DDD;
        padding: 1em 0 .5em
    }

@media screen and (max-width: 991px) {
    .news_list ul li {
        padding: 1em 1.5em 1em
    }
}

.news_list ul li time {
    display: inline-block
}

.news_list ul li > a {
    color: #32384c;
    display: block
}

    .news_list ul li > a:hover, .news_list ul li > a:focus-visible {
        color: #1e212d
    }

.news_list ul li h3, .news_list ul li .heading-3 {
    margin-top: 0;
    margin-bottom: 1em
}

    .news_list ul li h3 a, .news_list ul li .heading-3 a {
        color: #32384c
    }

        .news_list ul li h3 a:hover, .news_list ul li h3 a:focus-visible, .news_list ul li .heading-3 a:hover, .news_list ul li .heading-3 a:focus-visible {
            color: #1e212d
        }

.news_list ul li p {
    margin-top: .3em;
    font-size: .938em;
    color: #444
}

.news_list ul li span {
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.news_list ul li .pic {
    width: 240px;
    height: 160px;
    overflow: hidden;
    display: block;
    float: left;
    border: 1px solid #DDD;
    margin: 0px .5em .5em 0
}

    .news_list ul li .pic a {
        display: block;
        width: 240px;
        overflow: hidden;
        height: 160px
    }

@media screen and (max-width: 991px) {
    .news_list ul li .pic a {
        width: 100%;
        height: 100%
    }
}

.news_list ul li .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 991px) {
    .news_list ul li .pic img {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width: 991px) {
    .news_list ul li .pic {
        width: 100%;
        min-height: 260px;
        float: none
    }
}

.news_list ul li .pic a {
    display: block
}

.news_list ul li a.more {
    margin: 0px auto 0px 0px;
    font-size: .813em;
    padding: .2em .5em;
    height: 2em;
    line-height: 2em;
    min-width: 4em;
    width: 4em;
    border: 1px solid #CCC
}

    .news_list ul li a.more:hover, .news_list ul li a.more:focus-visible {
        border: 1px solid #282d3d;
        color: #fff
    }

    .news_list ul li a.more:after {
        display: none
    }

    .news_list ul li a.more:before {
        background: #282d3d
    }

@media screen and (max-width: 991px) {
    .news_list ul li a.more {
        width: 80%;
        margin: 0 auto
    }
}

.news_card {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .news_card ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        padding-bottom: 1em
    }

        .news_card ul li {
            background: #FFF;
            margin: 0px 2.5em;
            min-height: 320px;
            text-align: left;
            position: relative;
            padding-bottom: 3em;
            border: 1px solid #DDD;
            -moz-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
            -webkit-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
            box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15)
        }

@media screen and (max-width: 991px) {
    .news_card ul li {
        min-height: auto;
        margin: 0px 1.5em
    }
}

.news_card ul li time {
    margin-left: 15px;
    float: left
}

.news_card ul li a {
    color: #32384c;
    display: block
}

    .news_card ul li a:hover, .news_card ul li a:focus-visible {
        color: #1e212d
    }

    .news_card ul li a:focus-visible {
        border: solid 1px #03f
    }

.news_card ul h3, .news_card ul .heading-3 {
    margin: 1em auto .5em;
    width: 90%;
    height: 4.5em;
    line-height: 1.5em;
    overflow: hidden;
    display: block
}

    .news_card ul h3 a, .news_card ul .heading-3 a {
        color: #32384c
    }

        .news_card ul h3 a:hover, .news_card ul h3 a:focus-visible, .news_card ul .heading-3 a:hover, .news_card ul .heading-3 a:focus-visible {
            color: #1e212d
        }

.news_card ul p {
    font-size: .938em;
    margin: 0 auto 1em;
    width: 90%;
    display: block;
    clear: both;
    color: #444;
    line-height: 1.5em;
    overflow: hidden;
    height: 9em;
    padding-top: 1em
}

.news_card ul span {
    margin-right: 15px;
    float: right;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.news_card ul .pic {
    position: relative;
    overflow: hidden;
    background: #DEDEDE;
    width: 100%;
    margin-bottom: .5em
}

    .news_card ul .pic:before {
        display: block;
        content: "";
        padding-top: 56.25%
    }

    .news_card ul .pic img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .news_card ul .pic.hidden ~ h3, .news_card ul .pic.hidden ~ .heading-3 {
        margin: 1em auto
    }

    .news_card ul .pic ~ h3, .news_card ul .pic ~ .heading-3 {
        height: 3em
    }

    .news_card ul .pic a {
        display: block
    }

    .news_card ul .pic img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.news_card ul .slick-prev {
    left: 3px
}

.news_card ul .slick-next {
    right: 3px
}

.news_card ul a.more {
    font-size: .813em;
    padding: .2em .5em;
    height: 2em;
    line-height: 2em;
    width: 70%;
    position: absolute;
    left: 50%;
    margin-left: -37%;
    bottom: 1em;
    background: #666;
    color: #FFF;
    border: 1px solid #666
}

    .news_card ul a.more:hover, .news_card ul a.more:focus-visible {
        border: 1px solid #bd5b0a;
        color: #fff
    }

    .news_card ul a.more:after {
        display: none
    }

    .news_card ul a.more:before {
        background: #bd5b0a
    }

.quick_service li:nth-child(n), .quick_service li:nth-child(2n), .quick_service li:nth-child(3n), .quick_service li:nth-child(4n) {
    text-align: center;
    transition: .3s ease-out
}

    .quick_service li:nth-child(n) a, .quick_service li:nth-child(2n) a, .quick_service li:nth-child(3n) a, .quick_service li:nth-child(4n) a {
        display: block;
        width: 100%;
        color: #FFF;
        font-size: 1.25em
    }

        .quick_service li:nth-child(n) a img, .quick_service li:nth-child(2n) a img, .quick_service li:nth-child(3n) a img, .quick_service li:nth-child(4n) a img {
            display: block;
            margin: 0px auto .5em
        }

@media screen and (max-width: 991px) {
    .quick_service li:nth-child(n) a, .quick_service li:nth-child(2n) a, .quick_service li:nth-child(3n) a, .quick_service li:nth-child(4n) a {
        font-size: 1em;
        white-space: nowrap
    }
}

.quick_service ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.quick_service h3, .quick_service .heading-3 {
    display: block;
    height: 3em;
    font-size: 1em;
    line-height: 1.5em;
    display: block;
    overflow: hidden
}

.quick_service .pic {
    margin: 1em auto;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .quick_service .pic img {
        margin: 20px auto 0;
        width: 80px;
        height: 80px
    }

.quick_service li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 250px
}

@media (min-width: 992px) {
    .quick_service li {
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    .quick_service li {
        float: left;
        width: 25%
    }
}

@media (min-width: 1400px) {
    .quick_service li {
        float: left;
        width: 25%
    }
}

@media screen and (max-width: 991px) {
    .quick_service li {
        min-height: 200px
    }
}

.quick_service li:nth-child(n) {
    background: #964a0d
}

    .quick_service li:nth-child(n):hover, .quick_service li:nth-child(n):focus-visible {
        cursor: pointer;
        background: #b3570f;
        box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.7) inset
    }

.quick_service li:nth-child(2n) {
    background: #2e3346
}

    .quick_service li:nth-child(2n):hover, .quick_service li:nth-child(2n):focus-visible {
        cursor: pointer;
        background: #424a65;
        box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.7) inset
    }

.quick_service li:nth-child(3n) {
    background: #7f5d14
}

    .quick_service li:nth-child(3n):hover, .quick_service li:nth-child(3n):focus-visible {
        cursor: pointer;
        background: #9e7319;
        box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.7) inset
    }

.quick_service li:nth-child(4n) {
    background: #656a7c
}

    .quick_service li:nth-child(4n):hover, .quick_service li:nth-child(4n):focus-visible {
        cursor: pointer;
        background: #757b8f;
        box-shadow: 2px 2px 5px RGBA(0, 0, 0, 0.7) inset
    }

.auction_time {
    position: relative;
    text-align: center
}

    .auction_time .date {
        font-weight: bold;
        padding: 0 .25em
    }

    .auction_time .auction_remain .day {
        display: inline-block;
        font-size: 3.125em;
        border-radius: 5px;
        font-weight: bold;
        line-height: 40px;
        background: #32384c;
        padding: .5em;
        vertical-align: middle;
        color: #fff;
        margin: .5em .2em
    }

    .auction_time .show-calendar-toggle {
        position: relative;
        padding: .5em 1.5em
    }

    .auction_time .calendar-container {
        padding: 15px;
        background-color: white;
        border-radius: 5px;
        display: none;
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin-left: -190px;
        width: 380px;
        box-sizing: border-box;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        z-index: 999
    }

        .auction_time .calendar-container .auction-table {
            height: 180px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 0;
            width: auto
        }

            .auction_time .calendar-container .auction-table .auction-table-row {
                width: 300px;
                display: flex;
                justify-content: space-around;
                align-items: center;
                border: solid 1px #666;
                border-bottom: 0;
                color: #222
            }

                .auction_time .calendar-container .auction-table .auction-table-row:last-child {
                    border-bottom: solid 1px #666
                }

                .auction_time .calendar-container .auction-table .auction-table-row .auction-table-cell {
                    border-right: 1px solid #666;
                    height: 100%;
                    width: 25%;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .auction_time .calendar-container .auction-table .auction-table-row .auction-table-cell:last-child {
                        border-right: 0
                    }

.auction_time {
    position: relative;
    text-align: center
}

    .auction_time .date {
        font-weight: bold;
        padding: 0 .25em
    }

    .auction_time .auction_remain .day {
        display: inline-block;
        font-size: 3.125em;
        border-radius: 5px;
        font-weight: bold;
        line-height: 40px;
        background: #32384c;
        padding: .5em;
        vertical-align: middle;
        color: #fff;
        margin: .5em .2em
    }

    .auction_time .show-calendar-toggle {
        position: relative;
        padding: .5em 1.5em
    }

    .auction_time .calendar-container {
        padding: 15px;
        background-color: white;
        border-radius: 5px;
        display: none;
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin-left: -190px;
        width: 380px;
        box-sizing: border-box;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
        z-index: 999
    }

        .auction_time .calendar-container .auction-table {
            height: 180px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 0;
            width: auto
        }

            .auction_time .calendar-container .auction-table .auction-table-row {
                width: 300px;
                display: flex;
                justify-content: space-around;
                align-items: center;
                border: solid 1px #666;
                border-bottom: 0;
                color: #222
            }

                .auction_time .calendar-container .auction-table .auction-table-row:last-child {
                    border-bottom: solid 1px #666
                }

                .auction_time .calendar-container .auction-table .auction-table-row .auction-table-cell {
                    border-right: 1px solid #666;
                    height: 100%;
                    width: 25%;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .auction_time .calendar-container .auction-table .auction-table-row .auction-table-cell:last-child {
                        border-right: 0
                    }

.multi_cards {
    margin: 1em 0
}

    .multi_cards ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden
    }

    .multi_cards .list_card {
        float: left;
        width: 100%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        margin-bottom: 1em
    }

@media (min-width: 992px) {
    .multi_cards .list_card {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .multi_cards .list_card {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .multi_cards .list_card {
        float: left;
        width: 33.33333%
    }
}

.multi_cards .list_card > .card_content {
    position: relative;
    background: #fff;
    padding: 1.5em 1em 1em;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    min-height: 250px;
    z-index: 1
}

    .multi_cards .list_card > .card_content:after {
        content: "";
        position: absolute;
        z-index: 10;
        left: 50%;
        margin-left: -4px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #1e212d transparent transparent transparent
    }

    .multi_cards .list_card > .card_content > ul li {
        padding: .5em 0;
        display: flex;
        border-bottom: 1px dashed #CCC
    }

        .multi_cards .list_card > .card_content > ul li time {
            flex: 0 0 80px;
            margin-right: 1em;
            font-size: .875em;
            color: #555
        }

        .multi_cards .list_card > .card_content > ul li a {
            flex: 0 1 auto;
            color: #222;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            height: 46px
        }

            .multi_cards .list_card > .card_content > ul li a:hover {
                color: #8d450c
            }

    .multi_cards .list_card > .card_content a.more {
        margin: 1em auto
    }

.multi_cards .list_card h2, .multi_cards .list_card h2.title {
    position: relative;
    background: #1e212d;
    color: #fff;
    font-size: 1em;
    padding: .85em 1em;
    margin: 0;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2
}

    .multi_cards .list_card h2:after, .multi_cards .list_card h2.title:after {
        content: none
    }

.multi_cards .list_card:nth-child(3n+2) h2 {
    background: #956D18
}

.multi_cards .list_card:nth-child(3n+2) > .card_content:after {
    border-color: #956D18 transparent transparent transparent
}

.multi_cards .list_card:nth-child(3n+3) h2 {
    background: #70768A
}

.multi_cards .list_card:nth-child(3n+3) > .card_content:after {
    border-color: #70768A transparent transparent transparent
}

.ad_banner_accordion {
    padding: 1em 0
}

    .ad_banner_accordion ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden
    }

    .ad_banner_accordion li {
        float: left;
        width: 50%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 1em
    }

@media (min-width: 992px) {
    .ad_banner_accordion li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .ad_banner_accordion li {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 1400px) {
    .ad_banner_accordion li {
        float: left;
        width: 16.66667%
    }
}

.ad_banner_accordion .img-container, .ad_banner_accordion .btn_ad_more {
    width: 165px;
    height: 55px;
    margin: 0px auto;
    box-sizing: border-box
}

    .ad_banner_accordion .img-container img, .ad_banner_accordion .btn_ad_more img {
        border: 1px solid #CCC
    }

.ad_banner_accordion .btn_ad_more {
    border-radius: 0
}

.ad_banner_accordion .ad_more {
    display: none
}

.col-4-4-4 .col .news_list ul li h3, .col-4-4-4 .col .news_list ul li .heading-3, .col-3-3-3-3 .col .news_list ul li h3, .col-3-3-3-3 .col .news_list ul li .heading-3 {
    display: block !important
}

.col-4-4-4 .col .news_list ul li .pic, .col-3-3-3-3 .col .news_list ul li .pic {
    float: none !important;
    margin: 0px auto .5em !important
}

.lp_content {
    background: #F3F3F3;
    border: 3px solid #bc5c10;
    padding: 1em 2em;
    border-radius: .5em;
    margin-bottom: .5em
}

.lp .seizure {
    border: 3px solid #464f6b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 1em
}

.lp table th {
    border: 1px solid #DDD
}

.lp table td {
    border: 1px solid #DDD;
    text-align: left
}

    .lp table td time {
        white-space: nowrap
    }

    .lp table td a {
        max-width: 450px
    }

    .lp table td.date {
        text-align: center;
        color: #666;
        min-width: 120px;
        white-space: nowrap
    }

@media screen and (max-width: 991px) {
    .lp table td.date {
        text-align: left;
        min-width: auto
    }
}

.lp table td.num {
    text-align: center;
    color: #666
}

@media screen and (max-width: 991px) {
    .lp table td.num {
        text-align: left
    }
}

.lp .card ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .lp .card ul li {
        border: 1px solid #CCC;
        -moz-box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.1);
        box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.1);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        float: left;
        display: block;
        padding: 1em;
        min-height: 300px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0px 1% 1em 0;
        width: 24%
    }

        .lp .card ul li h3 {
            height: 4.5em;
            overflow: hidden;
            line-height: 1.5em;
            margin-top: .5em
        }

        .lp .card ul li p {
            line-height: 1.5em;
            height: 4.5em;
            margin-bottom: 1.5em
        }

@media screen and (max-width: 991px) {
    .lp .card ul li {
        width: 31%
    }
}

@media screen and (max-width: 991px) {
    .lp .card ul li {
        width: 48%
    }
}

@media screen and (max-width: 575px) {
    .lp .card ul li {
        width: 90%;
        margin: 0px auto 1em;
        float: none
    }
}

.lp .list ul, .lp .list ol {
    list-style-type: none;
    padding: 0;
    border-top: 2px solid #8d450c
}

    .lp .list ul li, .lp .list ol li {
        padding: 1em 0 1em 4em;
        border-bottom: 1px solid #DDD;
        position: relative;
        overflow: hidden
    }

        .lp .list ul li a, .lp .list ol li a {
            display: block;
            position: relative;
            line-height: 1.45em;
            font-weight: bold
        }

            .lp .list ul li a .title, .lp .list ol li a .title {
                margin: .5em 0;
                color: #333
            }

            .lp .list ul li a .num, .lp .list ol li a .num {
                width: 3.4em;
                text-align: right;
                position: absolute;
                top: 0em;
                left: -4em
            }

                .lp .list ul li a .num:after, .lp .list ol li a .num:after {
                    content: ".";
                    display: inline-block
                }

            .lp .list ul li a:hover .title, .lp .list ol li a:hover .title {
                color: #8d450c
            }

            .lp .list ul li a:focus .title, .lp .list ol li a:focus .title {
                color: #000
            }

        .lp .list ul li p, .lp .list ol li p {
            color: #555;
            font-size: .813em;
            color: #555;
            font-weight: normal;
            line-height: 1.65em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            max-height: 6.5em;
            overflow: hidden
        }

        .lp .list ul li span.dept, .lp .list ol li span.dept {
            display: none;
            font-size: .938em;
            color: #32384c;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            padding: .2em 1em;
            font-size: .813em
        }

            .lp .list ul li span.dept:before, .lp .list ol li span.dept:before {
                content: "-";
                margin-right: .5em;
                font-weight: bold
            }

@media screen and (max-width: 991px) {
    .lp .list ul li span.dept, .lp .list ol li span.dept {
        display: inline-block;
        margin-bottom: .5em;
        max-width: 100px
    }
}

.lp .list ul li time, .lp .list ul li .counter, .lp .list ol li time, .lp .list ol li .counter {
    background: transparent;
    border: 1px solid #CCC;
    display: inline-block
}

.lp .list ul li .counter, .lp .list ol li .counter {
    max-width: 130px
}

    .lp .list ul li .counter:before, .lp .list ol li .counter:before {
        background: url(../images/icon/icon_view.svg) no-repeat center bottom;
        background-size: 100%;
        top: .6em
    }

.lp .list ul li .pic, .lp .list ol li .pic {
    position: relative;
    z-index: 10;
    max-width: 240px;
    max-height: 160px;
    overflow: hidden;
    display: block;
    float: left;
    margin: .5em .5em .5em 0
}

    .lp .list ul li .pic a, .lp .list ol li .pic a {
        width: 240px;
        height: 160px
    }

    .lp .list ul li .pic img, .lp .list ol li .pic img {
        object-fit: cover;
        width: 240px;
        height: 160px;
        border: 1px solid #DDD
    }

@media screen and (max-width: 575px) {
    .lp .list ul li .pic img, .lp .list ol li .pic img {
        width: 100%;
        height: auto
    }
}

.lp .list ul li > p:not(:first-of-type), .lp .list ol li > p:not(:first-of-type) {
    display: none
}

.lp .album {
    margin: 1em auto;
    overflow: hidden
}

    .lp .album ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .lp .album ul li {
            float: left;
            width: 100%;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 1em;
            padding-top: .2em
        }

@media (min-width: 992px) {
    .lp .album ul li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .lp .album ul li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .lp .album ul li {
        float: left;
        width: 33.33333%
    }
}

.lp .album ul li a {
    display: block;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.2);
    overflow: hidden;
    text-align: left;
    transition: .3s ease-out;
    position: relative
}

    .lp .album ul li a:hover {
        -moz-box-shadow: 1px 1px 5px RGBA(0, 0, 0, 0.4);
        -webkit-box-shadow: 1px 1px 5px RGBA(0, 0, 0, 0.4);
        box-shadow: 1px 1px 5px RGBA(0, 0, 0, 0.4)
    }

    .lp .album ul li a:focus:before {
        position: absolute;
        width: 100%;
        height: 100%;
        box-shadow: 0 0px 0px 3px #03f inset;
        content: "";
        z-index: 1;
        top: 0;
        left: 0
    }

.lp .album ul li .imgOuter {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #DEDEDE
}

    .lp .album ul li .imgOuter:before {
        display: block;
        content: "";
        padding-top: 75%
    }

    .lp .album ul li .imgOuter img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .lp .album ul li .imgOuter img {
        object-fit: cover
    }

.lp .album ul li .caption {
    height: 5.6em;
    overflow: hidden;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .lp .album ul li .caption h3 {
        line-height: 1.5em;
        height: 3em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .lp .album ul li .caption time, .lp .album ul li .caption .counter {
        font-size: .75em;
        display: inline-block;
        margin-bottom: .5em
    }

    .lp .album ul li .caption .counter {
        max-width: 120px
    }

        .lp .album ul li .caption .counter:before {
            background: url(../images/icon/icon_view.svg) no-repeat center bottom;
            background-size: 100%;
            top: .6em
        }

.lp .multi_video {
    overflow: hidden
}

    .lp .multi_video ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .lp .multi_video ul li {
            float: left;
            width: 100%;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            border: none;
            box-shadow: none
        }

            .lp .multi_video ul li .subtitle {
                min-height: 70px;
                padding-top: .5em;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }

@media (min-width: 992px) {
    .lp .multi_video ul li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .lp .multi_video ul li {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .lp .multi_video ul li {
        float: left;
        width: 33.33333%
    }
}

.lp .multi_video ul li a {
    display: block;
    padding: .5em;
    margin: .5em;
    border: 1px solid #DDD;
    margin-bottom: 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.15)
}

    .lp .multi_video ul li a:focus {
        box-shadow: 0 0px 0px 2px #03f inset
    }

.lp .multi_video ul li h3 {
    height: 4.5em
}

.pagination {
    padding: .5em 0 .1em;
    background: #F6F6F6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    clear: both;
    margin-bottom: 1em
}

    .pagination .sort {
        float: right;
        margin-right: 15px
    }

.advanced_search {
    clear: both;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #ef8f43;
    margin-bottom: 1em
}

.btn_advanced_search {
    float: right;
    margin: 0 0 0 1em;
    min-width: auto;
    padding-left: 1em !important;
    padding-right: 1em !important
}

.advance_search {
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    margin-bottom: 1em
}

@media (min-width: 992px) {
    .advance_search {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .advance_search {
        float: left;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .advance_search {
        float: left;
        width: 100%
    }
}

.advance_search i {
    margin-right: .4em
}

.advance_search button {
    float: right;
    font-size: .813em;
    border: none;
    display: block;
    padding: .2em 1em .4em;
    background: #8d450c;
    border-color: #8d450c;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .advance_search button:hover {
        background: #bc5c10;
        border-color: #bc5c10
    }

    .advance_search button:focus {
        background: #FCC211 !important;
        box-shadow: 0 0px 0px 2px #03f inset;
        color: #000 !important
    }

@media screen and (max-width: 991px) {
    .advance_search button {
        width: 100%;
        float: none;
        font-size: .938em;
        margin: .4em 0;
        padding: .5em 1em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.advance_block {
    float: left;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #DDD;
    background: #FFF;
    display: none;
    margin-bottom: 1em;
    display: block;
    overflow: hidden;
    *zoom: 1
}

@media (min-width: 992px) {
    .advance_block {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .advance_block {
        float: left;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .advance_block {
        float: left;
        width: 100%
    }
}

.advance_block .form_grid .form_grp {
    padding: .2em 0
}

.advance_block .btn_grp {
    padding: .2em 0
}

.np ul, .np ol {
    overflow: hidden;
    padding: 1em 0;
    margin: 0;
    overflow: hidden
}

.np li {
    display: block;
    width: 49%;
    margin: 0 1% 10px 0;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .np li:nth-child(even) {
        width: 50%;
        margin-right: 0px
    }

@media screen and (max-width: 991px) {
    .np li {
        float: none;
        width: 96%;
        margin: 0px auto 10px
    }

        .np li:nth-child(even) {
            width: 96%;
            margin-right: auto
        }
}

.np li a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #DDD;
    padding: 1em 1em 1em 2em;
    display: block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

    .np li a .num {
        position: absolute;
        width: 1em;
        top: 1em;
        left: .5em;
        text-align: right
    }

        .np li a .num:after {
            content: ".";
            display: inline-block
        }

    .np li a:hover {
        border: 2px solid #32384c;
        background: #32384c;
        color: #FFF
    }

    .np li a:focus {
        border: 2px solid transparent;
        background: #32384c;
        color: #FFF
    }

.function {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2em;
    clear: both;
    min-height: 2.5em
}

@media (min-width: 992px) {
    .function {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .function {
        float: left;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .function {
        float: left;
        width: 100%
    }
}

.function ul {
    text-align: right;
    float: right
}

    .function ul li {
        float: left;
        display: block;
        min-width: 6em;
        text-align: center;
        margin: 0px 1px .2em
    }

        .function ul li a.i_mail:before {
            display: inline-block;
            filter: invert(100%)
        }

.share {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em
}

@media (min-width: 992px) {
    .share {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .share {
        float: left;
        width: 50%
    }
}

@media (min-width: 1400px) {
    .share {
        float: left;
        width: 50%
    }
}

.share ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .share ul li a {
        display: block
    }

.share + .function {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    height: auto;
    clear: none
}

@media (min-width: 992px) {
    .share + .function {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .share + .function {
        float: left;
        width: 50%
    }
}

@media (min-width: 1400px) {
    .share + .function {
        float: left;
        width: 50%
    }
}

.share + .function ul li {
    float: left
}

.cp img.float_left {
    float: left;
    max-width: 40%;
    margin: 0px 1em 1em 0;
    min-width: 240px
}

@media screen and (max-width: 991px) {
    .cp img.float_left {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0px auto 1em
    }
}

.cp img.float_right {
    float: right;
    max-width: 40%;
    margin: 0px 0 1em 1em
}

@media screen and (max-width: 991px) {
    .cp img.float_right {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0px auto 1em
    }
}

.cp p a {
    color: #8d450c
}

    .cp p a:hover {
        color: #FF3E4D;
        text-decoration: underline
    }

.cp a {
    color: #8d450c;
    word-break: break-all
}

    .cp a:hover {
        color: #bc5c10
    }

    .cp a.download {
        color: #FFF;
        font-weight: bold;
        background: #32384c;
        border: 1px solid #32384c;
        transition: .3s ease
    }

        .cp a.download:hover, .cp a.download:focus {
            background: #282d3d;
            border: 1px solid #282d3d
        }

        .cp a.download:before {
            content: "";
            width: 16px;
            height: 16px;
            background: url(../images/icon_download.png) no-repeat center bottom;
            background-size: 16px;
            display: inline-block;
            margin-right: .5em;
            vertical-align: middle
        }

.cp .info {
    line-height: 1.5em;
    list-style: none;
    margin: 0 0 1em 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em 1em;
    background: #FAFAFA;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

    .cp .info ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .cp .info li {
        width: 100%;
        margin-bottom: .1em;
        display: block;
        vertical-align: top;
        line-height: 1.65em;
        font-size: .938em
    }

        .cp .info li i {
            width: 2em;
            opacity: .5;
            margin-right: 0em;
            font-size: 1em
        }

.fp {
    margin: 1em auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em
}

.qp {
    margin: 1em auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em
}

.q_title {
    background: #8d450c;
    color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 1em;
    font-size: 1em;
    color: #FFF;
    margin: .5em 0
}

.q_content {
    background: #FAFAFA;
    padding: 1em;
    margin: .5em 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

    .q_content table {
        background: #FFF
    }

    .q_content h3, .q_content h4 {
        color: #0B7EB1
    }

.progress_bar {
    position: relative;
    background: #DDD;
    border-radius: 3px;
    height: 6px;
    width: 100%
}

    .progress_bar span {
        position: absolute;
        height: 100%;
        border-radius: 3px;
        background: #0B7EB1;
        background-image: linear-gradient(45deg, rgba(255,255,255,0.25) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.25) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
        background-size: 1rem 1rem;
        animation: progress-bar-stripes 1s linear infinite
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.text-right {
    text-align: right
}

.sp {
    clear: both
}

.error {
    width: 90%;
    padding: 1em 420px 1em 2em;
    min-height: 400px;
    position: relative;
    background: url(../images/error.png) no-repeat right bottom #F1F1F1;
    margin: 0px auto 1em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .error h3 {
        font-size: 1.25em;
        line-height: 1.65em;
        margin-bottom: 2em;
        color: #8d450c
    }

        .error h3 small {
            display: block;
            color: #666;
            line-height: 1.45em
        }

@media screen and (max-width: 991px) {
    .error {
        text-align: center;
        padding: 1em 1em 350px;
        background: url(../images/error.png) no-repeat center bottom #F1F1F1
    }
}

.sitemap {
    margin: 0em auto 1em;
    color: #666;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    *zoom: 1
}

    .sitemap .accesskeyDefine {
        padding: 1em 2em;
        background: #EEE;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px
    }

.cascading ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none
}

    .cascading ul li {
        margin: 0 1% 0 0;
        line-height: 1.5em;
        font-size: 1em;
        list-style: none;
        width: 48.5%;
        display: inline-block;
        vertical-align: top
    }

        .cascading ul li:nth-child(3n) {
            margin-right: 0
        }

        .cascading ul li a {
            margin: 1em 0 0;
            color: #222;
            padding: .5em 0;
            display: block;
            font-size: 1.25em;
            font-weight: bold;
            border-bottom: 2px solid #32384c
        }

            .cascading ul li a:hover {
                color: #8d450c !important;
                text-decoration: none
            }

            .cascading ul li a:focus {
                color: #000 !important;
                text-decoration: none
            }

        .cascading ul li ul {
            margin-left: 1em;
            padding-left: 0%
        }

            .cascading ul li ul li {
                width: 100%;
                display: block !important;
                margin-bottom: 0;
                font-size: .938em
            }

                .cascading ul li ul li:nth-child(2n) {
                    margin-right: 0
                }

                .cascading ul li ul li li {
                    font-size: 1em
                }

                .cascading ul li ul li a {
                    margin-top: 0px;
                    margin-bottom: 0px;
                    display: block;
                    padding-left: .5em;
                    font-size: 1em;
                    border-bottom: 1px dotted #ccc;
                    background-color: transparent;
                    color: #333;
                    font-weight: bold
                }

@media screen and (max-width: 991px) {
    .cascading ul {
        width: 95%;
        margin: 0px auto
    }

        .cascading ul li {
            width: 100%
        }

            .cascading ul li:nth-child(3n) {
                margin-right: 0
            }
}

.bg_style {
    background: #e1dddb
}

[class^="col"] {
    text-align: left
}

.col-8-4 h2.title, .col-4-8 h2.title, .col-3-9 h2.title, .col-9-3 h2.title, .col-6-6 h2.title, .col-4-4-4 h2.title, .col-3-3-3-3 h2.title {
    position: relative
}

    .col-8-4 h2.title:after, .col-4-8 h2.title:after, .col-3-9 h2.title:after, .col-9-3 h2.title:after, .col-6-6 h2.title:after, .col-4-4-4 h2.title:after, .col-3-3-3-3 h2.title:after {
        content: "";
        position: absolute;
        bottom: 0;
        border-bottom: 3px solid #9aba28;
        width: 100%;
        left: 0%;
        margin-left: 0%
    }

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

@media (min-width: 992px) {
    .col-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-12 {
        float: left;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .col-12 {
        float: left;
        width: 100%
    }
}

.col-12 h2.title:after {
    content: "";
    border-bottom: 3px solid #9aba28;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    bottom: 0
}

.col-8-4 .col:nth-child(odd) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-8-4 .col:nth-child(odd) {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 992px) {
    .col-8-4 .col:nth-child(odd) {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 1400px) {
    .col-8-4 .col:nth-child(odd) {
        float: left;
        width: 66.66667%
    }
}

.col-8-4 .col:nth-child(even) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-8-4 .col:nth-child(even) {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .col-8-4 .col:nth-child(even) {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .col-8-4 .col:nth-child(even) {
        float: left;
        width: 33.33333%
    }
}

.col-4-8 .col:nth-child(odd) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-4-8 .col:nth-child(odd) {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .col-4-8 .col:nth-child(odd) {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .col-4-8 .col:nth-child(odd) {
        float: left;
        width: 33.33333%
    }
}

.col-4-8 .col:nth-child(even) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-4-8 .col:nth-child(even) {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 992px) {
    .col-4-8 .col:nth-child(even) {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 1400px) {
    .col-4-8 .col:nth-child(even) {
        float: left;
        width: 66.66667%
    }
}

.col-3-9 .col:nth-child(odd) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-3-9 .col:nth-child(odd) {
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    .col-3-9 .col:nth-child(odd) {
        float: left;
        width: 25%
    }
}

@media (min-width: 1400px) {
    .col-3-9 .col:nth-child(odd) {
        float: left;
        width: 25%
    }
}

.col-3-9 .col:nth-child(even) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-3-9 .col:nth-child(even) {
        float: left;
        width: 75%
    }
}

@media (min-width: 992px) {
    .col-3-9 .col:nth-child(even) {
        float: left;
        width: 75%
    }
}

@media (min-width: 1400px) {
    .col-3-9 .col:nth-child(even) {
        float: left;
        width: 75%
    }
}

.col-9-3 .col:nth-child(odd) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-9-3 .col:nth-child(odd) {
        float: left;
        width: 75%
    }
}

@media (min-width: 992px) {
    .col-9-3 .col:nth-child(odd) {
        float: left;
        width: 75%
    }
}

@media (min-width: 1400px) {
    .col-9-3 .col:nth-child(odd) {
        float: left;
        width: 75%
    }
}

.col-9-3 .col:nth-child(even) {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-9-3 .col:nth-child(even) {
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    .col-9-3 .col:nth-child(even) {
        float: left;
        width: 25%
    }
}

@media (min-width: 1400px) {
    .col-9-3 .col:nth-child(even) {
        float: left;
        width: 25%
    }
}

.col-6-6 .col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-6-6 .col {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .col-6-6 .col {
        float: left;
        width: 50%
    }
}

@media (min-width: 1400px) {
    .col-6-6 .col {
        float: left;
        width: 50%
    }
}

.col-4-4-4 .col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-4-4-4 .col {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .col-4-4-4 .col {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .col-4-4-4 .col {
        float: left;
        width: 33.33333%
    }
}

.col-3-3-3-3 .col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 992px) {
    .col-3-3-3-3 .col {
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    .col-3-3-3-3 .col {
        float: left;
        width: 25%
    }
}

@media (min-width: 1400px) {
    .col-3-3-3-3 .col {
        float: left;
        width: 25%
    }
}

.slick-prev, .slick-next {
    transition: .3s ease-out
}

    .slick-prev:focus, .slick-next:focus {
        box-shadow: 0px 0px 0px 3px #007bff
    }

.slick-dots li button:hover:before {
    background: #bd1e00;
    box-shadow: 0px 0px 0px 1px #bd1e00
}

.slick-dots li button:focus:before {
    background: #bd1e00;
    box-shadow: 0px 0px 0px 2px #007bff
}

.slick-dots li button:before {
    background: #666
}

.slick-dots li.slick-active button:before {
    background: #8d450c
}

.slick-dots li.slick-active button:hover:before {
    opacity: .9;
    color: black;
    background: #bd1e00
}

.slick-dots li.slick-active button:focus:before {
    opacity: .9;
    color: black;
    background: #8d200c
}

.lightbox_slider {
    background: #fff;
    padding: 30px 0px 50px;
    clear: both
}

    .lightbox_slider h3 {
        font-size: 1.5em;
        padding: 12px 0px 15px 0px;
        margin: 0.5em 0px 1.2em;
        border-bottom: 1px solid #8d450c
    }

    .lightbox_slider .imgOuter {
        margin: 0px 15px;
        position: relative;
        overflow: hidden;
        background: #DEDEDE;
        overflow: hidden
    }

        .lightbox_slider .imgOuter:before {
            display: block;
            content: "";
            padding-top: 75%
        }

        .lightbox_slider .imgOuter img {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        .lightbox_slider .imgOuter img {
            vertical-align: middle;
            max-width: 100% !important;
            max-height: 100% !important;
            width: auto !important;
            height: auto !important;
            display: inline-block;
            position: absolute;
            left: 0 !important;
            top: 0 !important;
            object-fit: contain
        }

    .lightbox_slider .infotxt {
        margin: 0px 10px 0px 20px;
        padding: 0px;
        display: inline-block;
        display: none
    }

    .lightbox_slider .slick-prev, .lightbox_slider .slick-next {
        top: 50%;
        width: 50px;
        height: 50px;
        transition: .3s ease-out
    }

    .lightbox_slider .slick-prev {
        left: 0px;
        background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.5) !important;
        background-size: 30px 30px !important
    }

        .lightbox_slider .slick-prev:hover, .lightbox_slider .slick-prev:focus {
            background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat RGBA(0, 0, 0, 0.8) !important;
            background-size: 30px 30px !important
        }

    .lightbox_slider .slick-next {
        right: 0px;
        background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.5) !important;
        background-size: 30px 30px !important
    }

        .lightbox_slider .slick-next:hover, .lightbox_slider .slick-next:focus {
            background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat RGBA(0, 0, 0, 0.8) !important;
            background-size: 30px 30px !important
        }

    .lightbox_slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px
    }

    .lightbox_slider a {
        color: #555
    }

        .lightbox_slider a:hover {
            color: #8d450c
        }

        .lightbox_slider a:focus:before {
            position: absolute;
            width: 100%;
            height: 100%;
            box-shadow: 0 0px 0px 3px #03f inset;
            content: "";
            z-index: 1;
            top: 0;
            left: 0;
            bottom: 0
        }

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9999999999999;
    width: 100%;
    height: 100%;
    background: black;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

    .slick-lightbox .slick-loading .slick-list {
        background-color: transparent
    }

    .slick-lightbox .slick-prev {
        left: 5px;
        background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat;
        background-size: 80%;
        z-index: 9
    }

    .slick-lightbox .slick-next {
        right: 5px;
        background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat;
        background-size: 80%;
        z-index: 9
    }

.slick-lightbox-hide {
    opacity: 0
}

    .slick-lightbox-hide.slick-lightbox-ie {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0
}

    .slick-lightbox-hide-init.slick-lightbox-ie {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-lightbox-slick-item {
    text-align: center;
    overflow: hidden
}

    .slick-lightbox-slick-item:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em
    }

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    display: block;
    text-align: center
}

.slick-lightbox-slick-item-inner {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%
}

.slick-lightbox-slick-img {
    margin: 0 auto 1em;
    display: block;
    max-width: 90%;
    max-height: 90%
}

.slick-lightbox-slick-caption {
    margin: 20px 0 0;
    color: white;
    overflow: hidden;
    *zoom: 1
}

.slick-lightbox-close {
    position: fixed;
    top: 10px;
    right: 10px;
    display: block;
    height: 45px;
    width: 45px;
    line-height: 0;
    font-size: 0em;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    min-width: auto
}

    .slick-lightbox-close:focus {
        outline: none
    }

    .slick-lightbox-close:before {
        content: "";
        height: 6px;
        width: 32px;
        transform: rotate(45deg);
        position: absolute;
        top: 18px;
        background: #DDD;
        left: 6px;
        transition: .3s all ease-out
    }

    .slick-lightbox-close:after {
        content: "";
        height: 6px;
        width: 32px;
        transform: rotate(-45deg);
        position: absolute;
        top: 18px;
        background: #DDD;
        left: 6px;
        transition: .3s all ease-out
    }

    .slick-lightbox-close:hover, .slick-lightbox-close:focus {
        background: none;
        margin-top: 0;
        border: none
    }

        .slick-lightbox-close:hover:before, .slick-lightbox-close:hover:after, .slick-lightbox-close:focus:before, .slick-lightbox-close:focus:after {
            background: #FFF
        }

.Syncing_slider {
    overflow: hidden;
    *zoom: 1;
    max-width: 900px;
    margin: .2em auto
}

    .Syncing_slider h3 {
        font-size: 1.5em;
        padding: 12px 0px 15px 0px;
        margin: 0.5em 0;
        border-bottom: 1px solid #8d450c
    }

    .Syncing_slider .imgOuter {
        position: relative;
        overflow: hidden;
        background: #DEDEDE
    }

        .Syncing_slider .imgOuter:before {
            display: block;
            content: "";
            padding-top: 75%
        }

        .Syncing_slider .imgOuter img {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        .Syncing_slider .imgOuter p {
            position: absolute;
            background: RGBA(0, 0, 0, 0.6);
            text-align: center;
            color: #FFF;
            padding: .5em;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            bottom: 0px;
            width: 100%;
            height: 4em;
            line-height: 3em;
            margin: 0px
        }

    .Syncing_slider .slick-next {
        background: url(../vendor/slick/icon_arrow_right.png) center center no-repeat;
        background-size: 80%
    }

    .Syncing_slider .slick-prev {
        background: url(../vendor/slick/icon_arrow_left.png) center center no-repeat;
        background-size: 80%
    }

    .Syncing_slider .Slider-for {
        position: relative
    }

        .Syncing_slider .Slider-for .imgOuter {
            max-height: 600px
        }

    .Syncing_slider .Slider-nav {
        position: relative
    }

        .Syncing_slider .Slider-nav .imgOuter p {
            display: none
        }

        .Syncing_slider .Slider-nav .slick-slide.slick-current {
            opacity: 1
        }

        .Syncing_slider .Slider-nav .imgOuter {
            max-height: 200px
        }

@media screen and (max-width: 991px) {
    .Syncing_slider .Slider-nav .imgOuter {
        max-height: 150px
    }
}

.Syncing_slider .slick-dots {
    display: none !important
}

a.goCenter {
    position: absolute;
    top: -2.2em;
    left: 50%;
    margin-left: -480px;
    padding: 0 .5em;
    height: 2em;
    line-height: 2em;
    background: #32384c;
    color: #fff;
    text-decoration: none;
    z-index: 999999999999;
    opacity: 0;
    transition: .5s;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 4px 4px;
    color: #FFF
}

@media screen and (max-width: 991px) {
    a.goCenter {
        display: none
    }
}

a.goCenter:hover, a.goCenter:focus {
    outline: none;
    top: 0;
    opacity: 1
}

.no-js noscript {
    display: block;
    padding: .5em;
    border: 2px solid #8d450c;
    background: #FFF;
    color: #666;
    overflow: hidden;
    line-height: 1.45em;
    font-size: .813em;
    margin: 0 .5em .5em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .no-js noscript a {
        color: #8d450c
    }

        .no-js noscript a:hover, .no-js noscript a:focus {
            color: #8d450c
        }

.no-js .search noscript {
    margin-left: 1%;
    margin-right: 1%
}

.no-js .tabSet {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

    .no-js .tabSet .tabItem {
        width: 100%;
        display: block;
        position: relative;
        color: #000;
        margin-bottom: 0px;
        border-bottom: 3px solid #ddd
    }

        .no-js .tabSet .tabItem > a {
            background: none;
            font-size: 1.5em;
            color: #000
        }

        .no-js .tabSet .tabItem:before {
            display: none
        }

        .no-js .tabSet .tabItem.active {
            color: #000;
            width: 100%;
            display: block;
            position: relative;
            border-bottom: 3px solid #ddd
        }

            .no-js .tabSet .tabItem.active > a {
                color: #000;
                background: none
            }

    .no-js .tabSet .tabContent {
        width: 100%;
        position: relative;
        display: block
    }

.no-js .mp_slider {
    overflow: hidden
}

    .no-js .mp_slider .img-container {
        float: left;
        display: block;
        width: 48%;
        height: 200px;
        margin: 0px 1% 1em 0
    }

@media screen and (max-width: 991px) {
    .no-js .mp_slider .img-container {
        width: 80%;
        margin: 0px auto 1em;
        float: none
    }
}

.no-js .mp_slider .img-container img {
    width: 100%
}

.no-js .news_card ul li {
    float: left;
    display: block;
    width: 30%;
    min-height: 400px;
    margin: 0px 1% 1em 0
}

    .no-js .news_card ul li h3 {
        height: 3em;
        display: block;
        overflow: hidden;
        line-height: 1.5em
    }

    .no-js .news_card ul li p {
        height: 4.5em;
        display: block;
        overflow: hidden;
        line-height: 1.5em
    }

@media screen and (max-width: 991px) {
    .no-js .news_card ul li {
        width: 80%;
        margin: 0px auto 1em;
        float: none
    }
}

.no-js .news_list ul li a.more {
    clear: none
}

.no-js .marquee {
    height: auto
}

    .no-js .marquee li {
        display: block;
        list-style: disc
    }

        .no-js .marquee li a:before {
            content: "";
            width: 6px;
            height: 6px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #666;
            display: inline-block;
            margin-right: .5em;
            vertical-align: middle
        }

.no-js .multi_photo ul, .no-js .multi_video ul {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both
}

    .no-js .multi_photo ul li, .no-js .multi_video ul li {
        float: left;
        display: block;
        width: 45%;
        margin: 0px 1% 1em 0
    }

        .no-js .multi_photo ul li h3, .no-js .multi_video ul li h3 {
            height: 3em;
            display: block;
            overflow: hidden;
            line-height: 1.5em
        }

        .no-js .multi_photo ul li p, .no-js .multi_video ul li p {
            height: 4.5em;
            display: block;
            overflow: hidden;
            line-height: 1.5em
        }

@media screen and (max-width: 991px) {
    .no-js .multi_photo ul li, .no-js .multi_video ul li {
        width: 80%;
        margin: 0px auto 1em;
        float: none
    }
}

.no-js a.more {
    clear: both
}

.no-js .ad_banner ul li {
    width: 165px;
    height: 55px;
    float: left;
    margin: 0px 1.1em 1em 0
}

@media print {
    @page {
    }

    *, body, .main, .content {
        background: none
    }

    header, .fatfooter, footer, .accesskey, .submenu, .function, .share {
        display: none
    }

    body {
        background: transparent;
        font-size: 11pt;
        float: none;
        width: 100%;
        -webkit-print-color-adjust: exact
    }

    .container {
        margin: 0px auto;
        max-width: 96% !important;
        width: 96% !important;
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .cp {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0px
    }

        .cp .info {
            padding: 0;
            margin-bottom: .2cm
        }

            .cp .info li {
                display: inline-block;
                float: none;
                margin-right: 1em;
                width: auto
            }

    .main_menu {
        display: none
    }

    .main, .content {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100%;
        box-shadow: none;
        float: none;
        overflow: hidden;
        *zoom: 1
    }

        .main h2.title, .content h2.title {
            margin: .2cm 0
        }

        .main img, .content img {
            max-width: 80%;
            margin: 0px auto 1em;
            float: none;
            page-break-inside: avoid
        }

            .main img.float_left, .content img.float_left {
                max-width: 25%;
                float: left;
                margin: 0px 1em 1em 0;
                min-width: 160px
            }

            .main img.float_right, .content img.float_right {
                max-width: 25%;
                float: right;
                margin: 0px 0 1em 1em;
                min-width: 160px
            }

        .main a:link, .main a:visited, .main a, .content a:link, .content a:visited, .content a {
            background: transparent;
            color: #222;
            font-weight: bold;
            text-decoration: underline;
            text-align: left;
            word-wrap: break-word
        }

        .main p, .content p {
            line-height: 1.65
        }

            .main p a, .content p a {
                word-wrap: break-word
            }

                .main p a[href^="http"]:after, .content p a[href^="http"]:after {
                    content: " (" attr(href) ")";
                    font-size: 90%
                }

                .main p a[href^="#"]:after, .content p a[href^="#"]:after {
                    display: none
                }

        .main abbr[title]:after, .content abbr[title]:after {
            content: " (" attr(title) ")"
        }

        .main table, .content table {
            background: #FFF
        }

        .main li, .content li {
            content: "» "
        }

        .main .lightbox_slider, .content .lightbox_slider {
            page-break-inside: avoid;
            overflow: hidden;
            height: 6cm
        }

            .main .lightbox_slider .cp_slider, .content .lightbox_slider .cp_slider {
                text-align: center
            }

                .main .lightbox_slider .cp_slider .slick-slide, .content .lightbox_slider .cp_slider .slick-slide {
                    width: 30%;
                    height: 4cm;
                    display: inline-block;
                    background: #DEDEDE;
                    position: relative
                }

                    .main .lightbox_slider .cp_slider .slick-slide:before, .content .lightbox_slider .cp_slider .slick-slide:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        width: 100%;
                        height: 100%;
                        box-shadow: 0px 0px 0px 1px #ccc
                    }

                    .main .lightbox_slider .cp_slider .slick-slide img, .content .lightbox_slider .cp_slider .slick-slide img {
                        width: auto;
                        height: auto;
                        max-width: 100%;
                        max-height: 4cm;
                        display: inline-block;
                        vertical-align: middle
                    }

    .file_download a {
        display: block !important;
        clear: both !important;
        width: 100% !important
    }

    .file_download .update, .file_download .file_view {
        float: none !important;
        width: 30% !important;
        display: inline-block !important;
        margin-left: 3em
    }

    *, *:before, *:after, *:first-letter, p:first-line, div:first-line, blockquote:first-line, li:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    thead {
        display: table-header-group
    }

    .cascading {
        overflow: hidden;
        vertical-align: top
    }

        .cascading li {
            vertical-align: top;
            display: inline-block;
            width: 100% !important
        }

            .cascading li a {
                font-size: 15pt
            }

            .cascading li li {
                vertical-align: top;
                width: 100% !important
            }

                .cascading li li a {
                    font-size: 13pt
                }
}
/*# sourceMappingURL=hyui.css.map */