:root {
    /*--font-family-sans-serif: "微軟正黑體", "Microsoft JhengHei", "蘋果儷中黑", Arial, sans-serif*/
    --font-family-sans-serif: "細明體", "MingLiU", "蘋果儷中黑", Arial, sans-serif
}

@font-face {
    font-family: "MingLiU";
    src: url(../font/MingLiU.woff),url(../font/MingLiU.ttf)
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

body {
    margin: 0;
    /*font-family: "微軟正黑體","Microsoft JhengHei","蘋果儷中黑",Arial,sans-serif;*/
    font-family: 細明體, "MingLiU", 蘋果儷中黑, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

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

    a:link {
        color: #555
    }

    a:visited {
        color: #0e76c0
    }

    a:hover, a:active, a:focus {
        color: #dc3545;
        text-decoration: none
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

pre, code, kbd, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
        cursor: pointer
    }

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

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

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1, .h1 {
    font-size: 2.5rem
}

h2, .h2 {
    font-size: 2rem
}

h3, .h3 {
    font-size: 1.75rem
}

h4, .h4 {
    font-size: 1.5rem
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small, .small {
    font-size: 80%;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "— "
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 748px
    }
}

@media(min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .form-group.row .col-input, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .wdgt-col.search-law, .wdgt-col.search-smart, .col-xl-5, .col-xl-4, .form-group.row .col-input.sh, .col-xl-3, .col-xl-2, .form-group.row .col-label, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .hurdle.row .col-main, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .hurdle.row .col-tree, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .form-group.row .col-note, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-article-eng, .col-article, .col-heading, .form-group.row .col-full, .wdgt-col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12, .col-article-eng, .col-article, .col-heading, .hurdle.row .col-main, .hurdle.row .col-tree, .form-group.row .col-note, .form-group.row .col-full, .wdgt-col {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

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

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

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

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

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

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12, .form-group.row .col-input.sh, .form-group.row .col-input, .form-group.row .col-label, .wdgt-col.search-law, .wdgt-col.search-smart {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2, .form-group.row .col-label {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4, .hurdle.row .col-tree, .form-group.row .col-input.sh {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6, .form-group.row .col-note {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8, .hurdle.row .col-main {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10, .form-group.row .col-input {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2, .form-group.row .col-label {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3, .hurdle.row .col-tree {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4, .form-group.row .col-input.sh {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9, .hurdle.row .col-main {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10, .form-group.row .col-input {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2, .form-group.row .col-label {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4, .form-group.row .col-input.sh {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6, .wdgt-col.search-law, .wdgt-col.search-smart {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10, .form-group.row .col-input {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

    .table th, .table td {
        padding: .4rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

        .table th a:hover, .table td a:hover {
            text-decoration: none
        }

        .table th a.law-link .badge, .table td a.law-link .badge {
            font-weight: 500;
            margin: 0 .25rem
        }

        .table td.flex-td-vert {
            display: flex;
            flex-direction: column
        }

    .table thead th {
        padding-top: .2rem;
        padding-bottom: .2rem;
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

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

.table-sm th, .table-sm td {
    padding: .3rem
}

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

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6
    }

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

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd), .table-tab tbody tr:nth-of-type(odd), .table-result tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #bcd9ed
}

    .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
        border-color: #82b8de
    }

.table-hover .table-primary:hover {
    background-color: #a8cee8
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #a8cee8
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db
}

    .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
        border-color: #b3b7bb
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #c3e6cb
}

    .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
        border-color: #8fd19e
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #bee5eb
}

    .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
        border-color: #86cfda
    }

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba
}

    .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
        border-color: #ffdf7e
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c6cb
}

    .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
        border-color: #ed969e
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

    .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca
}

    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color: #95999c
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-reset, .table-reset > th, .table-reset > td {
    background-color: #f5f5f5
}

    .table-reset th, .table-reset td, .table-reset thead th, .table-reset tbody + tbody {
        border-color: #ececec
    }

.table-hover .table-reset:hover {
    background-color: #e8e8e8
}

    .table-hover .table-reset:hover > td, .table-hover .table-reset:hover > th {
        background-color: #e8e8e8
    }

.table-count, .table-count > th, .table-count > td {
    background-color: #edf8ff
}

    .table-count th, .table-count td, .table-count thead th, .table-count tbody + tbody {
        border-color: #def1ff
    }

.table-hover .table-count:hover {
    background-color: #d4eeff
}

    .table-hover .table-count:hover > td, .table-hover .table-count:hover > th {
        background-color: #d4eeff
    }

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,.075)
    }

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media(max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

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

.table-plain {
    font-family: "細明體" !important;
    margin: 0 auto;
    border-collapse: separate !important;
    border: 1px solid #a0a0a0;
    border-width: 1px 1px 0 0
}

@media print {
    .table-plain {
        border-width: 0
    }
}

.table-plain table {
    width: 100%;
    border-collapse: collapse;
    white-space: normal
}

@media print {
    .table-plain table {
        border-collapse: unset;
        border-width: 0
    }
}

.table-plain th, .table-plain td {
    padding: .2rem .3rem;
    border: 1px solid #a0a0a0;
    border-width: 0 0 1px 1px
}

@media print {
    .table-plain th, .table-plain td {
        border-width: 1px
    }
}

.table-plain tr.no-baseline th, .table-plain tr.no-baseline td {
    border-bottom-width: 0 !important
}

@media print {
    .table-plain tr.no-baseline th, .table-plain tr.no-baseline td {
        border-bottom-width: 1px !important;
        border-bottom-color: #fff !important
    }
}

.table-plain tr.align-noborder th, .table-plain tr.align-noborder td {
    vertical-align: top;
    border-bottom-width: 0 !important
}

@media print {
    .table-plain tr.align-noborder th, .table-plain tr.align-noborder td {
        border-bottom-width: 1px !important;
        border-bottom-color: #fff !important
    }
}

.table-plain tr.align-noborder.last th, .table-plain tr.align-noborder.last td {
    border-bottom-width: 1px !important
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #5ab4f3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(14,118,192,.25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: .25rem .5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size], select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .25rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 5px
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 5px
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3545
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media(min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

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

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

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(14,118,192,.25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary, .aid-btns .btn {
    color: #fff;
    background-color: #0e76c0;
    border-color: #0e76c0
}

    .btn-primary:hover, .aid-btns .btn:hover {
        color: #fff;
        background-color: #0b609c;
        border-color: #0b5990
    }

    .btn-primary:focus, .aid-btns .btn:focus, .btn-primary.focus, .aid-btns .focus.btn {
        color: #fff;
        background-color: #0b609c;
        border-color: #0b5990;
        box-shadow: 0 0 0 .2rem rgba(50,139,201,.5)
    }

    .btn-primary.disabled, .aid-btns .disabled.btn, .btn-primary:disabled, .aid-btns .btn:disabled {
        color: #fff;
        background-color: #0e76c0;
        border-color: #0e76c0
    }

    .btn-primary:not(:disabled):not(.disabled):active, .aid-btns .btn:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .aid-btns .btn:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .aid-btns .show > .dropdown-toggle.btn {
        color: #fff;
        background-color: #0b5990;
        border-color: #0a5185
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .aid-btns .btn:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .aid-btns .btn:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .aid-btns .show > .dropdown-toggle.btn:focus {
            box-shadow: 0 0 0 .2rem rgba(50,139,201,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light:focus, .btn-light.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
        }

.btn-reset {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

    .btn-reset:hover {
        color: #212529;
        background-color: #c8c8c8;
        border-color: #c2c2c2
    }

    .btn-reset:focus, .btn-reset.focus {
        color: #212529;
        background-color: #c8c8c8;
        border-color: #c2c2c2;
        box-shadow: 0 0 0 .2rem rgba(191,192,192,.5)
    }

    .btn-reset.disabled, .btn-reset:disabled {
        color: #212529;
        background-color: #dbdbdb;
        border-color: #dbdbdb
    }

    .btn-reset:not(:disabled):not(.disabled):active, .btn-reset:not(:disabled):not(.disabled).active, .show > .btn-reset.dropdown-toggle {
        color: #212529;
        background-color: #c2c2c2;
        border-color: #bbb
    }

        .btn-reset:not(:disabled):not(.disabled):active:focus, .btn-reset:not(:disabled):not(.disabled).active:focus, .show > .btn-reset.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(191,192,192,.5)
        }

.btn-count {
    color: #212529;
    background-color: #c0e5ff;
    border-color: #c0e5ff
}

    .btn-count:hover {
        color: #212529;
        background-color: #9ad5ff;
        border-color: #8dd0ff
    }

    .btn-count:focus, .btn-count.focus {
        color: #212529;
        background-color: #9ad5ff;
        border-color: #8dd0ff;
        box-shadow: 0 0 0 .2rem rgba(168,200,223,.5)
    }

    .btn-count.disabled, .btn-count:disabled {
        color: #212529;
        background-color: #c0e5ff;
        border-color: #c0e5ff
    }

    .btn-count:not(:disabled):not(.disabled):active, .btn-count:not(:disabled):not(.disabled).active, .show > .btn-count.dropdown-toggle {
        color: #212529;
        background-color: #8dd0ff;
        border-color: #80cbff
    }

        .btn-count:not(:disabled):not(.disabled):active:focus, .btn-count:not(:disabled):not(.disabled).active:focus, .show > .btn-count.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(168,200,223,.5)
        }

.btn-outline-primary {
    color: #0e76c0;
    border-color: #0e76c0
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0e76c0;
        border-color: #0e76c0
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(14,118,192,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #0e76c0;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #0e76c0;
        border-color: #0e76c0
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(14,118,192,.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

.btn-outline-success, .contact-person button.btn[data-toggle=dropdown] {
    color: #28a745;
    border-color: #28a745
}

    .btn-outline-success:hover, .contact-person button.btn[data-toggle=dropdown]:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:focus, .contact-person button.btn[data-toggle=dropdown]:focus, .btn-outline-success.focus, .contact-person button.focus.btn[data-toggle=dropdown] {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-outline-success.disabled, .contact-person button.disabled.btn[data-toggle=dropdown], .btn-outline-success:disabled, .contact-person button.btn[data-toggle=dropdown]:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .contact-person button.btn[data-toggle=dropdown]:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .contact-person button.btn[data-toggle=dropdown]:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle, .contact-person .show > button.dropdown-toggle.btn[data-toggle=dropdown] {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .contact-person button.btn[data-toggle=dropdown]:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .contact-person button.btn[data-toggle=dropdown]:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus, .contact-person .show > button.dropdown-toggle.btn[data-toggle=dropdown]:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
        }

.btn-outline-reset {
    color: #dbdbdb;
    border-color: #dbdbdb
}

    .btn-outline-reset:hover {
        color: #212529;
        background-color: #dbdbdb;
        border-color: #dbdbdb
    }

    .btn-outline-reset:focus, .btn-outline-reset.focus {
        box-shadow: 0 0 0 .2rem rgba(219,219,219,.5)
    }

    .btn-outline-reset.disabled, .btn-outline-reset:disabled {
        color: #dbdbdb;
        background-color: transparent
    }

    .btn-outline-reset:not(:disabled):not(.disabled):active, .btn-outline-reset:not(:disabled):not(.disabled).active, .show > .btn-outline-reset.dropdown-toggle {
        color: #212529;
        background-color: #dbdbdb;
        border-color: #dbdbdb
    }

        .btn-outline-reset:not(:disabled):not(.disabled):active:focus, .btn-outline-reset:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-reset.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(219,219,219,.5)
        }

.btn-outline-count {
    color: #c0e5ff;
    border-color: #c0e5ff
}

    .btn-outline-count:hover {
        color: #212529;
        background-color: #c0e5ff;
        border-color: #c0e5ff
    }

    .btn-outline-count:focus, .btn-outline-count.focus {
        box-shadow: 0 0 0 .2rem rgba(192,229,255,.5)
    }

    .btn-outline-count.disabled, .btn-outline-count:disabled {
        color: #c0e5ff;
        background-color: transparent
    }

    .btn-outline-count:not(:disabled):not(.disabled):active, .btn-outline-count:not(:disabled):not(.disabled).active, .show > .btn-outline-count.dropdown-toggle {
        color: #212529;
        background-color: #c0e5ff;
        border-color: #c0e5ff
    }

        .btn-outline-count:not(:disabled):not(.disabled):active:focus, .btn-outline-count:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-count.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(192,229,255,.5)
        }

.btn-link {
    font-weight: 400;
    color: #555;
    text-decoration: none
}

    .btn-link:hover {
        color: #2f2f2f;
        text-decoration: underline
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-lg, .btn-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm, .contact-person button.btn[data-toggle=dropdown], .btn-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

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

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

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #0e76c0
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

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

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
            z-index: 1
        }

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

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px
}

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

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

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .contact-person button.btn[data-toggle=dropdown] + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px
        }

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

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

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

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

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
            margin-left: -1px
        }

        .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.input-group-prepend, .input-group-append {
    display: flex
}

    .input-group-prepend .btn, .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-prepend .btn:focus, .input-group-append .btn:focus {
            z-index: 3
        }

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

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

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px)
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #0e76c0;
        background-color: #0e76c0
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(14,118,192,.25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #5ab4f3
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #8ac9f6;
        border-color: #8ac9f6
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50%/50% 50% no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #0e76c0;
    background-color: #0e76c0
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(14,118,192,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(14,118,192,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(14,118,192,.5)
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(0.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

@media(prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(14,118,192,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

    .custom-select:focus {
        border-color: #5ab4f3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(14,118,192,.25)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

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

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
    }

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: 0.875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #5ab4f3;
        box-shadow: 0 0 0 .2rem rgba(14,118,192,.25)
    }

    .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(14,118,192,.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(14,118,192,.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(14,118,192,.25)
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #0e76c0;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

@media(prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #8ac9f6
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0e76c0;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #8ac9f6
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #0e76c0;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #8ac9f6
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

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

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

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

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

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

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #0e76c0
    }

.nav-fill > .nav-link, .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified > .nav-link, .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

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

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media(max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media(max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media(max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media(max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group, .card > .law-eng, .card > .downloader, .card > .law {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child, .card > .law-eng:first-child, .card > .downloader:first-child, .card > .law:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px)
        }

        .card > .list-group:last-child, .card > .law-eng:last-child, .card > .downloader:last-child, .card > .law:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px)
        }

        .card > .card-header + .list-group, .card > .card-header + .law-eng, .card > .card-header + .downloader, .card > .card-header + .law, .card > .list-group + .card-footer, .card > .law-eng + .card-footer, .card > .downloader + .card-footer, .card > .law + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px)
}

.card-img, .card-img-top, .card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media(min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group > .card {
    margin-bottom: 15px
}

@media(min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0
                }

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

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        content: ""
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link, .paging .paging-counts span {
    position: relative;
    display: block;
    padding: .3rem .5rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #555;
    background-color: #fff;
    border: 1px solid #dee2e6;
    font-style: .875rem
}

    .page-link:link, .paging .paging-counts span:link, .page-link:visited, .paging .paging-counts span:visited {
        color: #555
    }

    .page-link:hover, .paging .paging-counts span:hover {
        z-index: 2;
        color: #2f2f2f;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus, .paging .paging-counts span:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(14,118,192,.25)
    }

.page-item {
    flex: 1 1 0;
    white-space: nowrap
}

    .page-item:first-child .page-link, .page-item:first-child .paging .paging-counts span, .paging .paging-counts .page-item:first-child span {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .page-item:last-child .page-link, .page-item:last-child .paging .paging-counts span, .paging .paging-counts .page-item:last-child span {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .page-item.active .page-link, .page-item.active .paging .paging-counts span, .paging .paging-counts .page-item.active span {
        z-index: 3;
        color: #fff;
        background-color: #0e76c0;
        border-color: #0e76c0
    }

    .page-item.disabled .page-link, .page-item.disabled .paging .paging-counts span, .paging .paging-counts .page-item.disabled span {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6
    }

.pagination-lg .page-link, .pagination-lg .paging .paging-counts span, .paging .paging-counts .pagination-lg span {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link, .pagination-lg .page-item:first-child .paging .paging-counts span, .paging .paging-counts .pagination-lg .page-item:first-child span {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link, .pagination-lg .page-item:last-child .paging .paging-counts span, .paging .paging-counts .pagination-lg .page-item:last-child span {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link, .pagination-sm .paging .paging-counts span, .paging .paging-counts .pagination-sm span {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:first-child .paging .paging-counts span, .paging .paging-counts .pagination-sm .page-item:first-child span {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link, .pagination-sm .page-item:last-child .paging .paging-counts span, .paging .paging-counts .pagination-sm .page-item:last-child span {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

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

.badge-pill, .nodeless a .badge, .table th a.law-link .badge.badge-renamed, .table td a.law-link .badge.badge-renamed, .table th a.law-link .badge.badge-deprecated, .table td a.law-link .badge.badge-deprecated {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #0e76c0
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0b5990
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(14,118,192,.5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.badge-warning, .table th a.law-link .badge.badge-renamed, .table td a.law-link .badge.badge-renamed {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover, .table th a.law-link a.badge.badge-renamed:hover, .table td a.law-link a.badge.badge-renamed:hover, a.badge-warning:focus, .table th a.law-link a.badge.badge-renamed:focus, .table td a.law-link a.badge.badge-renamed:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus, .table th a.law-link a.badge.badge-renamed:focus, .table td a.law-link a.badge.badge-renamed:focus, a.badge-warning.focus, .table th a.law-link a.focus.badge.badge-renamed, .table td a.law-link a.focus.badge.badge-renamed {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.badge-danger, .nodeless a.total-count .badge, .table th a.law-link .badge.badge-deprecated, .table td a.law-link .badge.badge-deprecated {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover, .nodeless a.total-count a.badge:hover, .table th a.law-link a.badge.badge-deprecated:hover, .table td a.law-link a.badge.badge-deprecated:hover, a.badge-danger:focus, .nodeless a.total-count a.badge:focus, .table th a.law-link a.badge.badge-deprecated:focus, .table td a.law-link a.badge.badge-deprecated:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus, .nodeless a.total-count a.badge:focus, .table th a.law-link a.badge.badge-deprecated:focus, .table td a.law-link a.badge.badge-deprecated:focus, a.badge-danger.focus, .nodeless a.total-count a.focus.badge, .table th a.law-link a.focus.badge.badge-deprecated, .table td a.law-link a.focus.badge.badge-deprecated {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.badge-reset {
    color: #212529;
    background-color: #dbdbdb
}

a.badge-reset:hover, a.badge-reset:focus {
    color: #212529;
    background-color: #c2c2c2
}

a.badge-reset:focus, a.badge-reset.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(219,219,219,.5)
}

.badge-count, .nodeless a .badge {
    color: #212529;
    background-color: #c0e5ff
}

a.badge-count:hover, .nodeless a a.badge:hover, a.badge-count:focus, .nodeless a a.badge:focus {
    color: #212529;
    background-color: #8dd0ff
}

a.badge-count:focus, .nodeless a a.badge:focus, a.badge-count.focus, .nodeless a a.focus.badge {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(192,229,255,.5)
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group, .law-eng, .downloader, .law {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item, .law-eng li, .downloader li, .law li {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child, .law-eng li:first-child, .downloader li:first-child, .law li:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child, .law-eng li:last-child, .downloader li:last-child, .law li:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .law-eng li.disabled, .downloader li.disabled, .law li.disabled, .list-group-item:disabled, .law-eng li:disabled, .downloader li:disabled, .law li:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active, .law-eng li.active, .downloader li.active, .law li.active {
        z-index: 2;
        color: #fff;
        background-color: #0e76c0;
        border-color: #0e76c0
    }

    .list-group-item + .list-group-item, .law-eng li + .list-group-item, .law-eng .list-group-item + li, .law-eng li + li, .downloader li + .list-group-item, .downloader .list-group-item + li, .downloader li + li, .law li + .list-group-item, .law .list-group-item + li, .law li + li {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active, .law-eng li + .list-group-item.active, .law-eng .list-group-item + li.active, .law-eng li + li.active, .downloader li + .list-group-item.active, .downloader .list-group-item + li.active, .downloader li + li.active, .law li + .list-group-item.active, .law .list-group-item + li.active, .law li + li.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child, .law-eng .list-group-horizontal > li:first-child, .downloader .list-group-horizontal > li:first-child, .law .list-group-horizontal > li:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child, .law-eng .list-group-horizontal > li:last-child, .downloader .list-group-horizontal > li:last-child, .law .list-group-horizontal > li:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active, .law-eng .list-group-horizontal > li.active, .downloader .list-group-horizontal > li.active, .law .list-group-horizontal > li.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item, .law-eng .list-group-horizontal > li + .list-group-item, .law-eng .list-group-horizontal > .list-group-item + li, .law-eng .list-group-horizontal > li + li, .downloader .list-group-horizontal > li + .list-group-item, .downloader .list-group-horizontal > .list-group-item + li, .downloader .list-group-horizontal > li + li, .law .list-group-horizontal > li + .list-group-item, .law .list-group-horizontal > .list-group-item + li, .law .list-group-horizontal > li + li {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active, .law-eng .list-group-horizontal > li + .list-group-item.active, .law-eng .list-group-horizontal > .list-group-item + li.active, .law-eng .list-group-horizontal > li + li.active, .downloader .list-group-horizontal > li + .list-group-item.active, .downloader .list-group-horizontal > .list-group-item + li.active, .downloader .list-group-horizontal > li + li.active, .law .list-group-horizontal > li + .list-group-item.active, .law .list-group-horizontal > .list-group-item + li.active, .law .list-group-horizontal > li + li.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child, .law-eng .list-group-horizontal-sm > li:first-child, .downloader .list-group-horizontal-sm > li:first-child, .law .list-group-horizontal-sm > li:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child, .law-eng .list-group-horizontal-sm > li:last-child, .downloader .list-group-horizontal-sm > li:last-child, .law .list-group-horizontal-sm > li:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active, .law-eng .list-group-horizontal-sm > li.active, .downloader .list-group-horizontal-sm > li.active, .law .list-group-horizontal-sm > li.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item, .law-eng .list-group-horizontal-sm > li + .list-group-item, .law-eng .list-group-horizontal-sm > .list-group-item + li, .law-eng .list-group-horizontal-sm > li + li, .downloader .list-group-horizontal-sm > li + .list-group-item, .downloader .list-group-horizontal-sm > .list-group-item + li, .downloader .list-group-horizontal-sm > li + li, .law .list-group-horizontal-sm > li + .list-group-item, .law .list-group-horizontal-sm > .list-group-item + li, .law .list-group-horizontal-sm > li + li {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active, .law-eng .list-group-horizontal-sm > li + .list-group-item.active, .law-eng .list-group-horizontal-sm > .list-group-item + li.active, .law-eng .list-group-horizontal-sm > li + li.active, .downloader .list-group-horizontal-sm > li + .list-group-item.active, .downloader .list-group-horizontal-sm > .list-group-item + li.active, .downloader .list-group-horizontal-sm > li + li.active, .law .list-group-horizontal-sm > li + .list-group-item.active, .law .list-group-horizontal-sm > .list-group-item + li.active, .law .list-group-horizontal-sm > li + li.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child, .law-eng .list-group-horizontal-md > li:first-child, .downloader .list-group-horizontal-md > li:first-child, .law .list-group-horizontal-md > li:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child, .law-eng .list-group-horizontal-md > li:last-child, .downloader .list-group-horizontal-md > li:last-child, .law .list-group-horizontal-md > li:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active, .law-eng .list-group-horizontal-md > li.active, .downloader .list-group-horizontal-md > li.active, .law .list-group-horizontal-md > li.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item, .law-eng .list-group-horizontal-md > li + .list-group-item, .law-eng .list-group-horizontal-md > .list-group-item + li, .law-eng .list-group-horizontal-md > li + li, .downloader .list-group-horizontal-md > li + .list-group-item, .downloader .list-group-horizontal-md > .list-group-item + li, .downloader .list-group-horizontal-md > li + li, .law .list-group-horizontal-md > li + .list-group-item, .law .list-group-horizontal-md > .list-group-item + li, .law .list-group-horizontal-md > li + li {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active, .law-eng .list-group-horizontal-md > li + .list-group-item.active, .law-eng .list-group-horizontal-md > .list-group-item + li.active, .law-eng .list-group-horizontal-md > li + li.active, .downloader .list-group-horizontal-md > li + .list-group-item.active, .downloader .list-group-horizontal-md > .list-group-item + li.active, .downloader .list-group-horizontal-md > li + li.active, .law .list-group-horizontal-md > li + .list-group-item.active, .law .list-group-horizontal-md > .list-group-item + li.active, .law .list-group-horizontal-md > li + li.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child, .law-eng .list-group-horizontal-lg > li:first-child, .downloader .list-group-horizontal-lg > li:first-child, .law .list-group-horizontal-lg > li:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child, .law-eng .list-group-horizontal-lg > li:last-child, .downloader .list-group-horizontal-lg > li:last-child, .law .list-group-horizontal-lg > li:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active, .law-eng .list-group-horizontal-lg > li.active, .downloader .list-group-horizontal-lg > li.active, .law .list-group-horizontal-lg > li.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item, .law-eng .list-group-horizontal-lg > li + .list-group-item, .law-eng .list-group-horizontal-lg > .list-group-item + li, .law-eng .list-group-horizontal-lg > li + li, .downloader .list-group-horizontal-lg > li + .list-group-item, .downloader .list-group-horizontal-lg > .list-group-item + li, .downloader .list-group-horizontal-lg > li + li, .law .list-group-horizontal-lg > li + .list-group-item, .law .list-group-horizontal-lg > .list-group-item + li, .law .list-group-horizontal-lg > li + li {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active, .law-eng .list-group-horizontal-lg > li + .list-group-item.active, .law-eng .list-group-horizontal-lg > .list-group-item + li.active, .law-eng .list-group-horizontal-lg > li + li.active, .downloader .list-group-horizontal-lg > li + .list-group-item.active, .downloader .list-group-horizontal-lg > .list-group-item + li.active, .downloader .list-group-horizontal-lg > li + li.active, .law .list-group-horizontal-lg > li + .list-group-item.active, .law .list-group-horizontal-lg > .list-group-item + li.active, .law .list-group-horizontal-lg > li + li.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child, .law-eng .list-group-horizontal-xl > li:first-child, .downloader .list-group-horizontal-xl > li:first-child, .law .list-group-horizontal-xl > li:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child, .law-eng .list-group-horizontal-xl > li:last-child, .downloader .list-group-horizontal-xl > li:last-child, .law .list-group-horizontal-xl > li:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active, .law-eng .list-group-horizontal-xl > li.active, .downloader .list-group-horizontal-xl > li.active, .law .list-group-horizontal-xl > li.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item, .law-eng .list-group-horizontal-xl > li + .list-group-item, .law-eng .list-group-horizontal-xl > .list-group-item + li, .law-eng .list-group-horizontal-xl > li + li, .downloader .list-group-horizontal-xl > li + .list-group-item, .downloader .list-group-horizontal-xl > .list-group-item + li, .downloader .list-group-horizontal-xl > li + li, .law .list-group-horizontal-xl > li + .list-group-item, .law .list-group-horizontal-xl > .list-group-item + li, .law .list-group-horizontal-xl > li + li {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active, .law-eng .list-group-horizontal-xl > li + .list-group-item.active, .law-eng .list-group-horizontal-xl > .list-group-item + li.active, .law-eng .list-group-horizontal-xl > li + li.active, .downloader .list-group-horizontal-xl > li + .list-group-item.active, .downloader .list-group-horizontal-xl > .list-group-item + li.active, .downloader .list-group-horizontal-xl > li + li.active, .law .list-group-horizontal-xl > li + .list-group-item.active, .law .list-group-horizontal-xl > .list-group-item + li.active, .law .list-group-horizontal-xl > li + li.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item, .law-eng .list-group-flush > li, .downloader .list-group-flush > li, .law .list-group-flush > li {
        border-width: 0 0 1px
    }

        .list-group-flush > .list-group-item:last-child, .law-eng .list-group-flush > li:last-child, .downloader .list-group-flush > li:last-child, .law .list-group-flush > li:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #073d64;
    background-color: #bcd9ed
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #073d64;
        background-color: #a8cee8
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #073d64;
        border-color: #073d64
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.list-group-item-reset {
    color: #727272;
    background-color: #f5f5f5
}

    .list-group-item-reset.list-group-item-action:hover, .list-group-item-reset.list-group-item-action:focus {
        color: #727272;
        background-color: #e8e8e8
    }

    .list-group-item-reset.list-group-item-action.active {
        color: #fff;
        background-color: #727272;
        border-color: #727272
    }

.list-group-item-count {
    color: #647785;
    background-color: #edf8ff
}

    .list-group-item-count.list-group-item-action:hover, .list-group-item-count.list-group-item-action:focus {
        color: #647785;
        background-color: #d4eeff
    }

    .list-group-item-count.list-group-item-action.active {
        color: #fff;
        background-color: #647785;
        border-color: #647785
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:hover {
        color: #000;
        text-decoration: none
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

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

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: min-content;
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 8px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 700;
    font-size: 1.25rem
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

    .modal-footer > * {
        margin: .25rem
    }

    .modal-footer .btn.btn-primary, .modal-footer .aid-btns .btn, .aid-btns .modal-footer .btn {
        min-width: 8rem;
        border-radius: 3rem
    }

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

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: min-content
        }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    /*font-family: "微軟正黑體","Microsoft JhengHei","蘋果儷中黑",Arial,sans-ser*/ if;
    font-family: 細明體, "MingLiU", 蘋果儷中黑, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    /*font-family: "微軟正黑體","Microsoft JhengHei","蘋果儷中黑",Arial,sans-serif;*/
    font-family: 細明體, "MingLiU", 蘋果儷中黑, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
        bottom: calc(-0.5rem - 1px)
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: rgba(0,0,0,.25)
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
        left: calc(-0.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: rgba(0,0,0,.25)
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
        top: calc(-0.5rem - 1px)
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
            top: 0;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: rgba(0,0,0,.25)
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
        right: calc(-0.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: rgba(0,0,0,.25)
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .2s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .2s
}

@media(prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media(prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #0e76c0 !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0b5990 !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-reset {
    background-color: #dbdbdb !important
}

a.bg-reset:hover, a.bg-reset:focus, button.bg-reset:hover, button.bg-reset:focus {
    background-color: #c2c2c2 !important
}

.bg-count {
    background-color: #c0e5ff !important
}

a.bg-count:hover, a.bg-count:focus, button.bg-count:hover, button.bg-count:focus {
    background-color: #8dd0ff !important
}

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

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0e76c0 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-reset {
    border-color: #dbdbdb !important
}

.border-count {
    border-color: #c0e5ff !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none, .btn-infos, .wdgt-row.art-row, .table-tab thead {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-table-header-group {
    display: table-header-group !important
}

@media(min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-table-header-group, .table-tab thead {
        display: table-header-group !important
    }
}

@media(min-width: 768px) {
    .d-md-none, .btn-infos-drop {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex, .btn-infos {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-table-header-group {
        display: table-header-group !important
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block, .wdgt-row.art-row {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-table-header-group {
        display: table-header-group !important
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-table-header-group {
        display: table-header-group !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-table-header-group {
        display: table-header-group !important
    }
}

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

    .embed-responsive::before {
        display: block;
        content: ""
    }

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

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

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

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

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media(min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

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

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

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

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

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

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

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

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

@supports(position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
        transition: transform .3s 0s ease-in
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow, .cont-inner, .message .col-msg, .wdgt-col, .btn-floater {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

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

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -0.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -0.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -0.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -0.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -0.25rem !important
}

.m-n2 {
    margin: -0.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -0.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -0.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -0.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -0.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media(min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -0.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -0.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -0.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -0.25rem !important
    }

    .m-sm-n2 {
        margin: -0.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -0.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -0.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -0.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -0.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -0.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -0.25rem !important
    }

    .m-md-n2 {
        margin: -0.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -0.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -0.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -0.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -0.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -0.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -0.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -0.25rem !important
    }

    .m-lg-n2 {
        margin: -0.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -0.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -0.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -0.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xl-n2 {
        margin: -0.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -0.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #0e76c0 !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #094a79 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important
}

.text-reset {
    color: #dbdbdb !important
}

a.text-reset:hover, a.text-reset:focus {
    color: #b5b5b5 !important
}

.text-count {
    color: #c0e5ff !important
}

a.text-count:hover, a.text-count:focus {
    color: #74c5ff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, *::before, *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

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

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@media(min-width: 576px)and (max-width: 1199px) {
    .container-sm, .container {
        max-width: calc(100% - 15px)
    }
}

.pct-1 {
    width: .01
}

.pct-2 {
    width: .02
}

.pct-3 {
    width: .03
}

.pct-4 {
    width: .04
}

.pct-5 {
    width: .05
}

.pct-6 {
    width: .06
}

.pct-7 {
    width: .07
}

.pct-8 {
    width: .08
}

.pct-9 {
    width: .09
}

.pct-10 {
    width: .1
}

.pct-11 {
    width: .11
}

.pct-12 {
    width: .12
}

.pct-13 {
    width: .13
}

.pct-14 {
    width: .14
}

.pct-15 {
    width: .15
}

.pct-16 {
    width: .16
}

.pct-17 {
    width: .17
}

.pct-18 {
    width: .18
}

.pct-19 {
    width: .19
}

.pct-20 {
    width: .2
}

.pct-21 {
    width: .21
}

.pct-22 {
    width: .22
}

.pct-23 {
    width: .23
}

.pct-24 {
    width: .24
}

.pct-25 {
    width: .25
}

.pct-26 {
    width: .26
}

.pct-27 {
    width: .27
}

.pct-28 {
    width: .28
}

.pct-29 {
    width: .29
}

.pct-30 {
    width: .3
}

.pct-31 {
    width: .31
}

.pct-32 {
    width: .32
}

.pct-33 {
    width: .33
}

.pct-34 {
    width: .34
}

.pct-35 {
    width: .35
}

.pct-36 {
    width: .36
}

.pct-37 {
    width: .37
}

.pct-38 {
    width: .38
}

.pct-39 {
    width: .39
}

.pct-40 {
    width: .4
}

.pct-41 {
    width: .41
}

.pct-42 {
    width: .42
}

.pct-43 {
    width: .43
}

.pct-44 {
    width: .44
}

.pct-45 {
    width: .45
}

.pct-46 {
    width: .46
}

.pct-47 {
    width: .47
}

.pct-48 {
    width: .48
}

.pct-49 {
    width: .49
}

.pct-50 {
    width: .5
}

.pct-51 {
    width: .51
}

.pct-52 {
    width: .52
}

.pct-53 {
    width: .53
}

.pct-54 {
    width: .54
}

.pct-55 {
    width: .55
}

.pct-56 {
    width: .56
}

.pct-57 {
    width: .57
}

.pct-58 {
    width: .58
}

.pct-59 {
    width: .59
}

.pct-60 {
    width: .6
}

.pct-61 {
    width: .61
}

.pct-62 {
    width: .62
}

.pct-63 {
    width: .63
}

.pct-64 {
    width: .64
}

.pct-65 {
    width: .65
}

.pct-66 {
    width: .66
}

.pct-67 {
    width: .67
}

.pct-68 {
    width: .68
}

.pct-69 {
    width: .69
}

.pct-70 {
    width: .7
}

.pct-71 {
    width: .71
}

.pct-72 {
    width: .72
}

.pct-73 {
    width: .73
}

.pct-74 {
    width: .74
}

.pct-75 {
    width: .75
}

.pct-76 {
    width: .76
}

.pct-77 {
    width: .77
}

.pct-78 {
    width: .78
}

.pct-79 {
    width: .79
}

.pct-80 {
    width: .8
}

.pct-81 {
    width: .81
}

.pct-82 {
    width: .82
}

.pct-83 {
    width: .83
}

.pct-84 {
    width: .84
}

.pct-85 {
    width: .85
}

.pct-86 {
    width: .86
}

.pct-87 {
    width: .87
}

.pct-88 {
    width: .88
}

.pct-89 {
    width: .89
}

.pct-90 {
    width: .9
}

.pct-91 {
    width: .91
}

.pct-92 {
    width: .92
}

.pct-93 {
    width: .93
}

.pct-94 {
    width: .94
}

.pct-95 {
    width: .95
}

.pct-96 {
    width: .96
}

.pct-97 {
    width: .97
}

.pct-98 {
    width: .98
}

.pct-99 {
    width: .99
}

.pct-100 {
    width: 1
}

.wid-1 {
    width: 1rem
}

.wid-2 {
    width: 2rem
}

.wid-3 {
    width: 3rem
}

.wid-4 {
    width: 4rem
}

.wid-5 {
    width: 5rem
}

.wid-6 {
    width: 6rem
}

.wid-7 {
    width: 7rem
}

.wid-8 {
    width: 8rem
}

.wid-9 {
    width: 9rem
}

.wid-10 {
    width: 10rem
}

.wid-11 {
    width: 11rem
}

.wid-12 {
    width: 12rem
}

.wid-13 {
    width: 13rem
}

.wid-14 {
    width: 14rem
}

.wid-15 {
    width: 15rem
}

.wid-16 {
    width: 16rem
}

.wid-17 {
    width: 17rem
}

.wid-18 {
    width: 18rem
}

.wid-19 {
    width: 19rem
}

.wid-20 {
    width: 20rem
}

.wid-21 {
    width: 21rem
}

.wid-22 {
    width: 22rem
}

.wid-23 {
    width: 23rem
}

.wid-24 {
    width: 24rem
}

.wid-25 {
    width: 25rem
}

.wid-26 {
    width: 26rem
}

.wid-27 {
    width: 27rem
}

.wid-28 {
    width: 28rem
}

.wid-29 {
    width: 29rem
}

.wid-30 {
    width: 30rem
}

.wid-31 {
    width: 31rem
}

.wid-32 {
    width: 32rem
}

.wid-33 {
    width: 33rem
}

.wid-34 {
    width: 34rem
}

.wid-35 {
    width: 35rem
}

.wid-36 {
    width: 36rem
}

.wid-37 {
    width: 37rem
}

.wid-38 {
    width: 38rem
}

.wid-39 {
    width: 39rem
}

.wid-40 {
    width: 40rem
}

.wid-41 {
    width: 41rem
}

.wid-42 {
    width: 42rem
}

.wid-43 {
    width: 43rem
}

.wid-44 {
    width: 44rem
}

.wid-45 {
    width: 45rem
}

.wid-46 {
    width: 46rem
}

.wid-47 {
    width: 47rem
}

.wid-48 {
    width: 48rem
}

.wid-49 {
    width: 49rem
}

.wid-50 {
    width: 50rem
}

.wid-51 {
    width: 51rem
}

.wid-52 {
    width: 52rem
}

.wid-53 {
    width: 53rem
}

.wid-54 {
    width: 54rem
}

.wid-55 {
    width: 55rem
}

.wid-56 {
    width: 56rem
}

.wid-57 {
    width: 57rem
}

.wid-58 {
    width: 58rem
}

.wid-59 {
    width: 59rem
}

.wid-60 {
    width: 60rem
}

.wid-61 {
    width: 61rem
}

.wid-62 {
    width: 62rem
}

.wid-63 {
    width: 63rem
}

.wid-64 {
    width: 64rem
}

.wid-65 {
    width: 65rem
}

.wid-66 {
    width: 66rem
}

.wid-67 {
    width: 67rem
}

.wid-68 {
    width: 68rem
}

.wid-69 {
    width: 69rem
}

.wid-70 {
    width: 70rem
}

.wid-71 {
    width: 71rem
}

.wid-72 {
    width: 72rem
}

.wid-73 {
    width: 73rem
}

.wid-74 {
    width: 74rem
}

.wid-75 {
    width: 75rem
}

.wid-76 {
    width: 76rem
}

.wid-77 {
    width: 77rem
}

.wid-78 {
    width: 78rem
}

.wid-79 {
    width: 79rem
}

.wid-80 {
    width: 80rem
}

.wid-81 {
    width: 81rem
}

.wid-82 {
    width: 82rem
}

.wid-83 {
    width: 83rem
}

.wid-84 {
    width: 84rem
}

.wid-85 {
    width: 85rem
}

.wid-86 {
    width: 86rem
}

.wid-87 {
    width: 87rem
}

.wid-88 {
    width: 88rem
}

.wid-89 {
    width: 89rem
}

.wid-90 {
    width: 90rem
}

.wid-91 {
    width: 91rem
}

.wid-92 {
    width: 92rem
}

.wid-93 {
    width: 93rem
}

.wid-94 {
    width: 94rem
}

.wid-95 {
    width: 95rem
}

.wid-96 {
    width: 96rem
}

.wid-97 {
    width: 97rem
}

.wid-98 {
    width: 98rem
}

.wid-99 {
    width: 99rem
}

.wid-100 {
    width: 100rem
}

.min-1 {
    min-width: 1rem
}

.min-2 {
    min-width: 2rem
}

.min-3 {
    min-width: 3rem
}

.min-4 {
    min-width: 4rem
}

.min-5 {
    min-width: 5rem
}

.min-6 {
    min-width: 6rem
}

.min-7 {
    min-width: 7rem
}

.min-8 {
    min-width: 8rem
}

.min-9 {
    min-width: 9rem
}

.min-10 {
    min-width: 10rem
}

.min-11 {
    min-width: 11rem
}

.min-12 {
    min-width: 12rem
}

.min-13 {
    min-width: 13rem
}

.min-14 {
    min-width: 14rem
}

.min-15 {
    min-width: 15rem
}

.min-16 {
    min-width: 16rem
}

.min-17 {
    min-width: 17rem
}

.min-18 {
    min-width: 18rem
}

.min-19 {
    min-width: 19rem
}

.min-20 {
    min-width: 20rem
}

.min-21 {
    min-width: 21rem
}

.min-22 {
    min-width: 22rem
}

.min-23 {
    min-width: 23rem
}

.min-24 {
    min-width: 24rem
}

.min-25 {
    min-width: 25rem
}

.min-26 {
    min-width: 26rem
}

.min-27 {
    min-width: 27rem
}

.min-28 {
    min-width: 28rem
}

.min-29 {
    min-width: 29rem
}

.min-30 {
    min-width: 30rem
}

.min-31 {
    min-width: 31rem
}

.min-32 {
    min-width: 32rem
}

.min-33 {
    min-width: 33rem
}

.min-34 {
    min-width: 34rem
}

.min-35 {
    min-width: 35rem
}

.min-36 {
    min-width: 36rem
}

.min-37 {
    min-width: 37rem
}

.min-38 {
    min-width: 38rem
}

.min-39 {
    min-width: 39rem
}

.min-40 {
    min-width: 40rem
}

.min-41 {
    min-width: 41rem
}

.min-42 {
    min-width: 42rem
}

.min-43 {
    min-width: 43rem
}

.min-44 {
    min-width: 44rem
}

.min-45 {
    min-width: 45rem
}

.min-46 {
    min-width: 46rem
}

.min-47 {
    min-width: 47rem
}

.min-48 {
    min-width: 48rem
}

.min-49 {
    min-width: 49rem
}

.min-50 {
    min-width: 50rem
}

.min-51 {
    min-width: 51rem
}

.min-52 {
    min-width: 52rem
}

.min-53 {
    min-width: 53rem
}

.min-54 {
    min-width: 54rem
}

.min-55 {
    min-width: 55rem
}

.min-56 {
    min-width: 56rem
}

.min-57 {
    min-width: 57rem
}

.min-58 {
    min-width: 58rem
}

.min-59 {
    min-width: 59rem
}

.min-60 {
    min-width: 60rem
}

.min-61 {
    min-width: 61rem
}

.min-62 {
    min-width: 62rem
}

.min-63 {
    min-width: 63rem
}

.min-64 {
    min-width: 64rem
}

.min-65 {
    min-width: 65rem
}

.min-66 {
    min-width: 66rem
}

.min-67 {
    min-width: 67rem
}

.min-68 {
    min-width: 68rem
}

.min-69 {
    min-width: 69rem
}

.min-70 {
    min-width: 70rem
}

.min-71 {
    min-width: 71rem
}

.min-72 {
    min-width: 72rem
}

.min-73 {
    min-width: 73rem
}

.min-74 {
    min-width: 74rem
}

.min-75 {
    min-width: 75rem
}

.min-76 {
    min-width: 76rem
}

.min-77 {
    min-width: 77rem
}

.min-78 {
    min-width: 78rem
}

.min-79 {
    min-width: 79rem
}

.min-80 {
    min-width: 80rem
}

.min-81 {
    min-width: 81rem
}

.min-82 {
    min-width: 82rem
}

.min-83 {
    min-width: 83rem
}

.min-84 {
    min-width: 84rem
}

.min-85 {
    min-width: 85rem
}

.min-86 {
    min-width: 86rem
}

.min-87 {
    min-width: 87rem
}

.min-88 {
    min-width: 88rem
}

.min-89 {
    min-width: 89rem
}

.min-90 {
    min-width: 90rem
}

.min-91 {
    min-width: 91rem
}

.min-92 {
    min-width: 92rem
}

.min-93 {
    min-width: 93rem
}

.min-94 {
    min-width: 94rem
}

.min-95 {
    min-width: 95rem
}

.min-96 {
    min-width: 96rem
}

.min-97 {
    min-width: 97rem
}

.min-98 {
    min-width: 98rem
}

.min-99 {
    min-width: 99rem
}

.min-100 {
    min-width: 100rem
}

.max-1 {
    max-width: 1rem
}

.max-2 {
    max-width: 2rem
}

.max-3 {
    max-width: 3rem
}

.max-4 {
    max-width: 4rem
}

.max-5 {
    max-width: 5rem
}

.max-6 {
    max-width: 6rem
}

.max-7 {
    max-width: 7rem
}

.max-8 {
    max-width: 8rem
}

.max-9 {
    max-width: 9rem
}

.max-10 {
    max-width: 10rem
}

.max-11 {
    max-width: 11rem
}

.max-12 {
    max-width: 12rem
}

.max-13 {
    max-width: 13rem
}

.max-14 {
    max-width: 14rem
}

.max-15 {
    max-width: 15rem
}

.max-16 {
    max-width: 16rem
}

.max-17 {
    max-width: 17rem
}

.max-18 {
    max-width: 18rem
}

.max-19 {
    max-width: 19rem
}

.max-20 {
    max-width: 20rem
}

.max-21 {
    max-width: 21rem
}

.max-22 {
    max-width: 22rem
}

.max-23 {
    max-width: 23rem
}

.max-24 {
    max-width: 24rem
}

.max-25 {
    max-width: 25rem
}

.max-26 {
    max-width: 26rem
}

.max-27 {
    max-width: 27rem
}

.max-28 {
    max-width: 28rem
}

.max-29 {
    max-width: 29rem
}

.max-30 {
    max-width: 30rem
}

.max-31 {
    max-width: 31rem
}

.max-32 {
    max-width: 32rem
}

.max-33 {
    max-width: 33rem
}

.max-34 {
    max-width: 34rem
}

.max-35 {
    max-width: 35rem
}

.max-36 {
    max-width: 36rem
}

.max-37 {
    max-width: 37rem
}

.max-38 {
    max-width: 38rem
}

.max-39 {
    max-width: 39rem
}

.max-40 {
    max-width: 40rem
}

.max-41 {
    max-width: 41rem
}

.max-42 {
    max-width: 42rem
}

.max-43 {
    max-width: 43rem
}

.max-44 {
    max-width: 44rem
}

.max-45 {
    max-width: 45rem
}

.max-46 {
    max-width: 46rem
}

.max-47 {
    max-width: 47rem
}

.max-48 {
    max-width: 48rem
}

.max-49 {
    max-width: 49rem
}

.max-50 {
    max-width: 50rem
}

.max-51 {
    max-width: 51rem
}

.max-52 {
    max-width: 52rem
}

.max-53 {
    max-width: 53rem
}

.max-54 {
    max-width: 54rem
}

.max-55 {
    max-width: 55rem
}

.max-56 {
    max-width: 56rem
}

.max-57 {
    max-width: 57rem
}

.max-58 {
    max-width: 58rem
}

.max-59 {
    max-width: 59rem
}

.max-60 {
    max-width: 60rem
}

.max-61 {
    max-width: 61rem
}

.max-62 {
    max-width: 62rem
}

.max-63 {
    max-width: 63rem
}

.max-64 {
    max-width: 64rem
}

.max-65 {
    max-width: 65rem
}

.max-66 {
    max-width: 66rem
}

.max-67 {
    max-width: 67rem
}

.max-68 {
    max-width: 68rem
}

.max-69 {
    max-width: 69rem
}

.max-70 {
    max-width: 70rem
}

.max-71 {
    max-width: 71rem
}

.max-72 {
    max-width: 72rem
}

.max-73 {
    max-width: 73rem
}

.max-74 {
    max-width: 74rem
}

.max-75 {
    max-width: 75rem
}

.max-76 {
    max-width: 76rem
}

.max-77 {
    max-width: 77rem
}

.max-78 {
    max-width: 78rem
}

.max-79 {
    max-width: 79rem
}

.max-80 {
    max-width: 80rem
}

.max-81 {
    max-width: 81rem
}

.max-82 {
    max-width: 82rem
}

.max-83 {
    max-width: 83rem
}

.max-84 {
    max-width: 84rem
}

.max-85 {
    max-width: 85rem
}

.max-86 {
    max-width: 86rem
}

.max-87 {
    max-width: 87rem
}

.max-88 {
    max-width: 88rem
}

.max-89 {
    max-width: 89rem
}

.max-90 {
    max-width: 90rem
}

.max-91 {
    max-width: 91rem
}

.max-92 {
    max-width: 92rem
}

.max-93 {
    max-width: 93rem
}

.max-94 {
    max-width: 94rem
}

.max-95 {
    max-width: 95rem
}

.max-96 {
    max-width: 96rem
}

.max-97 {
    max-width: 97rem
}

.max-98 {
    max-width: 98rem
}

.max-99 {
    max-width: 99rem
}

.max-100 {
    max-width: 100rem
}

.material-icons, .wdgt-col.popular-col .table-tab tbody td.pageview::before, .table-tab tbody tr td:first-of-type::before, .btn-more::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga"
}

.access-key {
    position: absolute
}

@media all and (-ms-high-contrast: none) {
    .access-key {
        display: block;
        height: 0;
        overflow: hidden
    }
}

.access-key a[accesskey=U] {
    color: #1c3860
}

.access-key a[accesskey=C] {
    color: #e4eff2
}

.access-key a[accesskey=B] {
    color: #3e74c2
}

var, em, ins {
    font-style: normal;
    font-weight: 500;
    text-decoration: none
}

em {
    color: #dc3545
}

    em.key-1 {
        /*紅色*/
        color: #dc3545
    }

    em.key-2 {
        /*橘色*/
        color: #EA7500
    }

    em.key-3 {
        /*綠色*/
        color: #00ca00
    }

.law-link:link, .law-link:visited {
    color: #0e76c0
}

.law-note {
    display: inline-block;
    border: 1px solid #dbdbdb;
    font-size: 0.875rem;
    border-radius: 2px;
    padding: .1rem .3rem
}

    .law-note.bygone {
        color: #dc3545;
        border-color: #dc3545
    }

.hurdle.row .col-tree .treemenu-box, .subject.stratum, .small-subject {
    background: #f9f9f9;
    box-shadow: inset 0 0 10px 3px rgba(64,64,64,.15);
    border-radius: 6px;
    border: 1px dashed #bdbdbd
}

.wzic {
    display: flex;
    align-items: center;
    gap: 0 .3rem
}

.ic-svg, .table-tab tbody tr td:not(:first-of-type,:last-of-type)::before, .iconic::before, .stratum ul li::before, .btn-floater::before, .ic-img::before {
    content: ".";
    font-size: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNDNEM0QzQiLz48L3N2Zz4=") center center/cover no-repeat;
    background-size: cover
}

.ic-img::before {
    content: ".";
    font-size: 0;
    background-size: cover;
    display: inline-block
}

.ic-img.speaker::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjI0IDIzLjg4MUg4LjEzN3YxMC45NjJoNy4xMDFWMjMuODgxeiIgZmlsbD0iIzBFNzZDMCIvPjxwYXRoIGQ9Ik0xNi43NjggMjQuNDg2YTEuNjkgMS42OSAwIDAxLTEuNjkgMS42OUg4LjNhMS42OSAxLjY5IDAgMTEwLTMuMzhoNi43NzljLjkzNCAwIDEuNjkuNzU2IDEuNjkgMS42OXpNOS4yNiAxOC4yODJhMi4xNzkgMi4xNzkgMCAwMS0yLjE3OCAyLjE4aC00LjQ2YTIuMTc5IDIuMTc5IDAgMDEtMi4xNzktMi4xOHYtMi4xODVjMC0xLjIwNC45NzYtMi4xOCAyLjE3OS0yLjE4aDQuNDZjMS4yMDMgMCAyLjE3OS45NzYgMi4xNzkgMi4xOHYyLjE4NXpNMTYuNDg1IDEyLjYzNnY5LjEwN0wzMy42MzQgMzIuNDhWMS45TDE2LjQ4NSAxMi42MzV6IiBmaWxsPSIjOENDNUVFIi8+PHBhdGggZD0iTTQuMjQzIDIxLjcwMmMwIDEuMjAzLjk3NSAyLjE3OCAyLjE3OSAyLjE3OGgxMC41MzRhMi4xNzkgMi4xNzkgMCAwMDIuMTc4LTIuMTc4di05LjAyNGMwLTEuMjA0LS45NzUtMi4xOC0yLjE3OC0yLjE4SDYuNDIyYTIuMTc5IDIuMTc5IDAgMDAtMi4xOCAyLjE4djkuMDI0ek0zNS41NTcgMzIuODEyYTEuNTY3IDEuNTY3IDAgMDEtMy4xMzQgMFYxLjU2N2ExLjU2NyAxLjU2NyAwIDExMy4xMzQgMHYzMS4yNDV6IiBmaWxsPSIjMEU3NkMwIi8+PHBhdGggZD0iTTE3Ljg1NSAzNS4xOWEuODEuODEgMCAwMS0uODEuODFINi4zMzJhLjgxLjgxIDAgMDEwLTEuNjJoMTAuNzEyYS44MS44MSAwIDAxLjgxMS44MXoiIGZpbGw9IiM4Q0M1RUUiLz48L3N2Zz4=");
    width: 2.25rem;
    height: 2.25rem
}

.ic-img.msg-tip::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4zMzggMjEuNTM1YTEgMSAwIDAxMC0xLjA3TDEyLjQwNSAxLjRjLjUzNi0uODQ3IDEuODQ1LS40NjcgMS44NDUuNTM0djM4LjEzNGMwIDEuMDAxLTEuMzEgMS4zOC0xLjg0NS41MzRMLjMzOCAyMS41MzV6IiBmaWxsPSIjREVERURFIi8+PC9zdmc+");
    width: 0.9375rem;
    height: 2.5625rem
}

.ic-img.bookmark::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljc2NCAwSDQuOHY0Ni42NDJjMCAuNDMyLjUyMi42NDguODI3LjM0M2wxMy4xMzctMTMuMTM3TDMxLjkgNDYuOTg0Yy4zMDUuMzA2LjgyNy4wOS44MjctLjM0M1YwSDE4Ljc2NHoiIGZpbGw9IiNENzVBNEEiLz48cGF0aCBkPSJNMzIuNzI3IDBINC44djkuNmgyNy45MjdWMHoiIGZpbGw9IiNDMDNCMkIiLz48ZyBmaWx0ZXI9InVybCgjcHJlZml4X19maWx0ZXIwX2kpIj48cGF0aCBkPSJNMzIuNzI3IDI4LjhsMy4yMzYgNi4zMiA3LjIzNyAxLjAxNC01LjIzNiA0LjkyTDM5LjE5OSA0OGwtNi40NzItMy4yOEwyNi4yNTUgNDhsMS4yMzYtNi45NDctNS4yMzYtNC45MiA3LjIzNi0xLjAxMyAzLjIzNi02LjMyeiIgZmlsbD0iI0ZGRDUyNyIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJwcmVmaXhfX2ZpbHRlcjBfaSIgeD0iMjIuMjU1IiB5PSIyNy44IiB3aWR0aD0iMjAuOTQ1IiBoZWlnaHQ9IjIwLjIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQgZHk9Ii0xIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz48ZmVCbGVuZCBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+");
    width: 2.75rem;
    height: 2.75rem
}

.nav-transition, .navbar-navbar.sticky-top, .navbar-navbar .navbar-menu, .navbar-navbar .navbar-brand.logo img {
    transition: all .3s 0s ease-in
}

html.global-font-lg {
    font-size: 114.285714286%
}

html.global-font-md {
    font-size: 100%
}

html.global-font-sm {
    font-size: 87.5%
}

.no-result {
    display: flex;
    width: 100%;
    justify-content: center
}

body {
    height: auto;
    background: #fff url(../img/ui/blue-progressive-bg.jpg) center top/cover repeat
}

.btn {
    padding: .35rem .75rem
}

.btn-space {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-left: 15px;
    padding-right: 15px
}

.btn-link:link, .btn-link:visited {
    color: #0e76c0
}

.btn-more, .btn-rule, .btn-comment, .btn-assist {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    border: 3px solid #0e76c0;
    padding: .15rem .75rem;
    font-weight: 700;
    background: #fff;
    color: #0e76c0;
    gap: 0 .2rem
}

    .btn-more:link, .btn-more:visited, .btn-rule:link, .btn-rule:visited, .btn-comment:link, .btn-comment:visited, .btn-assist:link, .btn-assist:visited {
        color: #0e76c0
    }

    .btn-more::after {
        color: #0e76c0;
        content: "chevron_right"
    }

.btn-search {
    font-size: 1.125rem;
    background-color: #0e76c0;
    color: #fff;
    border-radius: 3rem;
    padding: 0.5rem 1rem;
    min-width: 3.7rem;
    line-height: 1;
    border: none;
    white-space: nowrap
}

.btn-assist i.material-icons, .btn-assist i.btn-more::after {
    transition: transform .2s 0s ease;
    transform: scaleY(1);
    transform-origin: center
}

.btn-assist.clicked i.material-icons, .btn-assist.clicked i.btn-more::after {
    transform: scaleY(-1)
}

.floater {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 15%
}

    .floater .col-12, .floater .col-article-eng, .floater .col-article, .floater .col-heading, .floater .hurdle.row .col-main, .hurdle.row .floater .col-main, .floater .hurdle.row .col-tree, .hurdle.row .floater .col-tree, .floater .form-group.row .col-note, .form-group.row .floater .col-note, .floater .form-group.row .col-full, .form-group.row .floater .col-full, .floater .wdgt-col {
        display: flex;
        justify-content: flex-end
    }

.btn-floater {
    z-index: 1600;
    position: fixed;
    right: 15px;
    bottom: 30px;
    border-radius: 100%;
    background: #0e76c0;
    color: #fff;
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.25rem 0;
    opacity: 0;
    transition: opacity .2s 0s ease-in
}

    .btn-floater:link, .btn-floater:visited, .btn-floater:hover, .btn-floater:active {
        text-decoration: none
    }

    .btn-floater.launched {
        opacity: .7
    }

    .btn-floater:hover {
        opacity: 1
    }

    .btn-floater::before {
        display: block;
        content: ".";
        font-size: 0;
        background-size: cover;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjIyOCA5LjM0Mkw0LjMyIDIxLjAwOGExLjIyNSAxLjIyNSAwIDAwMCAxLjY1IDEuMDQyIDEuMDQyIDAgMDAxLjU0MiAwTDE2IDExLjgxNmwxMC4xMzggMTAuODQyYTEuMDQyIDEuMDQyIDAgMDAxLjU0MiAwYy4yMTMtLjIyOC4zMi0uNTI2LjMyLS44MjUgMC0uMjk4LS4xMDYtLjU5Ny0uMzItLjgyNUwxNi43NzEgOS4zNDJBMS4wNTYgMS4wNTYgMCAwMDE2IDljLS4yOSAwLS41NjcuMTIzLS43NzIuMzQyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
        width: 1rem;
        height: 1rem
    }

.flex-break {
    flex-basis: 100%;
    height: 0;
    visibility: hidden
}

.note {
    color: #a0a0a0;
    font-size: 0.875rem
}

.subject {
    position: relative;
    font-size: 1.375rem;
    font-weight: 700;
    color: #555;
    padding: 0.375rem;
    padding-left: 15px;
    margin: .5rem 0; /*高度減小*/
}

    .subject .note {
        font-weight: 500
    }

@media(max-width: 767px) {
    .subject .note {
        display: block;
        padding: .25rem 0
    }
}

.subject .substring {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI3ByZWZpeF9fY2xpcDApIiBmaWxsPSIjQzBFNUZGIj48cGF0aCBkPSJNMTAgMTFsLTkgNS4xOTZWNS44MDRMMTAgMTF6TTIxIDExbC05IDUuMTk2VjUuODA0TDIxIDExeiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9InByZWZpeF9fY2xpcDAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMjJ2MjJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") left center/contain no-repeat;
    padding-left: 2rem;
    margin-left: .2rem
}

.stratum {
    font-size: 1.125rem
}

    .stratum ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0 .3rem
    }

        .stratum ul li {
            list-style-type: none;
            display: inline-flex;
            align-items: center
        }

            .stratum ul li::before {
                display: inline-block;
                content: ".";
                font-size: 0;
                background-size: cover;
                width: 1.125rem;
                height: 1.125rem;
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI3ByZWZpeF9fY2xpcDApIj48cGF0aCBkPSJNMjQuMzAxIDE0Ljk3MUw5Ljc1Ni40MjZhMS40NTQgMS40NTQgMCAxMC0yLjA1NyAyLjA1N0wyMS4yMTYgMTYgNy42OTkgMjkuNTE3YTEuNDU1IDEuNDU1IDAgMDAyLjA1NyAyLjA1N0wyNC4zIDE3LjAyOGExLjQ1NCAxLjQ1NCAwIDAwMC0yLjA1N3oiIGZpbGw9IiM1NTUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJwcmVmaXhfX2NsaXAwIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
                margin-right: .3rem
            }

            .stratum ul li:first-of-type::before {
                display: none
            }

.small-subject {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 1.125rem;
    font-weight: 700;
    color: #555;
    padding: 0.375rem;
    margin: 0.9375rem 0;
    min-height: 2rem
}

    .small-subject span, .small-subject .back-link {
        display: inline-flex;
        align-items: center;
        gap: 0 .2rem
    }

    .small-subject span {
        font-size: 1rem
    }

    .small-subject .back-link {
        font-size: 0.875rem;
        padding: .2rem
    }

        .small-subject .back-link i, .small-subject .back-link:link, .small-subject .back-link:visited {
            color: #333
        }

    .small-subject span.right-btns {
        padding-left: .5rem;
        border-left: 1px dashed #aeaeae;
        gap: 0 .5rem
    }

@media(max-width: 575px) {
    .small-subject span.right-btns ins {
        display: none
    }
}

.small-subject span.opinion {
    padding: 0.5rem 15px
}

.subject::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0e76c0;
    width: 4px;
    border-radius: 0 4px 4px 0
}

.subject.stratum::before {
    display: none
}

.iconic {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    font-size: 1.375rem;
    font-weight: 700;
    color: #555;
    padding: 0.375rem;
    margin: 1.25rem 0
}

    .iconic::before {
        content: "";
        font-size: 0;
        width: 2.75rem;
        height: 2.75rem;
        margin-right: .5rem;
        background-size: cover
    }

    .iconic.ic-search::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0IDQ4YzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNFMzNy4yNTUgMCAyNCAwIDAgMTAuNzQ1IDAgMjRzMTAuNzQ1IDI0IDI0IDI0eiIgZmlsbD0iI0ZGQ0YyNyIgZmlsbC1vcGFjaXR5PSIuNzUiLz48cGF0aCBkPSJNNDcuMzg2IDI5LjQyTDMzLjYxNCAxNS42NDkgMTIuMjgyIDM2Ljg0N2wxMS4xNDUgMTEuMTQ2Yy4xOTEuMDA0LjM4Mi4wMDcuNTc0LjAwNyAxMS4zOTEgMCAyMC45MjgtNy45MzYgMjMuMzg2LTE4LjU4eiIgZmlsbD0iIzk0NkIwMCIgZmlsbC1vcGFjaXR5PSIuNjkiLz48cGF0aCBkPSJNMjguMTQ3IDEwLjE4SDEyLjI4djI2LjY2N2gyMS4zMzRWMTUuNjVsLTUuNDY4LTUuNDY4eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMy42MTQgMTUuNjQ5bC01LjQ2Ny01LjQ2OEgyMi4zM3YyNi42NjZoMTEuMjg1VjE1LjY1eiIgZmlsbD0iI0RCREJEQiIvPjxwYXRoIGQ9Ik0yOC4xNDcgMTUuNjQ5aDUuNDY4bC01LjQ2OC01LjQ2OHY1LjQ2OHoiIGZpbGw9IiNDNEM0QzQiLz48cGF0aCBkPSJNMTkuMzgxIDM5LjUzMmExLjg3OCAxLjg3OCAwIDAwMi42NTcgMGw3Ljg2My03Ljg2NGExLjg3OCAxLjg3OCAwIDEwLTIuNjU2LTIuNjU2bC03Ljg2NCA3Ljg2M2ExLjg3OCAxLjg3OCAwIDAwMCAyLjY1N3oiIGZpbGw9IiMxMjExNDkiLz48cGF0aCBkPSJNMjkuODU3IDI4Ljk3MUwxOS4zNCAzOS40ODdsLjA0LjA0NWExLjg3OCAxLjg3OCAwIDAwMi42NTcgMGw3Ljg2My03Ljg2NGExLjg3OCAxLjg3OCAwIDAwMC0yLjY1NmMtLjAxNC0uMDE1LS4wMy0uMDI3LS4wNDQtLjA0eiIgZmlsbD0iIzBBMEEzMyIvPjxwYXRoIGQ9Ik0zMi41MDQgMzQuMTQ3YTcuNzQgNy43NCAwIDEwMC0xNS40NzggNy43NCA3Ljc0IDAgMDAwIDE1LjQ3OHoiIGZpbGw9IiMyNzNCN0EiLz48cGF0aCBkPSJNMzcuOTc3IDIwLjkzNmwtLjA0My0uMDQxTDI2Ljk5IDMxLjgzN2wuMDQxLjA0NGE3Ljc0IDcuNzQgMCAxMDEwLjk0NS0xMC45NDV6IiBmaWxsPSIjMTIxMTQ5Ii8+PHBhdGggZD0iTTMyLjUwNCAzMi4xOTRhNS43ODYgNS43ODYgMCAxMDAtMTEuNTcxIDUuNzg2IDUuNzg2IDAgMDAwIDExLjU3eiIgZmlsbD0iIzcxRTJFRiIvPjxwYXRoIGQ9Ik0zNi41NTIgMjIuMjc2bC04LjE4IDguMTguMDQyLjA0M2E1Ljc4NiA1Ljc4NiAwIDAwOC4xODItOC4xODJsLS4wNDQtLjA0MXoiIGZpbGw9IiMzOEM2RDkiLz48L3N2Zz4=")
    }

    .iconic.ic-smart::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0IDQ4YzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNFMzNy4yNTUgMCAyNCAwIDAgMTAuNzQ1IDAgMjRzMTAuNzQ1IDI0IDI0IDI0eiIgZmlsbD0iIzQwQUQ1RiIgZmlsbC1vcGFjaXR5PSIuODIiLz48cGF0aCBkPSJNNDcuNDg0IDI4Ljk2NUwzNS4zNjEgMTYuODQybC00LjIwMy00LjIwM0wxMC40NSAzNy41NWwxMC4yMTggMTAuMjE4YzEuMDkuMTUgMi4yMDIuMjMxIDMuMzMzLjIzMSAxMS41NTMgMCAyMS4xOTctOC4xNjMgMjMuNDg0LTE5LjAzNXoiIGZpbGw9IiMyNzdBNTIiIGZpbGwtb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNMTEuNzA2IDM4LjA3MmExLjc3OCAxLjc3OCAwIDAxLTEuMjU3LTMuMDM1bDEzLjItMTMuMmExLjc3OCAxLjc3OCAwIDAxMi41MTQgMi41MTRsLTEzLjIgMTMuMmMtLjM0Ny4zNDctLjgwMi41Mi0xLjI1Ny41MnoiIGZpbGw9IiMyNjNBN0EiLz48cGF0aCBkPSJNMjYuMDc4IDIxLjc2TDEwLjM3MyAzNy40NjdjLjAyNS4wMjkuMDQ5LjA1OC4wNzYuMDg1LjM0Ny4zNDcuODAyLjUyIDEuMjU3LjUyLjQ1NSAwIC45MS0uMTczIDEuMjU4LS41MmwxMy4xOTktMTMuMmExLjc3OCAxLjc3OCAwIDAwMC0yLjUxNGMtLjAyOC0uMDI3LS4wNTctLjA1MS0uMDg1LS4wNzZ6IiBmaWxsPSIjMTIxMTQ5Ii8+PHBhdGggZD0iTTE5Ljk5MiAxNC40MDljLjYxLS42MSAzLjE3MSAxLjQ4MSAzLjkgMS4xMS43NTYtLjM4Ni41NzUtMy42OCAxLjM5Ni0zLjgwOS44My0uMTMgMS42NzUgMy4wNjIgMi41MDQgMy4xOTMuODIuMTMgMi42MS0yLjY1IDMuMzY2LTIuMjY0LjczLjM3Mi0uNDYzIDMuNDQ1LjE0NyA0LjA1Ni42MS42MSAzLjY4NC0uNTgzIDQuMDU2LjE0Ny4zODYuNzU2LTIuMzkzIDIuNTQ2LTIuMjY0IDMuMzY3LjEzLjgyOSAzLjMyMyAxLjY3NCAzLjE5MyAyLjUwMy0uMTMuODItMy40MjMuNjQtMy44MDkgMS4zOTYtLjM3MS43MjkgMS43MiAzLjI5IDEuMTEgMy45LS42MS42MS0zLjE3MS0xLjQ4LTMuOS0xLjExLS43NTcuMzg2LS41NzYgMy42OC0xLjM5NiAzLjgxLS44My4xMy0xLjY3NS0zLjA2My0yLjUwNC0zLjE5NC0uODItLjEyOS0yLjYxIDIuNjUtMy4zNjcgMi4yNjUtLjcyOS0uMzcyLjQ2My0zLjQ0Ni0uMTQ3LTQuMDU2LS42MS0uNjEtMy42ODQuNTgyLTQuMDU2LS4xNDctLjM4NS0uNzU2IDIuMzk0LTIuNTQ3IDIuMjY1LTMuMzY3LS4xMy0uODMtMy4zMjQtMS42NzUtMy4xOTMtMi41MDQuMTMtLjgyIDMuNDIzLS42NCAzLjgwOC0xLjM5NS4zNzItLjczLTEuNzItMy4yOS0xLjExLTMuOTAxeiIgZmlsbD0iI0ZGQzYxQiIvPjxwYXRoIGQ9Ik0zMy4wOTcgMjAuMjA5Yy0uMTMtLjgyMSAyLjY1LTIuNjExIDIuMjY0LTMuMzY3LS4zNzItLjczLTMuNDQ1LjQ2My00LjA1Ni0uMTQ3YS40MzguNDM4IDAgMDEtLjA2Ny0uMDk0bC05LjA1NCA5LjA1NGMuMDM1LjAyLjA2Ny4wNDIuMDkzLjA2OC42MS42MS0uNTgyIDMuNjg0LjE0NyA0LjA1Ni43NTYuMzg2IDIuNTQ2LTIuMzk0IDMuMzY3LTIuMjY0LjgyOS4xMyAxLjY3NSAzLjMyMyAyLjUwMyAzLjE5My44MjEtLjEzLjY0LTMuNDIzIDEuMzk2LTMuODA5LjczLS4zNzIgMy4yOSAxLjcyIDMuOTAxIDEuMTEuNjEtLjYxLTEuNDgxLTMuMTcyLTEuMTEtMy45MDEuMzg2LS43NTYgMy42OC0uNTc1IDMuODA5LTEuMzk2LjEzLS44MjktMy4wNjMtMS42NzQtMy4xOTMtMi41MDN6IiBmaWxsPSIjRDQ4QjA3Ii8+PHBhdGggZD0iTTIyLjkzMSAxNy4zNDljLjM0Ny0uMzQ3IDEuOC44NCAyLjIxNS42My40MjktLjIyLjMyNi0yLjA5Ljc5Mi0yLjE2My40Ny0uMDc0Ljk1IDEuNzM5IDEuNDIxIDEuODEzLjQ2Ni4wNzMgMS40ODItMS41MDQgMS45MTEtMS4yODUuNDE0LjIxLS4yNjMgMS45NTYuMDg0IDIuMzAyLjM0Ni4zNDcgMi4wOTEtLjMzIDIuMzAyLjA4NC4yMTkuNDI5LTEuMzU5IDEuNDQ1LTEuMjg1IDEuOTEuMDc0LjQ3MiAxLjg4Ny45NTIgMS44MTMgMS40MjItLjA3NC40NjYtMS45NDQuMzYzLTIuMTYyLjc5Mi0uMjExLjQxNC45NzYgMS44NjguNjMgMi4yMTUtLjM0Ny4zNDYtMS44MDEtLjg0MS0yLjIxNS0uNjMtLjQzLjIxOS0uMzI3IDIuMDg4LS43OTIgMi4xNjItLjQ3MS4wNzQtLjk1MS0xLjczOS0xLjQyMS0xLjgxMy0uNDY2LS4wNzMtMS40ODMgMS41MDQtMS45MTIgMS4yODYtLjQxNC0uMjEyLjI2My0xLjk1Ni0uMDgzLTIuMzAzLS4zNDctLjM0Ni0yLjA5Mi4zMy0yLjMwMy0uMDgzLS4yMTgtLjQzIDEuMzYtMS40NDYgMS4yODYtMS45MTItLjA3NS0uNDctMS44ODctLjk1LTEuODEzLTEuNDIuMDczLS40NjcgMS45NDMtLjM2NCAyLjE2Mi0uNzkzLjIxMS0uNDE0LS45NzYtMS44NjgtLjYzLTIuMjE0eiIgZmlsbD0iI0ZFRTE4NyIvPjxwYXRoIGQ9Ik0zMC4zNyAyMC42NGMtLjA3My0uNDY1IDEuNTA1LTEuNDgxIDEuMjg2LTEuOTEtLjIxLS40MTQtMS45NTYuMjYyLTIuMzAyLS4wODRhLjI4OC4yODggMCAwMS0uMDYtLjEwMmwtNS4xNjcgNS4xNjhhLjI5LjI5IDAgMDEuMTAyLjA2Yy4zNDYuMzQ2LS4zMyAyLjA5LjA4MyAyLjMwMi40My4yMTggMS40NDYtMS4zNiAxLjkxMi0xLjI4Ni40Ny4wNzUuOTUgMS44ODcgMS40MiAxLjgxMy40NjctLjA3My4zNjQtMS45NDMuNzkzLTIuMTYyLjQxNC0uMjEgMS44NjguOTc2IDIuMjE0LjYzLjM0Ny0uMzQ2LS44NC0xLjgtLjYzLTIuMjE0LjIyLS40MyAyLjA5LS4zMjcgMi4xNjMtLjc5My4wNzQtLjQ3LTEuNzM5LS45NS0xLjgxMy0xLjQyMXoiIGZpbGw9IiNGRkM2MUIiLz48L3N2Zz4=")
    }

    .iconic.ic-library::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0IDQ4YzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNFMzNy4yNTUgMCAyNCAwIDAgMTAuNzQ1IDAgMjRzMTAuNzQ1IDI0IDI0IDI0eiIgZmlsbD0iIzRBQjhBMSIvPjxwYXRoIGQ9Ik00NS4yOTEgMzUuMDcxTDM1LjYyNSAxMS4yNWMwLS4zNzUtLjM3NS0uNzUtLjc1LS43NUgxNC4yNUEyLjI1NyAyLjI1NyAwIDAwMTIgMTIuNzV2MjUuMTM0YzAgLjQzNi4xNDcuODQuMzg4IDEuMTg1bDIuOTE4IDcuM0EyMy45MzUgMjMuOTM1IDAgMDAyNCA0OGM5LjI2IDAgMTcuMjktNS4yNDggMjEuMjkxLTEyLjkyOXoiIGZpbGw9IiM0M0E2OTEiLz48cGF0aCBkPSJNMTIgMTIuNzVBMi4yNTcgMi4yNTcgMCAwMDE0LjI1IDE1aDIxLjM3NXYyNGMwIC4zNzUtLjM3NS43NS0uNzUuNzUtNC44NzUtLjAwMi0yMC42MjUgMC0yMC42MjUgMEEyLjI1NyAyLjI1NyAwIDAxMTIgMzcuNVYxMi43NXoiIGZpbGw9IiMyMzM1NDAiLz48cGF0aCBkPSJNMTYuNSAxNWgtLjc1djI0Ljc1aC43NVYxNXoiIGZpbGw9IiMxQzJBMzMiLz48cGF0aCBkPSJNMzUuNjI1IDExLjI1YzAtLjM3NS0uMzc1LS43NS0uNzUtLjc1SDE0LjI1QTIuMjU3IDIuMjU3IDAgMDAxMiAxMi43NSAyLjI1NyAyLjI1NyAwIDAwMTQuMjUgMTVoMjEuMzc1di0zLjc1eiIgZmlsbD0iIzQwNkE4MCIvPjxwYXRoIGQ9Ik0xNi41IDEwLjVoLS43NVYxNWguNzV2LTQuNXoiIGZpbGw9IiMzOTVGNzMiLz48cGF0aCBkPSJNMTQuMjUgMTVoMS41di00LjVoLTEuNUEyLjI1NyAyLjI1NyAwIDAwMTIgMTIuNzUgMi4yNTcgMi4yNTcgMCAwMDE0LjI1IDE1eiIgZmlsbD0iI0U2NjM1NiIvPjxwYXRoIGQ9Ik0xNC4yNzUgMTQuMjVjLS44MjYgMC0xLjUyNS0uNjg3LTEuNTI1LTEuNXMuNjk5LTEuNSAxLjUyNS0xLjVoMjEuMzV2M2gtMjEuMzV6IiBmaWxsPSIjRjVGNUY1Ii8+PHBhdGggZD0iTTE0LjI1IDM5Ljc1aDEuNVYxNWgtMS41QTIuMjU3IDIuMjU3IDAgMDExMiAxMi43NVYzNy41YTIuMjU3IDIuMjU3IDAgMDAyLjI1IDIuMjV6TTMzIDE1djcuMTI1YzAgLjQxMy0uMjc1LjU1NC0uNjEuMzE0bC0xLjQwNS0xLjAwM2MtLjMzNS0uMjQtLjg4NC0uMjQtMS4yMiAwbC0xLjQwNSAxLjAwM2MtLjMzNS4yNC0uNjEuMDk5LS42MS0uMzE0VjE1SDMzeiIgZmlsbD0iI0NDNTg0QyIvPjxwYXRoIGQ9Ik0zMyAxMy4xMjVoLTUuMjVWMTVIMzN2LTEuODc1eiIgZmlsbD0iI0UxNkI1QSIvPjxwYXRoIGQ9Ik0yOS4yNSAyMS44MDRWMTVoLS4zNzV2Ny4wNzFsLjM3NS0uMjY3ek0zMS44NzUgMjIuMDcxVjE1SDMxLjV2Ni44MDRsLjM3NS4yNjd6IiBmaWxsPSIjRTZFNkU2Ii8+PHBhdGggZD0iTTI5LjI1IDEzLjEyNWgtLjM3NVYxNWguMzc1di0xLjg3NXpNMzEuODc1IDEzLjEyNUgzMS41VjE1aC4zNzV2LTEuODc1eiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==")
    }

    .iconic.ic-finder::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzMuOTMxIDQ3My45MzEiPjxjaXJjbGUgY3g9IjIzNi45NjYiIGN5PSIyMzYuOTY2IiByPSIyMzYuOTY2IiBmaWxsPSIjNGFiYzk2Ii8+PHBhdGggZD0iTTExMy44OTUgMzc5LjIyNGMtNS4zMDYgNS4zMDItMTMuOTE2IDUuMzAyLTE5LjIxNCAwLTUuMzEzLTUuMzEzLTUuMzEzLTEzLjkxMiAwLTE5LjIyMWw5OS40NTYtOTkuNDZjNS4yOTgtNS4yOTEgMTMuOTAxLTUuMjkxIDE5LjIxNC4wMTEgNS4zMDYgNS4yOTUgNS4zMDYgMTMuODkzLS4wMDcgMTkuMjFsLTk5LjQ0OSA5OS40NnoiIGZpbGw9IiNhMDcyMzgiLz48cGF0aCBkPSJNMTI3LjE4MiAzODIuODY4Yy00LjY0NyA0LjYzNi0xNi41MDEuMzE4LTI2LjQ3Ny05LjY2NS05Ljk5MS05Ljk4My0xNC4zMDgtMjEuODQxLTkuNjY5LTI2LjQ3N2wxMDUuNjI2LTEwNS42MzdjNC42NDctNC42MzYgMTYuNTAxLS4zMTEgMjYuNDg0IDkuNjcyIDkuOTgzIDkuOTY0IDE0LjMxNiAyMS44MjIgOS42NjEgMjYuNDg0TDEyNy4xODIgMzgyLjg2OHoiIGZpbGw9IiNkNGExNjAiLz48cGF0aCBkPSJNMjc3LjYyNyAyOTMuOTU2Yy01My45NDEgMC05Ny42ODYtNDMuNzM0LTk3LjY4Ni05Ny42ODYgMC01My45NTYgNDMuNzQ1LTk3LjY4MiA5Ny42ODYtOTcuNjgyIDUzLjk2NCAwIDk3LjY4NiA0My43MyA5Ny42ODYgOTcuNjgyLjAwNCA1My45NTMtNDMuNzIyIDk3LjY4Ni05Ny42ODYgOTcuNjg2eiIgZmlsbD0iIzYwYzNiNiIvPjxjaXJjbGUgY3g9IjI4My40MDEiIGN5PSIyMDUuNjg1IiByPSI3Ni43NCIgZmlsbD0iIzgzY2VjYSIvPjxwYXRoIGQ9Ik0xOTEuNzczIDI0NS41MDRMMTc3Ljg4IDI1OS4zOXMxMi42ODggMjguMDI2IDM5Ljk3NyAzMi4zMjlsMTAuMDc3LTEwLjA3M3YtMTMuMDI5bC0zNi4xNjEtMjMuMTEzeiIgZmlsbD0iI2EwNzIzOCIvPjxwYXRoIGQ9Ik0yMDEuOTA5IDEyMC41NDVjLTQxLjgzMyA0MS44MjItNDEuODMzIDEwOS42MzcgMCAxNTEuNDUxIDQxLjgzMyA0MS44MzMgMTA5LjYzIDQxLjgzMyAxNTEuNDU1LjAxMSA0MS44MjUtNDEuODI1IDQxLjgyNS0xMDkuNjQxIDAtMTUxLjQ2My00MS44MjUtNDEuODI5LTEwOS42MjYtNDEuODI5LTE1MS40NTUuMDAxem0xMzIuMzY1IDEzMi4zNjhjLTMxLjI3IDMxLjI3Ny04MS45ODkgMzEuMjg1LTExMy4yNzQgMC0zMS4yODUtMzEuMjc0LTMxLjI4NS04Mi4wMDQgMC0xMTMuMjc0IDMxLjI4NS0zMS4yODUgODIuMDA0LTMxLjI4NSAxMTMuMjc0LS4wMDcgMzEuMjkyIDMxLjI4NCAzMS4yNzcgODIuMDA0IDAgMTEzLjI4MXoiIGZpbGw9IiNlYmVkZWYiLz48cGF0aCBkPSJNMjI0LjYyOSAxODUuNzkzYy0yLjAwMiA0LjM3LS4xMDEgOS41NzUgNC4yNjkgMTEuNTg0IDQuMzg1IDIuMDQzIDkuNTkuMDk3IDExLjU5OS00LjI1NCAwIDAgLjA4Ni0uMjAyLjUxMy0uOTY5IDMuMDI3LTUuNTQ1IDE3LjYyNy0yOS4wODggNDguNTA0LTMxLjk2MmE4Ljc0NCA4Ljc0NCAwIDAwNy42MDctNi40NjYgOC44NzcgOC44NzcgMCAwMC4yNDctMy4wNzJjLS40ODMtNC43OTctNC43MzctOC4zMzMtOS41MzgtNy44NS00NS41MTQgNC42ODUtNjIuNzU2IDQyLjEwNi02My4yMDEgNDIuOTg5eiIgb3BhY2l0eT0iLjciIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
    }

    .iconic.ic-write {
        margin-top: 45px
    }

        .iconic.ic-write::before {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI3ByZWZpeF9fY2xpcDApIj48cGF0aCBkPSJNMjQgNDhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0UzM3LjI1NSAwIDI0IDAgMCAxMC43NDUgMCAyNHMxMC43NDUgMjQgMjQgMjR6IiBmaWxsPSIjRkZDNjFCIi8+PHBhdGggZD0iTTQ3LjY4NCAyMC4xMDVMMzcuNTEgOS45MyA5LjYxMyAzOC41OGw4Ljc1MiA4Ljc1M0MyMC4xNzMgNDcuNzY4IDIyLjA2IDQ4IDI0IDQ4YzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNCAwLTEuMzI2LS4xMS0yLjYyOC0uMzE2LTMuODk1eiIgZmlsbD0iI0Q0OEIwNyIvPjxwYXRoIGQ9Ik05Ljk3NSAzOC45NDJsMS4zNjEtLjY4LTEuMjEzLTEuMjE0LS42OCAxLjM2Mi41MzIuNTMyeiIgZmlsbD0iIzM2NjY5NSIvPjxwYXRoIGQ9Ik05LjYxIDM4LjU3N2wuMzY1LjM2NSAxLjM2MS0uNjgtLjcxLS43MS0xLjAxNyAxLjAyNXoiIGZpbGw9IiMyNzNCN0EiLz48cGF0aCBkPSJNMTEuMzU1IDM4Ljc5Mmw0LjUxLTIuMjU1LTQuMDE3LTQuMDE4LTIuMjU1IDQuNTEgMS43NjIgMS43NjN6IiBmaWxsPSIjMzhDNkQ5Ii8+PHBhdGggZD0iTTEwLjM3MiAzNy44MDhsLjk4My45ODQgNC41MS0yLjI1Ni0yLjEyNC0yLjEyNC0zLjM3IDMuMzk2eiIgZmlsbD0iIzE5QjBCQyIvPjxwYXRoIGQ9Ik00MC4xMyAxMi41NWwtNC4yOTYtNC4yOTVhLjYyLjYyIDAgMDAtLjg3NiAwTDEwLjk2MSAzMi4yNTJhLjYxOS42MTkgMCAwMDAgLjg3Nmw0LjI5NiA0LjI5NWEuNjE4LjYxOCAwIDAwLjg3NSAwTDQwLjEzIDEzLjQyNmEuNjIuNjIgMCAwMDAtLjg3NnoiIGZpbGw9IiMzNjY2OTUiLz48cGF0aCBkPSJNNDAuMTMgMTIuNTVsLTIuMzYtMi4zNTktMjQuNzc0IDI0Ljk3MiAyLjI2IDIuMjZhLjYxOC42MTggMCAwMC44NzYgMEw0MC4xMyAxMy40MjZhLjYxOS42MTkgMCAwMDAtLjg3NnoiIGZpbGw9IiMyNzNCN0EiLz48cGF0aCBkPSJNNDAuMTMgMTIuNTVsLTQuNDE4LTQuNDE3YTIuNDczIDIuNDczIDAgMDAtMy40OTMgMGwtOC40OCA4LjQ4YS42MTkuNjE5IDAgMTAuODc1Ljg3Nmw4LjQ4LTguNDhhMS4yMzMgMS4yMzMgMCAwMTEuMzY2LS4yNTZsLTkuNTcgOS41NyA1LjE3MiA1LjE3IDEwLjA2Ny0xMC4wNjdhLjYxOS42MTkgMCAwMDAtLjg3NnoiIGZpbGw9IiMyNzNCN0EiLz48cGF0aCBkPSJNNDAuMTMgMTIuNTVsLTIuMzYtMi4zNTktMTAuNDYzIDEwLjU0NyAyLjc1NSAyLjc1NUw0MC4xMyAxMy40MjZhLjYxOS42MTkgMCAwMDAtLjg3NnoiIGZpbGw9IiMxMjExNDkiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJwcmVmaXhfX2NsaXAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDQ4djQ4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+")
        }

    .iconic span.note {
        margin-left: auto;
        color: #dc3545
    }

.caption {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    color: #555;
    padding: 0.25rem;
    margin: 1.25rem 0
}

.ckbox {
    font-weight: normal;
    margin-right: 1rem !important
}

    .ckbox span {
        position: relative;
        padding-left: 1.5rem
    }

        .ckbox span[role=link] {
            cursor: pointer
        }

            .ckbox span[role=link] a:link, .ckbox span[role=link] a:visited {
                color: #0e76c0
            }

            .ckbox span[role=link]:hover {
                color: #0e76c0;
                text-decoration: none
            }

        .ckbox span:empty {
            float: left
        }

        .ckbox span::before, .ckbox span::after {
            content: "";
            position: absolute;
            top: .2rem;
            left: 0;
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 2px
        }

        .ckbox span::before {
            background-color: #fff;
            border: 1px solid #dbdbdb;
            border-radius: 2px
        }

        .ckbox span::after {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
            background-size: 65%;
            background-repeat: no-repeat;
            background-position: 55% 45%;
            background-color: #0e76c0;
            line-height: 17px;
            display: none
        }

        .ckbox span:empty {
            padding-left: 0;
            width: 3px
        }

    .ckbox input[type=checkbox] {
        opacity: 0;
        margin: 0;
        position: absolute
    }

        .ckbox input[type=checkbox]:checked + span:after {
            display: block
        }

        .ckbox input[type=checkbox][disabled] + span, .ckbox input[type=checkbox][disabled] + span::before, .ckbox input[type=checkbox][disabled] + span::after {
            opacity: .75
        }

.rdbox {
    font-weight: normal;
    margin-right: 1rem !important
}

    .rdbox span {
        position: relative;
        padding-left: 1.5rem
    }

        .rdbox span::before, .rdbox span::after {
            content: "";
            position: absolute;
            border-radius: 50px;
            background: #fff
        }

        .rdbox span::before {
            width: 1.125rem;
            height: 1.125rem;
            border: 1px solid #dbdbdb;
            top: .2rem;
            left: 0
        }

        .rdbox span::after {
            width: 0.625rem;
            height: 0.625rem;
            top: .45rem;
            left: .25rem;
            display: none
        }

        .rdbox span:empty {
            padding-left: 0;
            width: 16px;
            display: block
        }

    .rdbox input[type=radio] {
        opacity: 0;
        margin: 0;
        position: absolute
    }

        .rdbox input[type=radio]:checked + span:before {
            border-color: transparent;
            background-color: #0e76c0
        }

        .rdbox input[type=radio]:checked + span:after {
            display: block
        }

        .rdbox input[type=radio][disabled] + span, .rdbox input[type=radio][disabled] + span:before, .rdbox input[type=radio][disabled] + span:after {
            opacity: .75
        }

.input-group.datepicker::after {
    content: "";
    display: block;
    width: 1.625rem;
    height: 1.625rem;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1LjMzMyA1LjY2N0gyNFYzaC0yLjY2N3YyLjY2N0gxMC42NjdWM0g4djIuNjY3SDYuNjY3QzUuMTg3IDUuNjY3IDQgNi44NjcgNCA4LjMzM1YyN2EyLjY2NiAyLjY2NiAwIDAwMi42NjcgMi42NjdoMTguNjY2QzI2LjggMjkuNjY3IDI4IDI4LjQ2NyAyOCAyN1Y4LjMzM2MwLTEuNDY2LTEuMi0yLjY2Ni0yLjY2Ny0yLjY2NnptMCAyMS4zMzNINi42NjdWMTMuNjY3aDE4LjY2NlYyN3ptMC0xNkg2LjY2N1Y4LjMzM2gxOC42NjZWMTF6bS0xNiA1LjMzM0gxNlYyM0g5LjMzM3YtNi42Njd6IiBmaWxsPSIjQUJBQkFCIi8+PC9zdmc+") center center/cover no-repeat;
    position: absolute;
    z-index: 4;
    right: 0.25rem;
    transform: translateY(-50%);
    top: 50%
}

.input-group button.ui-datepicker-trigger {
    border: none;
    background: none;
    width: 2.2rem;
    padding: 0
}

    .input-group button.ui-datepicker-trigger::after {
        content: "";
        display: block;
        width: 1.625rem;
        height: 1.625rem;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1LjMzMyA1LjY2N0gyNFYzaC0yLjY2N3YyLjY2N0gxMC42NjdWM0g4djIuNjY3SDYuNjY3QzUuMTg3IDUuNjY3IDQgNi44NjcgNCA4LjMzM1YyN2EyLjY2NiAyLjY2NiAwIDAwMi42NjcgMi42NjdoMTguNjY2QzI2LjggMjkuNjY3IDI4IDI4LjQ2NyAyOCAyN1Y4LjMzM2MwLTEuNDY2LTEuMi0yLjY2Ni0yLjY2Ny0yLjY2NnptMCAyMS4zMzNINi42NjdWMTMuNjY3aDE4LjY2NlYyN3ptMC0xNkg2LjY2N1Y4LjMzM2gxOC42NjZWMTF6bS0xNiA1LjMzM0gxNlYyM0g5LjMzM3YtNi42Njd6IiBmaWxsPSIjQUJBQkFCIi8+PC9zdmc+") center center/cover no-repeat;
        position: absolute;
        z-index: 4;
        right: 0.25rem;
        transform: translateY(-50%);
        top: 50%
    }

.pre {
    white-space: pre-wrap;
    font-family: "細明體", "MingLiU";
}

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    .treeview ul {
        margin-top: 4px
    }

    .treeview .hitarea {
        background: url(../img/treeview/treeview-default.gif) -64px -25px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
        margin-top: 4px
    }

    .treeview li {
        position: relative;
        margin: 0;
        padding: 3px 0 3px 16px;
        list-style-type: none
    }

@media all and (-ms-high-contrast: none) {
    .treeview li {
        list-style-image: url(data:null)
    }
}

.treeview li a {
    line-height: 1;
    color: #0e76c0
}

.treeview li cite {
    display: inline-flex;
    justify-content: center;
    align-self: center;
    font-style: normal;
    border-radius: 2px;
    background: #8cc5ee;
    color: #fff;
    line-height: .8;
    padding: 0;
    margin-right: .3rem;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: -0.2rem;
    cursor: pointer
}

.nodeless a {
    display: flex;
    align-items: flex-start;
    gap: 0 .5rem
}

    .nodeless a .badge {
        box-shadow: 0 1px 0 0 rgba(85,85,85,.8)
    }

    .nodeless a.total-count {
        font-weight: 700;
        color: #dc3545;
        pointer-events: none;
        cursor: default
    }

.nodeless .treeview li {
    background: none
}

@media all and (-ms-high-contrast: none) {
    .nodeless .treeview li {
        list-style-image: none
    }
}

.nodeless .treeview li a {
    line-height: 1.5
}

.treeview a.selected {
    background-color: #eee
}

#treecontrol {
    margin: 1em 0;
    display: none
}

.treeview .hover {
    cursor: pointer
}

.treeview li {
    background: url(../img/treeview/treeview-default-line.gif) 0 4px no-repeat
}

    .treeview li.collapsable, .treeview li.expandable {
        background-position: 0 -180px
    }

.treeview .expandable-hitarea {
    background-position: -80px -3px
}

.treeview li.last {
    background-position: 0 -1766px
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url(../img/treeview/treeview-default.gif)
}

.treeview li.lastCollapsable {
    background-position: 0 -111px
}

.treeview li.lastExpandable {
    background-position: -32px -67px
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0
}

.treeview-red li {
    background-image: url(../img/treeview/treeview-red-line.gif)
}

    .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
        background-image: url(../img/treeview/treeview-red.gif)
    }

.treeview-black li {
    background-image: url(../img/treeview/treeview-black-line.gif)
}

    .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
        background-image: url(../img/treeview/treeview-black.gif)
    }

.treeview-gray li {
    background-image: url(../img/treeview/treeview-gray-line.gif)
}

    .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
        background-image: url(../img/treeview/treeview-gray.gif)
    }

.treeview .placeholder {
    background: url(../img/treeview/ajax-loader.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    display: block
}

.screen-overlay {
    width: 0%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34,34,34,.6);
    transition: opacity .2s linear,visibility .1s
}

.navbar-navbar {
    background: #0e76c0 url(../img/ui/header-tile.png) left top repeat;
    background-size: 24px 24px;
    padding-bottom: 0
}

    .navbar-navbar > .container {
        flex-wrap: wrap;
        align-items: flex-end;
        padding-top: 30px
    }

@media(max-width: 991px) {
    .navbar-navbar > .container {
        padding-top: 0;
        justify-content: space-between;
        align-items: center
    }
}

.navbar-navbar .navbar {
    padding: 0
}

.navbar-navbar .navbar-toggler {
    padding: .1rem .4rem;
    background: rgba(255,255,255,.15);
    width: 3rem;
    display: none;
    justify-content: center;
    align-items: center;
    transition: opacity .2s 0s ease
}

    .navbar-navbar .navbar-toggler:hover {
        background: rgba(255,255,255,.3)
    }

    .navbar-navbar .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI5LjEyNSAyM0gyLjg3NWEuODc1Ljg3NSAwIDAwMCAxLjc1aDI2LjI1YS44NzUuODc1IDAgMDAwLTEuNzV6TTI5LjEyNSAxNUgyLjg3NWEuODc1Ljg3NSAwIDAwMCAxLjc1aDI2LjI1YS44NzUuODc1IDAgMDAwLTEuNzV6TTIuODc1IDguNzVoMjYuMjVhLjg3NS44NzUgMCAwMDAtMS43NUgyLjg3NWEuODc1Ljg3NSAwIDAwMCAxLjc1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
    }

@media(max-width: 991px) {
    .navbar-navbar .navbar-toggler {
        display: inline-flex
    }
}

.navbar-navbar .navbar-top {
    position: absolute;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.5)
}

    .navbar-navbar .navbar-top > .container {
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-top: .1rem;
        padding-bottom: .1rem
    }

    .navbar-navbar .navbar-top .clock {
        display: inline-flex;
        align-items: center;
        color: #fff;
        font-size: 0.75rem
    }

        .navbar-navbar .navbar-top .clock i.material-icons, .navbar-navbar .navbar-top .clock i.btn-more::after {
            margin-right: .333rem
        }

        .navbar-navbar .navbar-top .clock ins {
            text-decoration: none
        }

    .navbar-navbar .navbar-top .navbar-nav {
        display: inline-flex;
        justify-content: flex-end;
        width: auto
    }

        .navbar-navbar .navbar-top .navbar-nav .nav-item {
            color: #fff
        }

            .navbar-navbar .navbar-top .navbar-nav .nav-item .nav-link {
                color: #fff;
                font-size: 0.75rem;
                padding: 0.375rem 0.5rem;
                line-height: 0.75rem
            }

                .navbar-navbar .navbar-top .navbar-nav .nav-item .nav-link:hover {
                    text-decoration: underline
                }

@media(min-width: 992px)and (max-width: 1199px) {
    .navbar-navbar .navbar-top .navbar-nav.q-link .nav-link {
        padding-left: .4rem;
        padding-right: .4rem
    }
}

.navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item .nav-link {
    background: transparent;
    display: block;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0 3px;
    border-radius: 100%;
    text-align: center
}

    .navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item .nav-link:hover {
        text-decoration: none
    }

    .navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item .nav-link[data-size=sm] {
        font-size: 0.75rem
    }

    .navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item .nav-link[data-size=md] {
        font-size: 0.875rem
    }

    .navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item .nav-link[data-size=lg] {
        font-size: 1rem
    }

    .navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item .nav-link.f-on {
        background: #c0e5ff;
        color: #0e76c0;
        font-weight: 700
    }

.navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item:last-child .nav-link:link, .navbar-navbar .navbar-top .navbar-nav.f-switch .nav-item:last-child .nav-link:visited {
    margin-right: 0
}

.navbar-navbar .navbar-brand.logo {
    display: flex;
    margin-right: 0;
    flex-grow: 1
}

    .navbar-navbar .navbar-brand.logo img {
        max-width: 346px;
        max-height: 69px;
        margin: 0 auto
    }

@media(max-width: 767px) {
    .navbar-navbar .navbar-brand.logo img {
        max-width: 70%
    }
}

@media(max-width: 340px) {
    .navbar-navbar .navbar-brand.logo img {
        max-width: 90%
    }
}

.navbar-navbar .navbar-brand.logo span {
    font-size: 0;
    text-indent: 0
}

.navbar-navbar .navbar-brand.logo a {
    display: inline-flex;
    justify-content: center
}

@media(max-width: 991px) {
    .navbar-navbar .navbar-brand.logo {
        justify-content: center;
        flex-basis: calc(100% - 3rem)
    }

        .navbar-navbar .navbar-brand.logo a {
            margin: 0 4rem 0 0
        }
}

.navbar-navbar .navbar-search {
    position: relative;
    background: #fff;
    align-self: center;
    border-radius: 30px;
    border: 2px solid #fff;
    overflow: hidden;
    max-height: 42px
}

    .navbar-navbar .navbar-search > * {
        margin-top: -2px
    }

    .navbar-navbar .navbar-search::before {
        font-family: "Material Icons";
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        content: "search";
        color: #555;
        font-size: 1.75rem;
        padding-left: 1rem;
        font-weight: 700
    }

    .navbar-navbar .navbar-search .input-box {
        position: relative;
        background: #fff;
        flex-grow: 1
    }

        .navbar-navbar .navbar-search .input-box input.form-control {
            border: none;
            padding-left: .5rem
        }

            .navbar-navbar .navbar-search .input-box input.form-control:focus {
                border: none;
                box-shadow: none
            }

    .navbar-navbar .navbar-search .btn {
        border-radius: 0;
        width: 5rem;
        padding: .5rem 1rem;
        border-radius: 0 54px 54px 0
    }

@media(max-width: 991px) {
    .navbar-navbar .navbar-search {
        margin-bottom: 0.625rem
    }
}

.navbar-navbar .navbar-menu {
    flex-basis: 100%;
    margin-top: .5rem
}

    .navbar-navbar .navbar-menu > .container {
        padding-left: 0;
        padding-right: 0
    }

    .navbar-navbar .navbar-menu .navbar-nav {
        flex-basis: 100%;
        flex-wrap: wrap
    }

        .navbar-navbar .navbar-menu .navbar-nav .nav-item {
            flex: 1 1 0;
            text-align: center;
            border-radius: 8px 8px 0 0
        }

@media all and (-ms-high-contrast: none) {
    .navbar-navbar .navbar-menu .navbar-nav .nav-item {
        flex: 1 1 12.5%
    }
}

.navbar-navbar .navbar-menu .navbar-nav .nav-item .nav-link {
    position: relative;
    font-size: 1.125rem;
    color: #fff
}

    .navbar-navbar .navbar-menu .navbar-nav .nav-item .nav-link:link {
        color: #fff
    }

    .navbar-navbar .navbar-menu .navbar-nav .nav-item .nav-link::after {
        content: "";
        background: transparent;
        position: absolute;
        bottom: 0;
        left: 1.5rem;
        right: 1.5rem;
        height: 4px;
        border-radius: 4px 4px 0 0
    }

.navbar-navbar .navbar-menu .navbar-nav .nav-item:hover, .navbar-navbar .navbar-menu .navbar-nav .nav-item.nav-active {
    background: rgba(255,255,255,.95)
}

    .navbar-navbar .navbar-menu .navbar-nav .nav-item:hover .nav-link, .navbar-navbar .navbar-menu .navbar-nav .nav-item.nav-active .nav-link {
        color: #0e76c0
    }

        .navbar-navbar .navbar-menu .navbar-nav .nav-item:hover .nav-link::after, .navbar-navbar .navbar-menu .navbar-nav .nav-item.nav-active .nav-link::after {
            background: #0e76c0
        }

.navbar-navbar .navbar-menu .navbar-nav .nav-item.home-button {
    display: none
}

@media(max-width: 991px) {
    .navbar-navbar .navbar-menu .navbar-nav .nav-item.home-button {
        display: block
    }
}

.navbar-navbar .navbar-drawer {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-basis: 100%
}

    .navbar-navbar .navbar-drawer .offcanvas-header {
        display: none
    }

        .navbar-navbar .navbar-drawer .offcanvas-header .container {
            justify-content: flex-end;
            padding-right: 0
        }

@media(max-width: 991px) {
    .navbar-navbar .navbar-drawer .offcanvas-header .offcanvas-header {
        display: block
    }
}

@media(max-width: 991px) {
    .navbar-navbar .navbar-drawer.mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        transition: visibility .2s ease-in-out,transform .2s ease-in-out;
        border-radius: 0;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 1200;
        width: 100%;
        min-width: 220px;
        overflow-y: auto;
        overflow-x: hidden;
        flex-wrap: wrap
    }

        .navbar-navbar .navbar-drawer.mobile-offcanvas.show {
            visibility: visible;
            transform: translateX(0)
        }
}

.navbar-navbar.sticky-top {
    box-shadow: none
}

    .navbar-navbar.sticky-top.launched {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.25) !important
    }

    .navbar-navbar.sticky-top.folded .navbar-brand.logo img {
        max-height: 43px
    }

    .navbar-navbar.sticky-top.folded .navbar-brand.navbar-menu {
        margin-top: 0
    }

.offcanvas-active {
    overflow: hidden
}

    .offcanvas-active .screen-overlay.show {
        opacity: 1;
        width: 100%;
        visibility: visible
    }

@media(max-width: 991px) {
    .offcanvas-active .navbar-drawer.mobile-offcanvas.show {
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
        background: #ececec
    }

        .offcanvas-active .navbar-drawer.mobile-offcanvas.show .offcanvas-header {
            display: block;
            text-align: right;
            padding-right: 0
        }

            .offcanvas-active .navbar-drawer.mobile-offcanvas.show .offcanvas-header .nav-link {
                display: inline-block
            }

        .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-menu {
            align-items: baseline
        }

            .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-menu .navbar-nav {
                flex-basis: 100%
            }

                .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-menu .navbar-nav .nav-item {
                    border-radius: 0;
                    border-bottom: 1px solid #8cc5ee
                }

                    .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-menu .navbar-nav .nav-item .nav-link {
                        color: #0e76c0
                    }

                        .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-menu .navbar-nav .nav-item .nav-link:hover::after, .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-menu .navbar-nav .nav-item .nav-link.nav-active::after {
                            display: none
                        }

        .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top {
            position: relative;
            background: #0e76c0 url(../img/ui/header-tile.png) left top repeat;
            background-size: 24px 24px
        }

            .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top > .container {
                flex-direction: column-reverse;
                padding: 0
            }

                .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top > .container > nav {
                    display: flex;
                    flex-direction: column;
                    width: 100%
                }

            .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top .navbar-nav .nav-item {
                border-bottom: 1px solid rgba(255,255,255,.3)
            }

                .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top .navbar-nav .nav-item .nav-link {
                    font-size: 1.125rem;
                    text-align: center;
                    padding: .5rem 1rem;
                    line-height: unset
                }

            .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top .navbar-nav.f-switch {
                display: none !important;
                flex-direction: row;
                justify-content: center
            }

            .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top .clock {
                padding: .5rem 1rem;
                font-size: 1.125rem;
                width: 100%;
                justify-content: center
            }

                .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top .clock span {
                    flex-grow: 1
                }

                    .offcanvas-active .navbar-drawer.mobile-offcanvas.show .navbar-top .clock span ins {
                        display: block
                    }
}

.belt {
    background: #0e76c0
}

    .belt ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        list-style-type: none;
        margin-bottom: 0;
        padding: 15px
    }

@media(max-width: 991px) {
    .belt ul > *:first-of-type, .belt ul > *:first-of-type + * {
        margin-bottom: 15px
    }
}

.belt ul li {
    flex-basis: 25%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 991px) {
    .belt ul li {
        flex-basis: 50%
    }
}

@media(max-width: 319px) {
    .belt ul li {
        flex-basis: 100%;
        justify-content: left
    }
}

.belt ul li .belt-icon {
    display: flex;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 3.25rem;
    border: 4px solid #fff;
    margin-right: 15px;
    justify-content: center;
    align-items: center
}

@media(max-width: 1199px) {
    .belt ul li .belt-icon {
        border-width: 3px;
        width: 2.75rem;
        height: 2.75rem
    }
}

@media(max-width: 767px) {
    .belt ul li .belt-icon {
        border-width: 2px;
        width: 2.25rem;
        height: 2.25rem;
        margin-right: 0.3125rem
    }
}

@media(max-width: 359px) {
    .belt ul li .belt-icon {
        display: none
    }
}

.belt ul li .belt-icon::before {
    fill: #fff;
    content: "";
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wOSAxNi4wOWE0LjY3MiA0LjY3MiAwIDAwNC42NjYtNC42NjcgNC42NzIgNC42NzIgMCAwMC00LjY2Ny00LjY2NyA0LjY3MiA0LjY3MiAwIDAwLTQuNjY2IDQuNjY3IDQuNjcyIDQuNjcyIDAgMDA0LjY2NiA0LjY2N3ptMC02LjY2N2MxLjEwNiAwIDIgLjg5MyAyIDJzLS44OTQgMi0yIDJjLTEuMTA3IDAtMi0uODkzLTItMnMuODkzLTIgMi0yek02LjQ1IDIyLjc1Nmg1LjcwNmMtLjA0LjIxNC0uMDY2LjQ0LS4wNjYuNjY3djJIMi43NTZ2LTJjMC0zLjEwNyA2LjIxNC00LjY2NyA5LjMzNC00LjY2Ny43NDYgMCAxLjY2Ni4wOTQgMi42NC4yNjctLjk0Ny42NC0xLjczNCAxLjQ0LTIuMTg3IDIuNDEzLS4wNzMgMC0uMTUtLjAwMy0uMjI3LS4wMDZhNS4xOSA1LjE5IDAgMDAtLjIyNi0uMDA3Yy0yLjA0IDAtNC4zMi42NjctNS42NCAxLjMzM3ptMTUuNjQtMy4zMzNjLTIuNDU0IDAtNy4zMzQgMS4zNDctNy4zMzQgNHYyaDE0LjY2N3YtMmMwLTIuNjUzLTQuODgtNC03LjMzMy00em0zLjMzMy01LjMzM2MwIDEuMjUzLS43MDcgMi4zMzMtMS43MiAyLjkwNmEzLjMwOSAzLjMwOSAwIDAxLTEuNjEzLjQyN2MtLjU4NyAwLTEuMTM0LS4xNi0xLjYxNC0uNDI3LTEuMDEzLS41NzMtMS43Mi0xLjY1My0xLjcyLTIuOTA2YTMuMzM1IDMuMzM1IDAgMDE2LjY2NyAweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width: 1199px) {
    .belt ul li .belt-icon::before {
        width: 26px;
        height: 26px
    }
}

@media(max-width: 767px) {
    .belt ul li .belt-icon::before {
        width: 18px;
        height: 18px
    }
}

.belt ul li .belt-icon.all-month::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiA1LjMzM2g0djIxLjMzNGgtNFY1LjMzM3pNNiAxOC42NjdoNHY4SDZ2LTh6TTE4IDEyaC00djE0LjY2N2g0VjEyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
}

.belt ul li .belt-icon.all-visitors::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxLjMzMyA4bDMuMDU0IDMuMDUzLTYuNTA3IDYuNTA3LTUuMzMzLTUuMzMzLTkuODggOS44OTNMNC41NDcgMjRsOC04IDUuMzMzIDUuMzMzIDguNC04LjM4NkwyOS4zMzMgMTZWOGgtOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.belt ul li .belt-icon.all-pageviews::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjY2NyAxMy4zMzRjMC0yLjItMS44LTQtNC00cy00IDEuOC00IDQgMS44IDQgNCA0IDQtMS44IDQtNHptLTQgMS4zMzNjLS43MzQgMC0xLjMzNC0uNi0xLjMzNC0xLjMzMyAwLS43MzQuNi0xLjMzNCAxLjMzNC0xLjMzNC43MzMgMCAxLjMzMy42IDEuMzMzIDEuMzM0IDAgLjczMy0uNiAxLjMzMy0xLjMzMyAxLjMzM3ptOC42NjYgMi42NjdBMi42NTggMi42NTggMCAwMDI0IDE0LjY2NyAyLjY1NyAyLjY1NyAwIDAwMjEuMzMzIDEyYTIuNjQ5IDIuNjQ5IDAgMDAtMi42NjYgMi42NjcgMi42NTcgMi42NTcgMCAwMDIuNjY2IDIuNjY3ek0xNS45ODcgMi42OGMtNy4zNiAwLTEzLjMzNCA1Ljk3NC0xMy4zMzQgMTMuMzM0IDAgNy4zNiA1Ljk3NCAxMy4zMzMgMTMuMzM0IDEzLjMzMyA3LjM2IDAgMTMuMzMzLTUuOTc0IDEzLjMzMy0xMy4zMzQgMC03LjM2LTUuOTczLTEzLjMzMy0xMy4zMzMtMTMuMzMzem0tOC4yIDIwLjE0N2MuOTA2LS43MiAzLjAyNi0xLjQ4IDQuODgtMS40OC4wOTMgMCAuMi4wMTMuMzA2LjAxMy4zMi0uODUzLjg5NC0xLjcyIDEuNzM0LTIuNDgtLjc0Ny0uMTMzLTEuNDU0LS4yMTMtMi4wNC0uMjEzLTEuNzM0IDAtNC41Mi42LTYuMzA3IDEuOTA2QTEwLjUxMiAxMC41MTIgMCAwMTUuMzIgMTZjMC01Ljg4IDQuNzg3LTEwLjY2NiAxMC42NjctMTAuNjY2UzI2LjY1MyAxMC4xMiAyNi42NTMgMTZjMCAxLjYtLjM2IDMuMTItMSA0LjQ5NC0xLjMzMy0uNzg3LTMuMTQ2LTEuMTYtNC4zMi0xLjE2LTIuMDI2IDAtNiAxLjA4LTYgMy42djMuNzA2YTEwLjU4IDEwLjU4IDAgMDEtNy41NDYtMy44MTN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+")
}

.belt ul li .belt-text {
    color: #fff;
    line-height: 1.3;
    flex-grow: 1
}

    .belt ul li .belt-text strong {
        display: block;
        font-size: 0.75rem
    }

@media(max-width: 530px) {
    .belt ul li .belt-text strong span {
        display: block
    }
}

.belt ul li .belt-text .belt-digit {
    font-size: 1.625rem;
    font-family: Verdana,sans-serif
}

@media(max-width: 530px) {
    .belt ul li .belt-text .belt-digit {
        font-size: 1.25rem
    }
}

@media(max-width: 359px) {
    .belt ul li .belt-text .belt-digit {
        font-size: 1.125rem
    }
}

.site-footer {
    background: #ececec
}

.foot-top, .foot-bottom {
    display: flex;
    justify-content: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    margin-bottom: 0
}

    .foot-top li, .foot-bottom li {
        list-style-type: none
    }

.foot-top {
    margin-bottom: 0
}

    .foot-top li {
        margin-right: .5rem
    }

        .foot-top li a {
            display: block;
            text-align: center;
            font-size: 0.875rem;
            background: #fff;
            padding: .5rem 1rem;
            border-radius: 2rem;
            box-shadow: 0 .125rem .25rem rgba(0,0,0,.55) !important
        }

@media(max-width: 767px) {
    .foot-top {
        justify-content: center
    }
}

@media(max-width: 575px) {
    .foot-top {
        flex-direction: column
    }

        .foot-top li {
            margin-right: 0
        }

            .foot-top li:first-of-type + li {
                margin: .75rem 0
            }
}

.foot-bottom {
    display: block;
    padding-left: 15px;
    padding-right: 15px
}

    .foot-bottom li {
        list-style-type: decimal
    }

.foot-body .dla-logo a {
    display: block;
    text-align: center
}

.foot-body .dla-logo img {
    max-width: 352px;
    width: 100%;
    margin: 0 auto
}

@media(min-width: 768px)and (max-width: 991px) {
    .foot-body .dla-logo img {
        max-width: 100%
    }
}

.foot-body .address ul {
    display: flex;
    flex-flow: column;
    padding-left: 0;
    margin-bottom: 0
}

    .foot-body .address ul li {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row
    }

        .foot-body .address ul li strong {
            flex-basis: 5rem;
            white-space: nowrap
        }

            .foot-body .address ul li strong::after {
                content: "："
            }

        .foot-body .address ul li span a {
            color: #555;
            border-bottom: 1px dotted #555
        }

            .foot-body .address ul li span a:hover {
                text-decoration: none;
                border-bottom: 1px solid #555
            }

        .foot-body .address ul li.remind {
            font-weight: 700;
            font-size: 0.875rem
        }

@media(min-width: 768px)and (max-width: 991px) {
    .foot-body .address ul li {
        flex-flow: column
    }

        .foot-body .address ul li strong {
            flex-basis: unset
        }

            .foot-body .address ul li strong::after {
                content: none
            }
}

@media(max-width: 767px) {
    .foot-body .address ul li {
        justify-content: center
    }
}

@media(max-width: 575px) {
    .foot-body .address ul li {
        justify-content: flex-start;
        flex-flow: column
    }

        .foot-body .address ul li strong {
            flex-basis: unset;
            font-size: 0.875rem
        }

            .foot-body .address ul li strong::after {
                content: none
            }
}

@media(max-width: 575px) {
    .foot-body .address ul li {
        margin-bottom: 0.4375rem
    }
}

.foot-body .badges {
    display: flex;
    flex-direction: column
}

    .foot-body .badges ul {
        display: inline-flex;
        flex-flow: row;
        padding-left: 0;
        margin-bottom: 0
    }

        .foot-body .badges ul li {
            list-style-type: none
        }

            .foot-body .badges ul li > *:first-of-type, .foot-body .badges ul li > * + *:not(:last-of-type) {
                margin-right: .5rem
            }

            .foot-body .badges ul li a {
                display: block
            }

                .foot-body .badges ul li a img {
                    max-width: 100%;
                    width: 100%
                }

            .foot-body .badges ul li.access img {
                max-width: 130px
            }

            .foot-body .badges ul li.egov img {
                max-width: 46px
            }

            .foot-body .badges ul li.tpe img {
                max-width: 46px
            }

    .foot-body .badges .update-time {
        display: block;
        align-self: flex-start;
        padding: .5rem;
        border-radius: 8px;
        border: 1px solid #555;
        font-size: 0.875rem
    }

        .foot-body .badges .update-time strong {
            display: block
        }

        .foot-body .badges .update-time em {
            font-style: normal;
            font-weight: 700;
            color: #555
        }

@media(max-width: 767px) {
    .foot-body .badges {
        flex-direction: row
    }

        .foot-body .badges > * {
            flex: 50%
        }

        .foot-body .badges ul {
            justify-content: center
        }

        .foot-body .badges .update-time {
            text-align: center
        }
}

@media(max-width: 575px) {
    .foot-body .badges {
        flex-direction: column
    }

        .foot-body .badges .update-time {
            align-self: auto
        }
}

@media(max-width: 991px) {
    .foot-body .dla-logo, .foot-body .address, .foot-body .badges {
        margin-bottom: 30px
    }
}

@media(max-width: 991px) {
    .foot-body .badges {
        margin-bottom: 0
    }
}

.home {
    z-index: inherit
}

ul#ui-id-1 {
    margin-top: 10px
}

@media(max-width: 575px) {
    .table-tabs {
        margin-left: -15px;
        margin-right: -15px
    }
}

.table-tab {
    border-spacing: 0
}

    .table-tab thead th:first-child, .table-tab thead td:first-child, .table-tab tbody th:first-child, .table-tab tbody td:first-child {
        padding-left: 15px
    }

    .table-tab thead th:last-child, .table-tab thead td:last-child, .table-tab tbody th:last-child, .table-tab tbody td:last-child {
        padding-right: 15px
    }

    .table-tab thead {
        border: 1px solid #8cc5ee;
        border-right: 0 none
    }

        .table-tab thead tr th {
            border-top: 0 none;
            border-bottom: 0 none;
            background: #c0e5ff
        }

        .table-tab thead tr.type-switches th {
            padding-left: 15px;
            padding-right: 30px;
            border-bottom: 1px dashed #8cc5ee
        }

            .table-tab thead tr.type-switches th label {
                margin-bottom: 0
            }

        .table-tab thead tr.th-labels th {
            border-bottom: 1px solid #8cc5ee
        }

    .table-tab tbody tr {
        position: relative
    }

        .table-tab tbody tr:first-of-type td {
            border-top: 0 none
        }

        .table-tab tbody tr td:first-of-type::before {
            content: "chevron_right";
            color: #0e76c0
        }

@media(min-width: 576px) {
    .table-tab tbody tr td:first-of-type::before {
        display: none !important
    }
}

.table-tab tbody tr td:not(:first-of-type,:last-of-type)::before {
    background-image: url(../img/ui/diamond.png);
    width: 1rem;
    height: 1rem;
    display: block
}

@media(min-width: 576px) {
    .table-tab tbody tr td:not(:first-of-type,:last-of-type)::before {
        display: none !important
    }
}

.table-tab tbody tr td[colspan] {
    text-align: center
}

.table-tab tbody tr td .exegesis {
    display: block
}

.table-tab tbody tr td .btn-comment {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.table-tab tbody + tbody {
    border-top: 0 none
}

@media(max-width: 575px) {
    .table-tab thead {
        display: none
    }

    .table-tab tbody tr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-left: .8rem;
        padding-right: .8rem;
        border-top: 1px solid #dbdbdb
    }

        .table-tab tbody tr::nth-of-type(odd) {
            background-color: transparent
        }

        .table-tab tbody tr:nth-of-type(even) {
            background-color: #fff
        }

    .table-tab tbody td {
        border-top: 0
    }

        .table-tab tbody td:first-of-type {
            display: flex;
            align-items: center;
            text-align: left !important;
            padding-left: 0 !important;
            padding-top: .4rem;
            padding-bottom: .2em
        }

        .table-tab tbody td:not(:first-of-type,:last-of-type) {
            padding-top: .4rem;
            padding-bottom: .2em;
            display: flex;
            align-items: center
        }

        .table-tab tbody td:nth-child(2):not(:last-of-type) {
            flex: 1;
            text-align: right;
            justify-content: flex-end
        }

        .table-tab tbody td:last-of-type {
            flex-basis: 100%;
            padding-top: .2rem
        }
}

@media(max-width: 575px) {
    .table-result thead {
        display: none
    }

    .table-result tbody tr {
        display: flex;
        position: relative;
        flex-direction: column
    }

        .table-result tbody tr td {
            border-top: none;
            display: flex
        }

            .table-result tbody tr td:not(:first-of-type)::before {
                content: attr(data-prefix) "：";
                flex-basis: 6rem;
                font-weight: 700;
                text-align: justify;
                text-justify: ideograph
            }

            .table-result tbody tr td:first-of-type {
                padding-bottom: .2rem;
                font-weight: 700
            }

            .table-result tbody tr td:not(:first-of-type,:last-of-type) {
                padding: 0 .4rem
            }

            .table-result tbody tr td:last-of-type {
                padding-top: .2rem
            }
}

.primary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

    .primary .col-content {
        z-index: inherit
    }

@media(min-width: 992px) {
    .primary .col-aside .wdgt-row {
        justify-content: flex-end
    }

    .primary .col-aside .wdgt-col {
        flex: 0 0 calc(100% - 30px)
    }
}

@media(min-width: 992px)and (-ms-high-contrast: none) {
    .primary .col-aside .wdgt-col {
        flex: 0 0 85%
    }
}

.wdgt-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 30px
}

    .wdgt-row.art-row {
        margin-bottom: 0
    }

    .wdgt-row.sbj-row, .wdgt-row.quick-row {
        margin: 0
    }

    .wdgt-row.related-row > *:first-of-type, .wdgt-row.related-row > * + *:not(:last-of-type) {
        margin-bottom: 15px
    }

@media(min-width: 576px)and (max-width: 991px) {
    .wdgt-row.related-row {
        justify-content: space-between
    }
}

@media(max-width: 575px) {
    .wdgt-row.search-row, .wdgt-row.proposed-row, .wdgt-row.related-row {
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width: 768px) {
    .wdgt-row {
        justify-content: space-between
    }
}

.wdgt-col {
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 15px;
    transition: height .3s 0s ease-in-out
}

    .wdgt-col.search-law h2.iconic, .wdgt-col.search-smart h2.iconic {
        margin: 0;
        display: inline-flex;
        align-items: center;
        width: 100%
    }

        .wdgt-col.search-law h2.iconic a:link, .wdgt-col.search-law h2.iconic a:visited, .wdgt-col.search-smart h2.iconic a:link, .wdgt-col.search-smart h2.iconic a:visited {
            font-size: 0.875rem;
            color: #0e76c0;
            text-decoration: underline;
            margin-left: auto
        }

        .wdgt-col.search-law h2.iconic.ic-smart b, .wdgt-col.search-smart h2.iconic.ic-smart b {
            font-size: 1rem;
            font-weight: 500;
            color: #a0a0a0
        }

@media(min-width: 768px) {
    .wdgt-col.search-law, .wdgt-col.search-smart {
        flex: 0 0 calc(50% - 15px)
    }
}

@media(min-width: 768px)and (-ms-high-contrast: none) {
    .wdgt-col.search-law, .wdgt-col.search-smart {
        flex: 0 0 44%
    }
}

.wdgt-col.search-law {
    background: #fff
}

@media(max-width: 767px) {
    .wdgt-col.search-law {
        margin-bottom: 30px
    }
}

.modal-body.smart-content ol {
    padding-left: 1rem
}

.wdgt-col.proposed-col {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-left: 3.4375rem
}

    .wdgt-col.proposed-col .ic-img {
        position: absolute;
        left: 11px;
        top: -7px
    }

@media all and (-ms-high-contrast: none) {
    .wdgt-col.proposed-col .ic-img {
        left: 9px;
        top: -28px
    }
}

.wdgt-col.proposed-col .proposed-links-box {
    display: flex
}

    .wdgt-col.proposed-col .proposed-links-box h2 {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0;
        flex-basis: 5rem;
        white-space: nowrap
    }

@media all and (-ms-high-contrast: none) {
    .wdgt-col.proposed-col .proposed-links-box h2 {
        flex-basis: 9rem
    }
}

.wdgt-col.proposed-col .proposed-links-box h2::after {
    content: "："
}

.wdgt-col.proposed-col .proposed-links-box .proposed-links {
    flex-grow: 1
}

    .wdgt-col.proposed-col .proposed-links-box .proposed-links a {
        font-weight: 500;
        white-space: nowrap
    }

        .wdgt-col.proposed-col .proposed-links-box .proposed-links a::after {
            content: "、"
        }

        .wdgt-col.proposed-col .proposed-links-box .proposed-links a:last-of-type::after {
            display: none
        }

@media(max-width: 575px) {
    .wdgt-col.proposed-col .proposed-links-box {
        flex-direction: column
    }

        .wdgt-col.proposed-col .proposed-links-box h2 {
            flex-basis: 1.5rem
        }
}

.wdgt-col.news-col .subject, .wdgt-col.popular-col .subject {
    margin-top: 0
}

@media(max-width: 575px) {
    .wdgt-col.news-col, .wdgt-col.popular-col {
        border: none;
        background: transparent;
        box-shadow: none !important
    }
}

.wdgt-col.popular-col .table-tab tbody td.pageview {
    align-items: center;
    display: flex
}

    .wdgt-col.popular-col .table-tab tbody td.pageview::before {
        content: "chevron_right";
        color: #0e76c0
    }

@media(min-width: 576px) {
    .wdgt-col.popular-col .table-tab tbody td.pageview::before {
        display: none !important
    }
}

@media(max-width: 575px) {
    .wdgt-col.popular-col .table-tab tbody tr {
        flex-wrap: wrap-reverse
    }

    .wdgt-col.popular-col .table-tab tbody td:first-of-type::before {
        display: none
    }

    .wdgt-col.popular-col .table-tab tbody td.pageview {
        padding-top: .4rem;
        padding-bottom: .2rem;
        padding-left: 0;
        flex-basis: unset
    }

    .wdgt-col.popular-col .table-tab tbody td.hot-link {
        padding-top: .2rem;
        padding-bottom: .4rem;
        flex-basis: 100%
    }
}

.wdgt-col.art-col, .wdgt-col.quick-col, .wdgt-col.sbj-col {
    box-shadow: none !important;
    border: none;
    background: transparent !important
}

.wdgt-col.art-col {
    text-align: center
}

    .wdgt-col.art-col img {
        max-width: 290px;
        width: 100%;
        margin: 0 auto
    }

.wdgt-col.quick-col {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0
}

    .wdgt-col.quick-col a {
        display: inline-flex;
        flex-direction: column;
        flex-basis: 50%;
        align-items: center;
        justify-content: space-evenly
    }

        .wdgt-col.quick-col a img {
            display: block;
            margin-bottom: 1rem;
            max-width: 3.5rem
        }

@media(min-width: 460px)and (max-width: 991px) {
    .wdgt-col.quick-col a img {
        max-width: 5.25rem
    }
}

.wdgt-col.quick-col a strong {
    color: #555;
    width: 7rem;
    text-align: center;
    height: 2.6rem;
    line-height: 1.3
}

.wdgt-col.quick-col .quick-divider {
    width: 1px;
    height: 10em;
    background-color: #dbdbdb;
    box-shadow: 1px 0 0 0 #fff
}

.wdgt-col.sbj-col {
    padding: 0;
    padding-right: 15px
}

.wdgt-col.related-col {
    background: #fff
}

    .wdgt-col.related-col a {
        display: flex;
        align-items: center;
        font-weight: bold
    }

        .wdgt-col.related-col a > *:first-of-type, .wdgt-col.related-col a > * + *:not(:last-of-type) {
            margin-right: 1rem
        }

        .wdgt-col.related-col a img {
            max-width: 2.75rem
        }

        .wdgt-col.related-col a span {
            line-height: 1.3
        }

@media(min-width: 576px)and (max-width: 991px) {
    .wdgt-col.related-col {
        flex-basis: calc(50% - 15px)
    }
}

.search-set {
    display: flex;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid #dbdbdb;
    align-items: center
}

    .search-set::placeholder {
        color: #dbdbdb
    }

    .search-set::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: unset;
        height: 2px;
        width: 0;
        background-color: #0e76c0;
        transition: all .2s 0s ease
    }

    .search-set.input-focused::after {
        width: 100%
    }

    .search-set input[type=text] {
        border: none;
        outline: none;
        font-size: 1rem;
        color: #555;
        flex-grow: 1
    }

        .search-set input[type=text]:focus {
            border: none
        }

.dropdown-tabs {
    background: #c0e5ff;
    border: 1px solid #8cc5ee;
    border-width: 1px 0;
    padding: 0.3125rem 15px;
    margin-left: -15px;
    margin-right: -15px
}

@media(min-width: 576px) {
    .dropdown-tabs {
        display: none !important
    }
}

.dropdown-tabs select.form-control {
    border-color: #8cc5ee
}

.law-type-drop {
    z-index: inherit
}

.law-status-drop {
    display: flex;
    align-items: center;
    margin-top: 0.3125rem
}

    .law-status-drop::before {
        content: "法規位階：";
        flex-basis: 8rem;
        text-align: right;
        font-weight: 700
    }

    .law-status-drop strong {
        flex-basis: 8rem;
        text-align: right
    }

.list-tabs {
    position: relative;
    z-index: 5;
    bottom: -1px;
    padding: 0;
    margin: 0;
    transition: height .3s 0s ease-in-out;
    overflow: hidden
}

    .list-tabs li {
        list-style-type: none;
        display: inline-block;
        float: left;
    }

@media (max-width: 575px) {
    .list-tabs li[role="tab"] {
        display: none;
    }
}

.list-tabs li > a, .list-tabs li > a:link, .list-tabs li > a:visited {
    position: relative;
    color: #555;
    display: block;
    padding: .5rem 1rem;
    font-weight: 700
}

.list-tabs a::after, .list-tabs a:link::after, .list-tabs a:visited::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .5rem;
    right: .5rem;
    transition: max-width .2s 0s ease;
    max-width: 0;
    width: 0;
    height: 3px;
    border-radius: 4px 4px 0 0;
    background-color: #0e76c0
}

@media(min-width: 576px)and (max-width: 767px) {
    .list-tabs a, .list-tabs a:link, .list-tabs a:visited {
        padding: .35rem .55rem
    }
}

.list-tabs a:hover {
    text-decoration: none
}

.list-tabs li[aria-selected=true] {
    background: #c0e5ff;
    border: 1px solid #8cc5ee;
    border-bottom: 1px solid #c0e5ff;
    border-radius: 8px 8px 0 0
}

    .list-tabs li[aria-selected=true] a, .list-tabs li[aria-selected=true] a:link, .list-tabs li[aria-selected=true] a:visited {
        color: #0e76c0
    }

        .list-tabs li[aria-selected=true] a::after, .list-tabs li[aria-selected=true] a:link::after, .list-tabs li[aria-selected=true] a:visited::after {
            width: auto;
            max-width: 100%
        }

.message {
    margin-top: 30px;
    margin-bottom: 30px
}

@media(max-width: 459px) {
    .message {
        margin-bottom: 0
    }
}

.message .message-box {
    display: flex;
    flex-wrap: wrap
}

.message .col-icon {
    padding: .5rem;
    padding-right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    .message .col-icon .ic-img.speaker {
        margin-right: 15px
    }

@media(max-width: 767px) {
    .message .col-icon .ic-img.speaker {
        margin-right: 8px
    }

        .message .col-icon .ic-img.speaker::before {
            width: 1.875rem;
            height: 1.875rem
        }
}

.message .col-msg {
    flex: 1;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: .5rem;
    display: flex;
    align-items: center
}

    .message .col-msg .carousel {
        flex-basis: 100%
    }

        .message .col-msg .carousel .carousel-item {
            height: 100%;
            width: 100%
        }

        .message .col-msg .carousel .carousel-caption {
            position: static;
            padding: 0;
            color: #555;
            font-size: 1.125rem;
            text-align: left
        }

            .message .col-msg .carousel .carousel-caption [data-animation] {
                height: auto
            }

.message .col-nav {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: .5rem
}

    .message .col-nav a:link, .message .col-nav a:visited {
        color: #a0a0a0
    }

    .message .col-nav a:hover, .message .col-nav a:active {
        color: #0e76c0
    }

@media(max-width: 767px) {
    .message .col-nav {
        width: 100%;
        justify-content: flex-end
    }
}

.message-noshow {
    display: table;
    margin-bottom: 30px
}

.eng-org-list {
    list-style-type: none;
    padding-left: 0;
    margin: 30px 0
}

    .eng-org-list li {
        display: flex;
        flex-wrap: wrap
    }

        .eng-org-list li a {
            font-size: 1.25rem
        }

            .eng-org-list li a:link, .eng-org-list li a a:visited {
                color: #555
            }

            .eng-org-list li a:hover {
                color: #0e76c0
            }

            .eng-org-list li a.ch-name {
                flex-basis: 12rem
            }

@media(max-width: 767px) {
    .eng-org-list li a.ch-name {
        flex-basis: 100%
    }
}

.eng-org-list li + li {
    margin-top: .5rem
}

@media(max-width: 767px) {
    .eng-org-list li + li {
        margin-top: 1rem
    }
}

.paragraph {
    padding: 0 1rem 0
}

    .paragraph h3 {
        font-size: 1rem;
        font-weight: 700
    }

        .paragraph h3.adorned {
            border-bottom: 1px solid #8cc5ee;
            padding: .5rem 0
        }

    .paragraph > p {
        display: flex
    }

        .paragraph > p + ol {
            margin-top: -1rem
        }

    .paragraph ol li {
        line-height: 1.7
    }

        .paragraph ol li p {
            display: flex;
            margin-bottom: 0;
            word-break: break-all
        }

            .paragraph ol li p.eng-note {
                color: #555
            }

                .paragraph ol li p.eng-note::before {
                    margin-right: .5rem;
                    content: "Note: ";
                    text-decoration: underline
                }

                .paragraph ol li p.eng-note.has-list {
                    flex-direction: column;
                    counter-reset: dlcount
                }

                    .paragraph ol li p.eng-note.has-list cite {
                        display: block;
                        font-style: normal;
                        counter-reset: dlcite
                    }

                        .paragraph ol li p.eng-note.has-list cite span {
                            display: flex;
                            flex-direction: row;
                            align-items: flex-start;
                            font-weight: 500
                        }

                            .paragraph ol li p.eng-note.has-list cite span::before {
                                margin-right: .5rem;
                                counter-increment: dlcite;
                                content: counter(dlcite, lower-alpha) ". "
                            }

        .paragraph ol li img {
            max-width: 100%;
            margin: .5rem 0;
            border: 1px solid #dbdbdb;
            border-radius: 2px
        }

    .paragraph ol > li {
        list-style-type: trad-chinese-informal
    }

        .paragraph ol > li.en {
            list-style-type: decimal;
            margin-bottom: 2rem
        }

        .paragraph ol > li > ol {
            counter-reset: num2;
            padding-left: 2rem;
            text-indent: -2rem
        }

            .paragraph ol > li > ol > li {
                list-style-type: none
            }

                .paragraph ol > li > ol > li::before {
                    counter-increment: num2;
                    content: "(" counter(num2, trad-chinese-informal) ") "
                }

                .paragraph ol > li > ol > li p {
                    text-indent: 0
                }

                .paragraph ol > li > ol > li > ol {
                    counter-reset: num3
                }

                    .paragraph ol > li > ol > li > ol > li::before {
                        counter-increment: num3;
                        content: counter(num3, decimal) "、"
                    }

    .paragraph .site-list {
        margin-top: 1rem
    }

        .paragraph .site-list [class*=col-] ul li {
            padding: .25rem .5rem
        }

.banner-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

    .banner-box .fig-col {
        display: inline-flex;
        flex-direction: column
    }

@media(min-width: 332px) {
    .banner-box .fig-col:last-of-type {
        margin-left: 2rem
    }
}

@media(max-width: 331px) {
    .banner-box .fig-col:last-of-type {
        margin-top: 2rem
    }
}

.banner-box fig {
    margin-bottom: 2rem
}

    .banner-box fig img {
        margin-bottom: .25rem
    }

    .banner-box fig figcaption {
        display: flex;
        justify-content: space-between
    }

        .banner-box fig figcaption a:link, .banner-box fig figcaption a:visited {
            color: #0e76c0;
            text-decoration: underline
        }

.modal.centered.in .aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.centered .modal-dialog {
    align-self: center;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto
}

.dla-home {
    z-index: inherit
}

main {
    min-height: 25rem
}

@media print {
    main {
        margin-left: 1rem
    }
}

[aria-label=breadcrumb] {
    background: transparent
}

.breadcrumb {
    margin-bottom: 0
}

    .breadcrumb .breadcrumb-item {
        color: #555;
        display: inline-flex;
        align-items: center
    }

        .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            float: none;
            content: ".";
            font-size: 0;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI3ByZWZpeF9fY2xpcDApIj48cGF0aCBkPSJNMjQuMzAxIDE0Ljk3MUw5Ljc1Ni40MjZhMS40NTQgMS40NTQgMCAxMC0yLjA1NyAyLjA1N0wyMS4yMTYgMTYgNy42OTkgMjkuNTE3YTEuNDU1IDEuNDU1IDAgMDAyLjA1NyAyLjA1N0wyNC4zIDE3LjAyOGExLjQ1NCAxLjQ1NCAwIDAwMC0yLjA1N3oiIGZpbGw9IiM1NTUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJwcmVmaXhfX2NsaXAwIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
            background-size: cover;
            margin-right: .3rem;
            width: 1rem;
            height: 1rem
        }

.content {
    z-index: inherit
}

.cont-inner {
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 15px 15px 30px;
    transition: height .3s 0s ease-in-out
}

    .cont-inner .row {
        padding: 0 15px 0
    }

        .cont-inner .row.hurdle {
            padding: 0
        }

            .cont-inner .row.hurdle .subject {
                margin-left: 0
            }

@media(max-width: 767px) {
    .cont-inner {
        padding-bottom: 15px
    }
}

.cont-box {
    position: relative;
    margin: 0 auto 30px
}

    .cont-box:first-of-type {
        z-index: inherit
    }

    .cont-box:last-of-type {
        margin-bottom: 3rem
    }

@media(max-width: 767px) {
    .cont-box.container {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 575px) {
    .cont-box.container {
        padding-left: 0;
        padding-right: 0
    }

        .cont-box.container .cont-inner {
            border-radius: 0;
            border: none
        }
}

.content.draft-preview .cont-box:first-of-type {
    margin-bottom: 90px;
}

.form-group.row {
    margin-bottom: 0
}

    .form-group.row .set-flex {
        display: flex;
        align-items: center
    }

        .form-group.row .set-flex .law-link, .form-group.row .set-flex .btn-ext, .form-group.row .set-flex .law-note {
            margin-right: .2rem
        }

        .form-group.row .set-flex .btn-ext {
            display: inline-flex;
            font-size: 0.75rem;
            font-weight: 700;
            background: #0e76c0;
            color: #fff;
            border: none;
            border-radius: 1rem
        }

            .form-group.row .set-flex .btn-ext i.material-icons, .form-group.row .set-flex .btn-ext i.btn-more::after {
                margin-left: .2rem
            }

            .form-group.row .set-flex .btn-ext:hover, .form-group.row .set-flex .btn-ext:active {
                background: #0c67a8
            }

@media(max-width: 767px) {
    .form-group.row:first-of-type .col-label, .form-group.row:first-of-type .col-input {
        border: none
    }
}

.form-group.row.has-bdr-btm .col-label, .form-group.row.has-bdr-btm .col-input {
    border-bottom: 1px dotted #a0a0a0
}

@media(max-width: 767px) {
    .form-group.row.has-bdr-btm .col-label, .form-group.row.has-bdr-btm .col-input {
        border-bottom: none
    }
}

.form-group.row.inpage-search .col-label, .form-group.row.inpage-search .col-input {
    border-top: 1px dotted #a0a0a0;
    border-bottom: 1px dotted #a0a0a0
}

@media(max-width: 767px) {
    .form-group.row.inpage-search .col-label, .form-group.row.inpage-search .col-input {
        border-bottom: none
    }
}

.form-group.row .col-label, .form-group.row .col-input, .form-group.row .col-full {
    padding-top: .3rem;
    padding-bottom: .3rem;
    border-top: 1px dotted #a0a0a0
}

@media(min-width: 768px) {
    .form-group.row .col-label, .form-group.row .col-input, .form-group.row .col-full {
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .form-group.row .col-label, .form-group.row .col-input, .form-group.row .col-full {
        padding: .25rem .5rem;
        border: none
    }
}

.form-group.row .col-label {
    background: #c0e5ff
}

    .form-group.row .col-label label {
        display: block;
        text-align: right;
        font-weight: 700;
        margin-bottom: 0;
        padding: .375rem .75rem
    }

        .form-group.row .col-label label[rqd]::before, .form-group.row .col-label label[rqd]::after {
            content: "*";
            color: #dc3545;
            font-weight: 700;
            display: inline-block;
            font-size: 0.875rem;
            margin-right: 2px;
            line-height: 1;
            vertical-align: -2px
        }

        .form-group.row .col-label label[rqd]::after {
            display: none
        }

@media(max-width: 767px) {
    .form-group.row .col-label {
        background: transparent
    }

        .form-group.row .col-label label {
            text-align: left;
            padding: .15rem .35rem
        }
}

.form-group.row .col-input {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .form-group.row .col-input.keyword-set > input, .form-group.row .col-input.keyword-set > select {
        width: auto !important
    }

    .form-group.row .col-input.keyword-set > input {
        flex-basis: 35%
    }

    .form-group.row .col-input.keyword-set > select {
        flex-basis: 5%
    }

    .form-group.row .col-input > * {
        margin-left: .1rem;
        margin-right: .1rem;
        margin-bottom: .2rem
    }

    .form-group.row .col-input.v-flex {
        flex-direction: column;
        align-items: flex-start
    }

    .form-group.row .col-input.fx-algn-base {
        align-items: baseline
    }

.col-subtitle {
    flex-basis: 100%;
    display: flex;
    align-items: center
}

    .col-subtitle strong {
        margin-right: 1rem
    }

    .col-subtitle label.ckbox {
        margin-bottom: 0 !important
    }

.col-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    gap: 0.375rem
}

    .col-wrap > label.ckbox {
        display: inline-flex;
        flex: 1 1 0;
        flex-basis: 11rem;
        margin: 0 !important
    }

@media(max-width: 459px) {
    .col-wrap > label.ckbox {
        flex-basis: 9rem
    }
}

@media(max-width: 359px) {
    .col-wrap > label.ckbox {
        flex-basis: 8rem
    }
}

@media all and (-ms-high-contrast: none) {
    .col-wrap > input[type=text], .col-wrap > select {
        margin-right: 0.375rem;
        margin-bottom: 0.375rem
    }
}

.col-wrap .col-item {
    display: inline-flex;
    flex-direction: column
}

.col-wrap + .col-subtitle {
    margin-top: 15px
}

.col-wrap.narrow > label.ckbox {
    flex: unset;
    flex-basis: 6rem
}

.col-column {
    width: 100%;
    display: flex;
    gap: .375rem
}

@media(max-width: 459px) {
    .col-column {
        flex-direction: column
    }
}

.col-column .col-wrap {
    flex-direction: column
}

@media all and (-ms-high-contrast: none) {
    .col-column .col-wrap {
        flex-direction: row
    }
}

.col-column .col-wrap > label.ckbox {
    flex: unset;
    flex-basis: unset
}

.form-group.row .col-input .ckbox, .form-group.row .col-input .rdbox {
    margin-bottom: 0
}

.form-group.row .col-input .form-control {
    z-index: inherit
}

.form-group.row .col-input dfn, .form-group.row .col-input .notice-reason {
    font-style: normal;
    margin: 0 0.3125rem
}

.form-group.row .col-input > dfn:first-of-type {
    margin-left: 0
}

.form-group.row .col-input .cklist {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .5rem 0;
    padding-top: .4rem;
    padding-left: 0;
    margin-bottom: .5rem
}

    .form-group.row .col-input .cklist li {
        list-style-type: none;
        display: flex
    }

        .form-group.row .col-input .cklist li strong {
            flex-basis: 5rem;
            flex-shrink: 0
        }

@media(max-width: 767px) {
    .form-group.row .col-input .cklist li strong.spacer {
        display: none
    }
}

.form-group.row .col-input .cklist li p {
    flex-basis: calc(100% - 5rem);
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 0;
    margin-bottom: 0
}

    .form-group.row .col-input .cklist li p label {
        margin-right: 0;
        margin-bottom: 0;
        flex-basis: 20%
    }

@media(max-width: 575px) {
    .form-group.row .col-input .cklist li p label {
        flex-basis: calc(100%/3)
    }
}

@media(max-width: 459px) {
    .form-group.row .col-input .cklist li p label {
        flex-basis: calc(100%/2)
    }
}

@media(max-width: 359px) {
    .form-group.row .col-input .cklist li p label {
        flex-basis: 100%
    }
}

@media(max-width: 767px) {
    .form-group.row .col-input .cklist {
        margin-bottom: 0
    }

        .form-group.row .col-input .cklist li {
            flex-wrap: wrap
        }

            .form-group.row .col-input .cklist li strong {
                flex-basis: 100%
            }

            .form-group.row .col-input .cklist li p {
                flex-basis: 100%
            }
}

@media(max-width: 767px) {
    .form-group.row .col-input {
        padding-left: .85rem;
        padding-right: .85rem
    }

        .form-group.row .col-input.ckbox-set {
            gap: .5rem 0
        }

            .form-group.row .col-input.ckbox-set .ckbox {
                flex-basis: 50%;
                margin: 0
            }

        .form-group.row .col-input.rdbox-set {
            gap: .5rem 0
        }

            .form-group.row .col-input.rdbox-set .rdbox {
                flex-basis: 50%;
                margin: 0
            }

        .form-group.row .col-input.keyword-set {
            flex-wrap: nowrap;
            flex-direction: column;
            align-items: inherit
        }

            .form-group.row .col-input.keyword-set > input, .form-group.row .col-input.keyword-set > select {
                width: auto !important
            }

        .form-group.row .col-input.date-set > .input-group, .form-group.row .col-input.date-set > dfn {
            width: auto !important;
            flex-basis: 100%
        }

            .form-group.row .col-input.date-set > dfn.note {
                margin-bottom: 0
            }

        .form-group.row .col-input.num-set > input, .form-group.row .col-input.num-set > dfn {
            width: auto !important;
            margin: 0;
            margin-top: .3rem
        }

        .form-group.row .col-input.num-set > input {
            flex-basis: 80%
        }

        .form-group.row .col-input.num-set > dfn {
            flex-basis: 20%;
            padding: .375rem .75rem
        }
}

@media(max-width: 459px) {
    .form-group.row .col-input.ckbox-set .ckbox {
        flex-basis: 100%
    }

    .form-group.row .col-input.rdbox-set .rdbox {
        flex-basis: 100%
    }
}

.form-group.row .col-full dfn {
    font-style: normal;
    margin: 0 0.3125rem
}

    .form-group.row .col-full dfn a:link, .form-group.row .col-full dfn a:visited {
        color: #0e76c0;
        word-break: break-all
    }

.form-group.row .col-note {
    margin-top: 1rem
}

    .form-group.row .col-note ul {
        padding-left: 1rem;
        margin-bottom: 0
    }

.form-group.row .col-button {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 30px
}

    .form-group.row .col-button .btn:nth-of-type(2), .form-group.row .col-button input[type=button] {
        margin-left: .5rem
    }

@media(max-width: 767px) {
    .form-group.row .col-button {
        padding-top: 15px
    }
}

@media(max-width: 459px) {
    .form-group.row .col-button {
        flex-direction: column-reverse
    }

        .form-group.row .col-button > .btn {
            flex-basis: 100%
        }

        .form-group.row .col-button .btn:nth-of-type(2), .form-group.row .col-button input[type=button] {
            margin-left: 0;
            margin-bottom: .5rem
        }
}

.form-group.row .col-button select.form-control {
    border-color: #8cc5ee
}

.form-group.row + .annotation.row {
    margin-top: 1rem
}

@media(max-width: 767px) {
    .form-group.row {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #dbdbdb;
        padding-bottom: calc(15px - .5rem);
        margin-bottom: .5rem
    }

        .form-group.row:last-of-type {
            border-bottom: none
        }
}

.annotation.row {
    margin-bottom: 1rem;
    flex-flow: row
}

    .annotation.row li {
        list-style-type: decimal;
        padding-left: 1rem;
        text-indent: -1rem;
        list-style-position: inside
    }

.hurdle.row .col-tree {
    transition: transform .3s 0s ease-in-out
}

    .hurdle.row .col-tree .treemenu-box {
        padding: 15px
    }

        .hurdle.row .col-tree .treemenu-box .iconic {
            margin-top: 0
        }

    .hurdle.row .col-tree .attention {
        border-top: 1px dashed #a0a0a0;
        padding: 0 15px 15px;
        margin-top: 30px
    }

        .hurdle.row .col-tree .attention p {
            font-size: 0.875rem;
            line-height: 2;
            margin-top: 15px
        }

            .hurdle.row .col-tree .attention p em {
                color: #dc3545
            }

.col-main .subject.stratum, html[lang=en] .subject.stratum {
    margin-top: 0;
    margin-bottom: 0.625rem
}

.col-main .table-tab thead, html[lang=en] .table-tab thead {
    border: none
}

    .col-main .table-tab thead tr th, html[lang=en] .table-tab thead tr th {
        background: #8cc5ee
    }

.col-main .table-tab tbody td ins, html[lang=en] .table-tab tbody td ins {
    display: none
}

@media(max-width: 575px) {
    .col-main .table-tab.colx2 tbody tr, html[lang=en] .table-tab.colx2 tbody tr {
        padding-left: 0;
        padding-right: 0;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start
    }

        .col-main .table-tab.colx2 tbody tr:nth-of-type(odd), html[lang=en] .table-tab.colx2 tbody tr:nth-of-type(odd) {
            background-color: #efefef
        }

    .col-main .table-tab.colx2 tbody td:first-of-type, html[lang=en] .table-tab.colx2 tbody td:first-of-type {
        padding-left: 15px !important
    }

        .col-main .table-tab.colx2 tbody td:first-of-type::before, html[lang=en] .table-tab.colx2 tbody td:first-of-type::before {
            display: none
        }

    .col-main .table-tab.colx2 tbody td:nth-child(2):not(:last-of-type), html[lang=en] .table-tab.colx2 tbody td:nth-child(2):not(:last-of-type) {
        flex: initial;
        flex-basis: 7rem
    }

    .col-main .table-tab.colx2 tbody td:last-of-type, html[lang=en] .table-tab.colx2 tbody td:last-of-type {
        display: flex;
        gap: 0 .3rem;
        padding-top: .4rem;
        padding-right: .4rem
    }

        .col-main .table-tab.colx2 tbody td:last-of-type a:link, .col-main .table-tab.colx2 tbody td:last-of-type a:visited, html[lang=en] .table-tab.colx2 tbody td:last-of-type a:link, html[lang=en] .table-tab.colx2 tbody td:last-of-type a:visited {
            /*min-height: 3rem*/
            /* 法規類別:中央法規RWD會跑版，所以註解掉 */
        }
}

@media(max-width: 575px) {
    .col-main .table-tab.colx3 tbody tr, html[lang=en] .table-tab.colx3 tbody tr {
        padding-left: 0;
        padding-right: 0;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-items: flex-start
    }

        .col-main .table-tab.colx3 tbody tr:nth-of-type(odd), html[lang=en] .table-tab.colx3 tbody tr:nth-of-type(odd) {
            background-color: #efefef
        }

    .col-main .table-tab.colx3 tbody td:first-of-type, html[lang=en] .table-tab.colx3 tbody td:first-of-type {
        display: none
    }

    .col-main .table-tab.colx3 tbody td:nth-child(2):not(:last-of-type), html[lang=en] .table-tab.colx3 tbody td:nth-child(2):not(:last-of-type) {
        flex: initial;
        flex-basis: 7rem
    }

    .col-main .table-tab.colx3 tbody td:last-of-type, html[lang=en] .table-tab.colx3 tbody td:last-of-type {
        display: flex;
        gap: 0 .3rem;
        flex-basis: 68%;
        padding-top: .4rem;
        padding-right: .4rem
    }

        .col-main .table-tab.colx3 tbody td:last-of-type ins, html[lang=en] .table-tab.colx3 tbody td:last-of-type ins {
            display: inline-flex
        }

            .col-main .table-tab.colx3 tbody td:last-of-type ins::after, html[lang=en] .table-tab.colx3 tbody td:last-of-type ins::after {
                content: "."
            }

        .col-main .table-tab.colx3 tbody td:last-of-type a:link, .col-main .table-tab.colx3 tbody td:last-of-type a:visited, html[lang=en] .table-tab.colx3 tbody td:last-of-type a:link, html[lang=en] .table-tab.colx3 tbody td:last-of-type a:visited {
            min-height: 3rem
        }
}

.paging {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    width: 100%
}

    .paging .paging-counts span {
        border: none;
        color: #555
    }

        .paging .paging-counts span:hover {
            background: transparent;
            color: #555
        }

        .paging .paging-counts span em {
            color: #dc3545;
            font-style: normal;
            margin: 0 .25rem
        }

    .paging .paging-btns {
        justify-content: flex-end
    }

        .paging .paging-btns nav .pagination {
            margin-bottom: 0;
            justify-content: flex-start;
            align-items: center
        }

            .paging .paging-btns nav .pagination .page-item {
                flex: initial
            }

                .paging .paging-btns nav .pagination .page-item .page-link, .paging .paging-btns nav .pagination .page-item .paging-counts span, .paging .paging-counts .paging-btns nav .pagination .page-item span {
                    border: none;
                    margin-left: 0;
                    border-radius: none;
                    text-align: center;
                    border-right: 1px solid #dbdbdb
                }

                .paging .paging-btns nav .pagination .page-item.has-select {
                    display: flex;
                    align-items: center
                }

                    .paging .paging-btns nav .pagination .page-item.has-select .page-link, .paging .paging-btns nav .pagination .page-item.has-select .paging-counts span, .paging .paging-counts .paging-btns nav .pagination .page-item.has-select span, .paging .paging-btns nav .pagination .page-item.has-select .page-link-jump {
                        font-style: normal;
                        padding: .2rem .5rem;
                        border-right: none;
                        color: #555
                    }

                        .paging .paging-btns nav .pagination .page-item.has-select .page-link select, .paging .paging-btns nav .pagination .page-item.has-select .paging-counts span select, .paging .paging-counts .paging-btns nav .pagination .page-item.has-select span select, .paging .paging-btns nav .pagination .page-item.has-select .page-link-jump select {
                            width: 4rem;
                            border: 1px solid #dbdbdb
                        }

                .paging .paging-btns nav .pagination .page-item.disabled .page-link, .paging .paging-btns nav .pagination .page-item.disabled .paging-counts span, .paging .paging-counts .paging-btns nav .pagination .page-item.disabled span {
                    color: #a0a0a0
                }

@media(max-width: 459px) {
    .paging .paging-btns nav .pagination {
        flex-wrap: wrap
    }

        .paging .paging-btns nav .pagination .page-item {
            margin-bottom: 0.3125rem
        }
}

@media(max-width: 991px) {
    .paging {
        flex-direction: column;
        align-items: center
    }
}

@media(max-width: 767px) {
    .paging {
        flex-direction: column;
        font-size: 0.875rem
    }

        .paging .page-link, .paging .paging-counts span {
            padding: .3rem .2rem
        }

            .paging .page-link select, .paging .paging-counts span select {
                width: 2.5rem !important
            }
}

@media(max-width: 359px) {
    .paging {
        font-size: 0.75rem
    }
}

.hierarchy.row .subject {
    flex-basis: 100%;
    margin-left: 0
}

.hinge {
    list-style-type: none;
    margin-bottom: 0;
    position: relative;
    z-index: 10;
    transition: height .3s 0s ease-in-out
}

    .hinge li[role="tab"] {
        padding: .25rem 1rem;
        border-radius: 8px 8px 0 0;
        background: #fff;
        border: 1px solid #ececec;
        display: inline-block;
        float: left;
        transform: translateY(-57px)
    }

        .hinge li[role="tab"]:first-of-type {
            margin-left: 8px
        }

        .hinge li[role="tab"] a {
            position: relative;
            z-index: 20;
            display: flex;
            align-items: center;
            gap: 0 .2rem;
            color: #0e76c0;
            font-weight: 700;
            padding: .25rem 0
        }

@media (max-width: 414px) {
    .hinge li[role="tab"] {
        padding: .25rem .5rem;
    }

        .hinge li[role="tab"]:first-of-type {
            margin-left: 0
        }

    /*
	.hinge li[role="tab"] a {
		font-size: 14px;
	}
	*/
}

.hinge li[role="tab"][aria-selected=true], .hinge li[role="tab"].active, .hinge li[role="tab"]:hover {
    background: #c0e5ff;
    border-color: #8cc5ee
}

    .hinge li[role="tab"][aria-selected=true] a::before, .hinge li[role="tab"].active a::before, .hinge li[role="tab"]:hover a::before {
        content: "";
        background: #0e76c0;
        display: block;
        position: absolute;
        height: 4px;
        bottom: -4px;
        border-radius: 4px 4px 0 0;
        left: 0;
        right: 0
    }

    .hinge li[role="tab"][aria-selected=true] a::after, .hinge li[role="tab"].active a::after, .hinge li[role="tab"]:hover a::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 8.5px 0 8.5px;
        border-color: #0e76c0 transparent transparent transparent;
        position: absolute;
        bottom: -13px;
        left: 50%;
        transform: translateX(-8.5px);
        z-index: 30
    }

.suggestion + .suggestion {
    margin-top: 30px
}

.suggestion h3 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #555;
    padding: 1.25rem
}

.suggestion ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0
}

    .suggestion ul li {
        list-style-type: none;
        border-bottom: 1px dashed #dbdbdb;
        flex-basis: 50%
    }

        .suggestion ul li a {
            display: flex;
            align-items: center;
            font-size: 1.125rem;
            padding: 1.125rem;
            gap: .5rem
        }

            .suggestion ul li a::before {
                content: ".";
                font-size: 0;
                display: block;
                background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNyIgeT0iNyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iNCIgZmlsbD0iIzhDQzVFRSIvPjwvc3ZnPg==") center center/cover no-repeat;
                background-size: cover;
                width: 1rem;
                height: 1rem
            }

@media(max-width: 767px) {
    .suggestion ul {
        flex-direction: column;
        flex-wrap: nowrap
    }

        .suggestion ul li {
            flex-basis: 100%
        }
}

.suggestion.videos ul {
    counter-reset: vfile;
    flex-direction: column;
    flex-wrap: nowrap
}

@media all and (-ms-high-contrast: none) {
    .suggestion.videos ul {
        display: block
    }
}

.suggestion.videos ul li {
    flex-basis: 100%
}

    .suggestion.videos ul li a::before {
        counter-increment: vfile;
        content: counter(vfile, decimal) ". ";
        background: none;
        width: auto;
        height: auto;
        font-size: 1.12rem
    }

    .suggestion.videos ul li strong {
        display: flex;
        font-weight: normal;
        font-size: 1.125rem;
        padding: 1.125rem;
        padding-bottom: 0
    }

    .suggestion.videos ul li dfn {
        font-style: normal;
        display: flex;
        font-size: 1.125rem;
        padding: 1.125rem
    }

        .suggestion.videos ul li dfn ul {
            display: inline-flex;
            width: 50%
        }

@media all and (-ms-high-contrast: none) {
    .suggestion.videos ul li dfn ul {
        display: inline-block
    }
}

.suggestion.videos ul li dfn ul li a::before {
    content: "11-" counter(vfile, decimal) ". "
}

.suggestion.videos ul li dfn ul:last-of-type {
    counter-reset: vfile 5
}

@media(max-width: 575px) {
    .suggestion.videos ul li dfn {
        flex-direction: column
    }

        .suggestion.videos ul li dfn ul {
            width: 100%
        }
}

.suggestion.videos > ul > li:last-of-type {
    border-bottom: none
}

.info-upper .col-label {
    box-shadow: none !important
}

@media(max-width: 767px) {
    .info-upper {
        background: transparent;
        padding: 0
    }

        .info-upper .col-label, .info-upper .col-input {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }
}

.contact-person {
    align-self: baseline
}

    .contact-person button.btn[data-toggle=dropdown] {
        display: flex;
        align-items: center;
        padding-top: .1rem;
        padding-bottom: .1rem
    }

    .contact-person .dropdown-menu {
        background: #ececec;
        min-width: 12rem
    }

        .contact-person .dropdown-menu dl {
            padding: .5rem;
            margin-bottom: 0
        }

            .contact-person .dropdown-menu dl dt {
                font-weight: 700;
                font-size: 0.75rem
            }

            .contact-person .dropdown-menu dl dd {
                margin-bottom: 0;
                font-size: 0.875rem
            }

.btn-infos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.3125rem;
    width: 85%;
    margin: 15px auto 0
}

    .btn-infos .btn {
        color: #fff;
        background-color: #0e76c0;
        border-color: #0e76c0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0 0.3125rem;
        min-width: 10rem
    }

@media all and (-ms-high-contrast: none) {
    .btn-infos .btn {
        margin: 0 .25rem .25rem 0
    }
}

.btn-infos .btn.active {
    background: #c0e5ff !important;
    border-color: #c0e5ff !important;
    color: #333 !important
}

.btn-infos .btn.disabled {
    border-color: #999;
    background-color: #999;
    color: #ddd
}

@media(max-width: 767px) {
    .btn-infos .btn {
        flex: 1 1 0
    }
}

.btn-infos-drop {
    border-bottom: none !important
}

.btn-infos-notice {
    display: flex;
    justify-content: center;
    padding: 15px
}

    .btn-infos-notice a:link, .btn-infos-notice a:visited {
        color: #555
    }

    .btn-infos-notice a {
        display: flex;
        align-items: center;
        font-weight: bold
    }

        .btn-infos-notice a i {
            margin-right: .5rem
        }

.law-infos-switch {
    width: 100%;
    background: #c0e5ff;
    padding: 0.3125rem;
    border-radius: 6px;
    margin-bottom: -12px
}

.detail-head, .detail-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media(max-width: 767px) {
    .detail-head, .detail-body {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.detail-head {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.col-heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .col-heading .btn-group {
        display: inline-block
    }

        .col-heading .btn-group .btn {
            display: inline-flex;
            align-items: center;
            font-size: .875rem;
            line-height: 1.5;
            color: #555;
            font-weight: 700;
            background-color: #f1f1f1;
            padding: .15rem .75rem
        }

            .col-heading .btn-group .btn:hover, .col-heading .btn-group .btn:active {
                color: #0e76c0;
                background-color: #e2e6ea;
                border-color: #dae0e5
            }

@media(max-width: 610px) {
    .col-heading {
        flex-direction: column-reverse;
        align-items: flex-start
    }

        .col-heading .subject {
            margin-top: 0
        }

        .col-heading .btn-group {
            margin-left: auto;
            margin-bottom: 15px
        }
}

.aid-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 .2rem
}

    .aid-btns .btn {
        display: inline-flex;
        align-items: center;
        gap: 0 .2rem;
        background: #c0e5ff;
        border: 1px solid #8cc5ee;
        color: #555;
        border-radius: 32px;
        padding: .15rem .75rem;
        height: 32px
    }

        .aid-btns .btn:hover, .aid-btns .btn:active {
            color: #333;
            background: #8cc5ee;
            border-color: #8cc5ee
        }

@media(max-width: 767px) {
    .aid-btns .btn var {
        display: none
    }
}

@media(max-width: 459px) {
    .aid-btns .btn {
        padding: .15rem .25rem
    }

        .aid-btns .btn ins {
            display: none
        }
}

.col-article {
    counter-reset: numbered
}

@media(max-width: 767px) {
    .col-article {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media(max-width: 459px) {
    .col-article {
        padding-left: 0;
        padding-right: 0
    }
}

.col-article .article-header {
    margin-bottom: 15px
}

    .col-article .article-header strong {
        display: block
    }

.col-article .law-range-title {
    padding: 15px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 700
}

    .col-article .law-range-title::after {
        content: "";
        border-top: 2px dotted #a0a0a0;
        height: 1px;
        margin-left: 1rem;
        flex: 1
    }

.law + .law {
    margin-top: 15px
}

.law li {
    background: transparent;
    border: none !important;
    overflow: hidden
}

@media print {
    .law li {
        overflow: visible
    }
}

.law li.has-link {
    padding-bottom: 0;
    display: flex;
    gap: 0 .5rem
}

    .law li.has-link > a {
        font-weight: 700
    }

    .law li.has-link + li {
        padding-top: 0
    }

@media(max-width: 767px) {
    .law li {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media(max-width: 700px) {
    .law li {
        font-size: 0.8125rem
    }
}

@media(max-width: 585px)and (orientation: portrait) {
    .law li {
        font-size: 9pt
    }
}

@media(max-width: 535px)and (orientation: portrait) {
    .law li {
        font-size: 7pt
    }
}

@media(hover: none)and (orientation: landscape) {
    .law li {
        font-size: 0.9375rem
    }
}

.law li a, .law li a:link, .law li a:visited {
    display: block
}

.law li > a, .law li span, .law li p, .law li strong {
    margin-bottom: 0;
    display: block;
    /* 會影響廢止註記以及法源依據的樣式*/
    /*white-space: pre;*/
    /*font-family: "細明體","MingLiU" !important*/
}

@media print {
    .law li > a, .law li span, .law li p, .law li strong {
        font-size: 16pt;
        /*page-break-before:avoid*/
    }
}

.law li p + p, .law li p + span, .law li span + p, .law li span + span {
    margin-bottom: .75rem
}

.law li p.inline-title, .law li span.inline-title {
    font-weight: 700
}

.law li p:empty {
    display: none
}

.law li strong a {
    display: inline !important
}

.law li table {
    width: 100%;
    white-space: normal
}

    .law li table td p {
        white-space: initial;
        display: inline-block
    }

@media print {
    .law li table td p {
        font-size: inherit
    }
}

@media print {
    .law li table {
        font-size: 16pt;
        page-break-inside: auto;
        page-break-after: a1ways;
        border-collapse: unset
    }

        .law li table thead {
            display: table-row-group !important;
            page-break-before: avoid;
            page-break-inside: avoid;
            break-inside: avoid
        }

        .law li table tbody > tr:first-of-type {
            page-break-before: avoid;
            page-break-inside: avoid;
            break-inside: avoid
        }

        .law li table tr {
            page-break-inside: auto;
            page-break-after: auto
        }

            .law li table tr th, .law li table tr td {
                vertical-align: top
            }

                .law li table tr th p, .law li table tr td p {
                    margin-bottom: .75rem;
                    display: block !important
                }
}

@media print and (-ms-high-contrast: none) {
    .law li table tr th p, .law li table tr td p {
        white-space: pre-wrap;
        word-break: break-all
    }
}

.law li blockquote {
    font-family: "細明體","MingLiU" !important;
    display: flex;
    position: absolute;
    right: 1.25rem;
    top: .75rem;
    margin-bottom: 0
}

    .law li blockquote a {
        display: inline-block;
        padding: .15rem .5rem;
        border-right: 1px solid #a0a0a0;
        color: #555
    }

        .law li blockquote a:first-of-type {
            padding-left: 0
        }

        .law li blockquote a:last-of-type {
            border-right: none
        }

@media(max-width: 991px) {
    .law li blockquote {
        position: static;
        margin-top: 3px
    }
}

@media print {
    .law li blockquote {
        display: none !important
    }
}

.law li.print-header strong {
    font-weight: bold !important;
    white-space: pre-wrap
}

.law li.print-header span {
    white-space: pre-wrap
}

.law li.ch + .ch, .law li.ch:first-of-type {
    margin-top: 0
}

.law li.ch strong {
    white-space: initial
}

.law li:only-of-type {
    border-bottom: none
}

.law.ordered {
    counter-reset: listing
}

    .law.ordered li {
        position: relative;
        padding-left: 2.5rem
    }

        .law.ordered li::before {
            counter-increment: listing;
            content: counter(listing) ". ";
            position: absolute;
            transform: translateX(-175%)
        }

    .law.ordered.not-pre li > a, .law.ordered.not-pre li span, .law.ordered.not-pre li p, .law.ordered.not-pre li strong {
        white-space: initial
    }

@media all and (-ms-high-contrast: none) {
    .law.ordered.not-pre li > a {
        white-space: pre-wrap
    }
}

.law.numbered {
    position: relative;
    padding-left: 1rem
}

    .law.numbered::before {
        counter-increment: numbered;
        content: counter(numbered) ". ";
        position: absolute;
        top: .75rem
    }

.fx-tb {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.25rem .5rem
}

    .fx-tb .fx-num {
        flex-basis: 1.5rem
    }

        .fx-tb .fx-num::before {
            counter-increment: fxnum;
            content: counter(fxnum) ". "
        }

    .fx-tb .fx-text {
        flex-basis: calc(100% - 2em)
    }

@media(max-width: 575px) {
    .fx-tb .fx-text {
        flex-basis: calc(100% - 1.5em)
    }
}

.fx-tb .fx-list {
    position: relative;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    padding-left: 5rem
}

    .fx-tb .fx-list li::before {
        content: attr(data-prefix) "：";
        font-weight: 700;
        position: absolute;
        left: 0
    }

    .fx-tb .fx-list li.num .end-date {
        display: block
    }

    .fx-tb .fx-list li.pre {
        display: inline;
        white-space: pre-line
    }

    .fx-tb .fx-list li.bn::before {
        display: none
    }

    .fx-tb .fx-list li.bn .btn-rule {
        margin-top: .5rem
    }

@media all and (-ms-high-contrast: none)and (min-width: 576px) {
    .fx-tb .fx-list li.bn {
        display: none !important
    }
}

.fx-tb .fx-link {
    flex-basis: 5.5rem;
    text-align: right
}

.fx-cluster {
    counter-reset: fxnum
}

    .fx-cluster .fx-tb:nth-child(odd) {
        background: #f1f1f1
    }

    .fx-cluster.draft-list .fx-text {
        flex-basis: calc(100% - 10em)
    }

@media(max-width: 575px) {
    .fx-cluster.draft-list .fx-text {
        flex-basis: calc(100% - 1.5em)
    }
}

.fx-cluster.draft-list .fx-text .fx-list li.bn {
    z-index: inherit
}

.fx-cluster.draft-list .fx-link {
    flex-basis: 6.5rem
}

.fx-cluster + .paging {
    margin-top: 15px
}

.downloader {
    counter-reset: num
}

    .downloader li {
        background: transparent;
        border-top: none;
        border-right: none;
        border-bottom: 1px dotted #a0a0a0;
        border-left: none
    }

        .downloader li a, .downloader li :link, .downloader li :visited {
            display: flex;
            align-items: center;
            gap: 0 .5rem
        }

            .downloader li a::before, .downloader li :link::before, .downloader li :visited::before {
                counter-increment: num;
                content: counter(num) ". ";
                display: inline-block
            }

        .downloader li.heading {
            display: flex;
            align-items: center;
            gap: 0 .25rem
        }

            .downloader li.heading::before {
                font-family: "Material Icons";
                font-weight: normal;
                font-style: normal;
                font-size: 1.5rem;
                line-height: 1;
                letter-spacing: normal;
                text-transform: none;
                display: inline-block;
                white-space: nowrap;
                word-wrap: normal;
                direction: ltr;
                -webkit-font-feature-settings: "liga";
                -webkit-font-smoothing: antialiased;
                font-feature-settings: "liga";
                content: "file_download"
            }

            .downloader li.heading::after {
                content: "檔案下載";
                font-weight: 700
            }

.law-eng li {
    background: transparent;
    border-top: none;
    border-right: none;
    border-bottom: 1px dotted #a0a0a0;
    border-left: none;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.print {
    background: none;
    background-color: #fff;
    width: 100%;
    height: 100%
}

    .print .detail-body {
        display: block;
        margin: 0 !important;
        object-fit: fill
    }

        .print .detail-body .print-title {
            display: flex;
            padding: 1rem;
            justify-content: space-between;
            align-items: center
        }

            .print .detail-body .print-title h1[role=img] {
                position: relative
            }

                .print .detail-body .print-title h1[role=img] span {
                    font-size: 0.75rem;
                    color: #fff;
                    position: absolute;
                    top: -10rem
                }

@media print {
    .print .detail-body .print-title {
        justify-content: flex-start;
        align-items: flex-start
    }
}

.print .detail-body .print-title [role=group] {
    display: inline-flex;
    max-height: 2.25rem
}

    .print .detail-body .print-title [role=group] .btn {
        display: inline-flex;
        align-items: center;
        min-width: 6rem;
        justify-content: center;
        gap: 0 .2rem;
        margin: 0 .15rem
    }

@media print {
    .print .detail-body .print-title [role=group] {
        display: none !important
    }
}

@media(max-width: 767px) {
    .print .detail-body .print-title {
        flex-direction: column
    }

        .print .detail-body .print-title [role=group] {
            margin-top: 15px
        }
}

@media print {
    .print .detail-body .col-article .law {
        display: block !important
    }
}

.print .detail-body .col-article .law li {
    overflow: visible
}

    .print .detail-body .col-article .law li .table-plain {
        overflow-x: auto;
        overflow-y: visible;
        border-width: 0
    }

        .print .detail-body .col-article .law li .table-plain table {
            border-collapse: collapse;
            border-width: 0
        }

        .print .detail-body .col-article .law li .table-plain th, .print .detail-body .col-article .law li .table-plain td {
            border-width: 1px
        }

        .print .detail-body .col-article .law li .table-plain tr.no-baseline {
            border-bottom-width: 1px !important;
            border-bottom-color: #fff !important
        }

    .print .detail-body .col-article .law li table {
        page-break-inside: auto;
        border-collapse: unset
    }

        .print .detail-body .col-article .law li table thead {
            display: table-row-group !important;
            page-break-before: avoid;
            page-break-inside: avoid;
            page-break-inside: avoid
        }

        .print .detail-body .col-article .law li table tr {
            page-break-inside: auto;
            page-break-after: auto
        }

            .print .detail-body .col-article .law li table tr th, .print .detail-body .col-article .law li table tr td {
                vertical-align: top
            }

                .print .detail-body .col-article .law li table tr th p, .print .detail-body .col-article .law li table tr td p {
                    white-space: initial;
                    display: inline-block;
                }

@media all and (-ms-high-contrast: none) {
    .print .detail-body .col-article .law li table tr th p, .print .detail-body .col-article .law li table tr td p {
        white-space: pre-wrap;
        word-break: break-all
    }
}

@media print {
    .btn-floater, .print-title [role=group] {
        display: none
    }
}

@page {
    size: A4
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-play-circle:before {
        content: ""
    }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-square:before {
        content: ""
    }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-spinner:before {
        content: ""
    }

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-share:before {
        content: ""
    }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-cog:before {
        content: ""
    }

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
        content: ""
    }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-circle-outline:before {
        content: ""
    }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-circle-inner-circle:before {
        content: ""
    }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-hd:before {
        content: ""
    }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-facebook:before {
        content: ""
    }

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-gplus:before {
        content: ""
    }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-linkedin:before {
        content: ""
    }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-twitter:before {
        content: ""
    }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-tumblr:before {
        content: ""
    }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-pinterest:before {
        content: ""
    }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-next-item:before {
        content: ""
    }

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-previous-item:before {
        content: ""
    }

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

    .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: ""
    }

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: initial
}

    .video-js:-moz-full-screen {
        position: absolute
    }

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important
    }

    .video-js[tabindex="-1"] {
        outline: none
    }

    .video-js *, .video-js *:before, .video-js *:after {
        box-sizing: inherit
    }

    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 {
        width: 100%;
        max-width: 100%;
        height: 0
    }

    .video-js.vjs-16-9 {
        padding-top: 56.25%
    }

    .video-js.vjs-4-3 {
        padding-top: 75%
    }

    .video-js.vjs-9-16 {
        padding-top: 177.7777777778%
    }

    .video-js.vjs-1-1 {
        padding-top: 100%
    }

    .video-js.vjs-fill {
        width: 100%;
        height: 100%
    }

    .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto
}

    .vjs-no-js a, .vjs-no-js a:visited {
        color: #66a8cc
    }

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.81666em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto
}

    .video-js .vjs-modal-dialog > * {
        box-sizing: border-box
    }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

    .vjs-menu-button.vjs-disabled {
        cursor: default
    }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto
}

    .vjs-menu .vjs-menu-content > * {
        box-sizing: border-box
    }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

    .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
        background-color: #73859f;
        background-color: rgba(115,133,159,.5)
    }

    .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover {
        background-color: #fff;
        color: #2b333f
    }

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

    .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        background-color: #2b333f;
        background-color: rgba(43,51,63,.7);
        position: absolute;
        width: 100%;
        bottom: 1.5em;
        max-height: 15em
    }

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

    .video-js .vjs-menu-button-inline:before {
        width: 2.222222222em
    }

    .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline {
        width: 12em
    }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button > .vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

    .video-js .vjs-progress-control.disabled {
        cursor: default
    }

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

    .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
        font-size: 1em
    }

.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

    .video-js .vjs-play-progress:before {
        font-size: .9em;
        position: absolute;
        right: -0.5em;
        top: -0.3333333333em;
        z-index: 1
    }

.video-js .vjs-load-progress {
    background: rgba(115,133,159,.5)
}

    .video-js .vjs-load-progress div {
        background: rgba(115,133,159,.75)
    }

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255,255,255,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

    .video-js .vjs-slider.disabled {
        cursor: default
    }

    .video-js .vjs-slider:focus {
        text-shadow: 0em 0em 1em #fff;
        box-shadow: 0 0 1em #fff
    }

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

    .video-js .vjs-volume-control.vjs-volume-horizontal {
        width: 5em
    }

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
    }

        .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
            width: 5em;
            height: 3em;
            margin-right: 0
        }

        .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
            left: -3.5em;
            transition: left 0s
        }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
        width: 10em;
        transition: width .1s
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 4em
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        height: 8em;
        width: 3em;
        left: -3000em;
        transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
    }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

    .video-js .vjs-volume-level:before {
        position: absolute;
        font-size: .9em;
        z-index: 1
    }

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

    .vjs-slider-vertical .vjs-volume-level:before {
        top: -0.5em;
        left: -0.3em;
        z-index: 1
    }

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

    .vjs-slider-horizontal .vjs-volume-level:before {
        top: -0.3em;
        right: -0.5em
    }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255,255,255,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

    .video-js .vjs-play-control .vjs-icon-placeholder {
        flex: none
    }

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:before, .vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

    .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: "";
        font-size: 1.5em;
        line-height: inherit
    }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

    .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: " ";
        font-size: 1.5em;
        line-height: inherit
    }

.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-chapters-button, .video-js.vjs-layout-small .vjs-descriptions-button, .video-js.vjs-layout-small .vjs-captions-button, .video-js.vjs-layout-small .vjs-subtitles-button, .video-js.vjs-layout-small .vjs-audio-button, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-chapters-button, .video-js.vjs-layout-x-small .vjs-descriptions-button, .video-js.vjs-layout-x-small .vjs-captions-button, .video-js.vjs-layout-x-small .vjs-subtitles-button, .video-js.vjs-layout-x-small .vjs-audio-button, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-chapters-button, .video-js.vjs-layout-tiny .vjs-descriptions-button, .video-js.vjs-layout-tiny .vjs-captions-button, .video-js.vjs-layout-tiny .vjs-subtitles-button, .video-js.vjs-layout-tiny .vjs-audio-button, .video-js.vjs-layout-tiny .vjs-volume-control {
    display: none !important
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
    display: none
}

.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports(display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

    .vjs-text-track-settings fieldset span {
        display: inline-block
    }

        .vjs-text-track-settings fieldset span > select {
            max-width: 7.3em
        }

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43,51,63,.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        perspective-origin: center
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
        perspective-origin: center
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.8, 0.5, 0.2, 1.4);
        animation-timing-function: cubic-bezier(0.8, 0.5, 0.2, 1.4)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

html[lang=en] .access-key.eng-u {
    position: relative
}

html[lang=en] .access-key[accesskey=U] {
    color: #1c3860
}

html[lang=en] .access-key[accesskey=B] {
    color: #ececec
}

html[lang=en] .btn-infos {
    width: 100%; /* 法源改的 */
}

    html[lang=en] .btn-infos .btn {
        min-width: 8rem;
        font-size: 0.85em; /* 法源改的 */
    }

html[lang=en] .table-tab thead {
    display: none !important
}

html[lang=en] p[role=mark] {
    color: #a0a0a0
}

html[lang=en] .detail-body p[role=mark] {
    padding: 15px;
    margin-top: 15px
}

html[lang=en] .site-footer {
    border-top: 4px solid #0e76c0;
    margin-top: 30px
}

html[lang=en] .foot-body {
    padding-top: 30px;
    padding-bottom: 30px
}

@media(min-width: 768px)and (max-width: 991px) {
    html[lang=en] .foot-body .dla-logo img {
        max-width: 352px
    }
}

html[lang=en] .foot-body .address ul li strong {
    flex-basis: unset
}

.list-tabs li.tab-inner {
    position: absolute;
    left: 0;
    right: 0;
    clear: both;
    float: none;
}

    .list-tabs li.tab-inner table.table-tab tbody td[headers] a:link::after,
    .list-tabs li.tab-inner table.table-tab tbody td[headers] a:visited::after {
        display: none;
    }

    .list-tabs li.tab-inner table.table-tab tbody td[headers] a:hover,
    .list-tabs li.tab-inner table.table-tab tbody td[headers] a:focus,
    .list-tabs li.tab-inner table.table-tab tbody td[headers] a:active {
        color: #dc3545;
    }

.hinge li.tab-inner {
    position: absolute;
    left: 0;
    right: 0;
    clear: both;
    float: none;
    padding: 15px 15px 30px;
}