@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;800;900&family=Roboto:wght@300;400;500;800;900&family=Open+Sans:wght@800&family=Poppins:wght@600&display=swap");*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    line-height: 1.625;
    font-size: 16px;
    color: rgba(0,0,0,0.87);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    --vi-primary: #024DA1;
    --vi-secondary: #00ADEF;
    --vi-light: #f8f8f8;
    --vi-dark: #333;
    --is-success: #16aa7a;
    --is-warning: #fc7220;
    --is-danger: #c70506
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0
}

[tabindex="-1"]:focus {
    outline: 0
}

blockquote,caption,dd,div,dt,h1,h2,h3,h4,h5,h6,li,p,th,td {
    word-wrap: break-word;
    color: inherit
}

.firefox pre {
    white-space: pre-line !important;
    -moz-hyphens: auto
}

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

mark,output {
    display: inline-block
}

summary {
    display: block;
    cursor: pointer
}

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

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

img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: baseline
}

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

figure {
    margin: 0 0 1rem
}

iframe {
    border: none
}

xmp,plaintext,listing {
    font-family: inherit;
    white-space: normal
}

[hidden],template {
    display: none
}

fieldset {
    padding: 0
}

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

ol,ul,dl {
    margin-top: .625em;
    margin-bottom: 1.25em
}

ol:first-child,ul:first-child,dl:first-child {
    margin-top: 0
}

ol:last-child,ul:last-child,dl:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 1.25em
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

a {
    text-decoration: none;
    background-color: transparent;
    color: inherit;
    -webkit-text-decoration-skip: objects
}

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

abbr,acronym {
    font-variant: normal;
    cursor: help
}

abbr[title],acronym[title] {
    border-bottom: 0
}

address,cite,dfn,i,u {
    font-style: normal;
    text-decoration: none
}

[lang^=zh] em {
    font-style: normal
}

blockquote,q {
    quotes: none
}

hr {
    height: 0
}

pre {
    overflow: auto
}

b,strong {
    font-weight: 600
}

small {
    font-size: 87.5%
}

sup,sub {
    line-height: 0;
    font-size: 75%
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: transparent;
    color: inherit;
    text-align: left;
    font: inherit
}

table,td,th {
    table-layout: auto
}

td,th {
    padding: 0;
    outline: 0;
    vertical-align: inherit
}

caption,center,th,td {
    text-align: inherit
}

label {
    display: inline-block
}

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

button,input {
    overflow: visible
}

input,select {
    vertical-align: middle
}

button,select {
    text-transform: none
}

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

button:-moz-focusring,input[type="button"]:-moz-focusring,input[type="reset"]:-moz-focusring,input[type="submit"]:-moz-focusring {
    outline: 0
}

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

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    padding: 0
}

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

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

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

input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
    appearance: listbox
}

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

legend {
    padding: 0;
    border: none
}

textarea {
    overflow: auto;
    resize: vertical
}

:focus {
    outline: 0
}

.container,.container-fluid {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

.gap\:tight.container,.gap\:tight.container-fluid {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width: 1024px) {
    .container,.container-fluid {
        padding-right:1rem;
        padding-left: 1rem
    }

    .gap\:tight.container,.gap\:tight.container-fluid {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

@media (min-width: 1440px) {
    .container,.container-fluid {
        padding-right:1.25rem;
        padding-left: 1.25rem
    }

    .gap\:tight.container,.gap\:tight.container-fluid {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.container {
    max-width: 100%
}

.f-row,[class*='f-col'] {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.f-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.f-row.gap\:tight {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.f-row>hr,.f-row>.divider {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%
}

@media (min-width: 1024px) {
    .f-row {
        margin-right:-1rem;
        margin-left: -1rem
    }

    .f-row.gap\:tight {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

    .f-row.gap\:tight [class*=f-col] {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media (min-width: 1440px) {
    .f-row {
        margin-right:-1.25rem;
        margin-left: -1.25rem
    }

    .f-row.gap\:tight {
        margin-right: -.75rem;
        margin-left: -.75rem
    }

    .f-row.gap\:tight [class*=f-col] {
        padding-right: .75rem;
        padding-left: .75rem
    }
}

[class*=f-col] {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding-right: .75rem;
    padding-left: .75rem
}

@media (min-width: 1024px) {
    [class*=f-col] {
        padding-right:1rem;
        padding-left: 1rem
    }
}

@media (min-width: 1440px) {
    [class*=f-col] {
        padding-right:1.25rem;
        padding-left: 1.25rem
    }
}

table.u-dsp {
    display: table !important
}

thead.u-dsp {
    display: table-header-group !important
}

tbody.u-dsp {
    display: table-row-group !important
}

tfoot.u-dsp {
    display: table-footer-group !important
}

caption.u-dsp {
    display: table-caption !important
}

tr.u-dsp {
    display: table-row !important
}

th.u-dsp,td.u-dsp {
    display: table-cell !important
}

colgroup.u-dsp {
    display: table-column-group !important
}

col.u-dsp {
    display: table-column !important
}

li.u-dsp {
    display: list-item !important
}

.u-dsp {
    display: block !important
}

.u-dsp\:it {
    display: inline-table !important
}

.u-dsp\:t {
    display: table !important
}

.u-dsp\:tc {
    display: table-cell !important
}

.u-dsp\:tr {
    display: table-row !important
}

.u-dsp\:i {
    display: inline !important
}

.u-dsp\:ib {
    display: inline-block !important
}

.u-dsp\:if {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.u-dsp\:f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.u-dsp\:ig {
    display: -ms-inline-grid !important;
    display: inline-grid !important
}

.u-dsp\:g {
    display: -ms-grid !important;
    display: grid !important
}

.u-dsp\:b {
    display: block !important
}

.u-dsp\:n {
    display: none !important
}

.f-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.f-col\:auto {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.f-col\:1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.f-col\:2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.f-col\:3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.f-col\:4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.f-col\:5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.f-col\:6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.f-col\:7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.f-col\:8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.f-col\:9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.f-col\:10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.f-col\:11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.f-col\:12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.f-offset\:0 {
    margin-left: 0%
}

.f-offset\:1 {
    margin-left: 8.33333%
}

.f-offset\:2 {
    margin-left: 16.66667%
}

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

.f-offset\:4 {
    margin-left: 33.33333%
}

.f-offset\:5 {
    margin-left: 41.66667%
}

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

.f-offset\:7 {
    margin-left: 58.33333%
}

.f-offset\:8 {
    margin-left: 66.66667%
}

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

.f-offset\:10 {
    margin-left: 83.33333%
}

.f-offset\:11 {
    margin-left: 91.66667%
}

.f-offset\:12 {
    margin-left: 100%
}

.f-order\:-1 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.f-order\:0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.f-order\:1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.f-order\:2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.f-order\:3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.f-order\:4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.f-order\:5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.f-order\:6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.f-order\:7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.f-order\:8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.f-order\:9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.f-order\:10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.f-order\:11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.f-order\:12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.f-order\:13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.f-flex\:fluid {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.f-flex\:fixed {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.f-direction\:r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.f-direction\:rr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.f-direction\:c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.f-direction\:cr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.f-wrap\:nw {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.f-wrap\:w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.f-wrap\:r {
    -ms-flex-wrap: revert;
    flex-wrap: revert
}

.f-wrap\:wr {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.f-row.f-nogap {
    margin-right: 0;
    margin-left: 0
}

.f-row.f-nogap>[class*='f-col'] {
    padding-right: 0;
    padding-left: 0
}

[class*='f-col'].f-nogap {
    padding-right: 0;
    padding-left: 0
}

.f-align\:l {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.f-align\:c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f-align\:r {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.f-align\:j {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f-align\:a {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.f-align\:e {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.f-align\:t {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.f-align\:m {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f-align\:b {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.f-align\:s {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.f-col-align\:t {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.f-col-align\:m {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.f-col-align\:b {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.f-col-align\:s {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

@media (min-width: 576px) {
    table.u-dsp\@sm {
        display:table !important
    }

    thead.u-dsp\@sm {
        display: table-header-group !important
    }

    tbody.u-dsp\@sm {
        display: table-row-group !important
    }

    tfoot.u-dsp\@sm {
        display: table-footer-group !important
    }

    caption.u-dsp\@sm {
        display: table-caption !important
    }

    tr.u-dsp\@sm {
        display: table-row !important
    }

    th.u-dsp\@sm,td.u-dsp\@sm {
        display: table-cell !important
    }

    colgroup.u-dsp\@sm {
        display: table-column-group !important
    }

    col.u-dsp\@sm {
        display: table-column !important
    }

    li.u-dsp\@sm {
        display: list-item !important
    }

    .u-dsp\@sm {
        display: block !important
    }

    .u-dsp\@sm\:it {
        display: inline-table !important
    }

    .u-dsp\@sm\:t {
        display: table !important
    }

    .u-dsp\@sm\:tc {
        display: table-cell !important
    }

    .u-dsp\@sm\:tr {
        display: table-row !important
    }

    .u-dsp\@sm\:i {
        display: inline !important
    }

    .u-dsp\@sm\:ib {
        display: inline-block !important
    }

    .u-dsp\@sm\:if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .u-dsp\@sm\:f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-dsp\@sm\:ig {
        display: -ms-inline-grid !important;
        display: inline-grid !important
    }

    .u-dsp\@sm\:g {
        display: -ms-grid !important;
        display: grid !important
    }

    .u-dsp\@sm\:b {
        display: block !important
    }

    .u-dsp\@sm\:n {
        display: none !important
    }

    .f-col\@sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

    .f-col\@sm\:auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .f-col\@sm\:1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .f-col\@sm\:2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .f-col\@sm\:3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .f-col\@sm\:4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .f-col\@sm\:5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .f-col\@sm\:6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .f-col\@sm\:7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .f-col\@sm\:8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .f-col\@sm\:9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .f-col\@sm\:10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .f-col\@sm\:11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .f-col\@sm\:12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .f-offset\@sm\:0 {
        margin-left: 0%
    }

    .f-offset\@sm\:1 {
        margin-left: 8.33333%
    }

    .f-offset\@sm\:2 {
        margin-left: 16.66667%
    }

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

    .f-offset\@sm\:4 {
        margin-left: 33.33333%
    }

    .f-offset\@sm\:5 {
        margin-left: 41.66667%
    }

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

    .f-offset\@sm\:7 {
        margin-left: 58.33333%
    }

    .f-offset\@sm\:8 {
        margin-left: 66.66667%
    }

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

    .f-offset\@sm\:10 {
        margin-left: 83.33333%
    }

    .f-offset\@sm\:11 {
        margin-left: 91.66667%
    }

    .f-offset\@sm\:12 {
        margin-left: 100%
    }

    .f-order\@sm\:-1 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .f-order\@sm\:0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .f-order\@sm\:1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .f-order\@sm\:2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .f-order\@sm\:3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .f-order\@sm\:4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .f-order\@sm\:5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .f-order\@sm\:6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .f-order\@sm\:7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .f-order\@sm\:8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .f-order\@sm\:9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .f-order\@sm\:10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .f-order\@sm\:11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .f-order\@sm\:12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .f-order\@sm\:13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .f-flex\@sm\:fluid {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .f-flex\@sm\:fixed {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .f-direction\@sm\:r {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .f-direction\@sm\:rr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .f-direction\@sm\:c {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .f-direction\@sm\:cr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .f-wrap\@sm\:nw {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .f-wrap\@sm\:w {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .f-wrap\@sm\:r {
        -ms-flex-wrap: revert;
        flex-wrap: revert
    }

    .f-wrap\@sm\:wr {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .f-row.f-nogap\@sm {
        margin-right: 0;
        margin-left: 0
    }

    .f-row.f-nogap\@sm>[class*='f-col'] {
        padding-right: 0;
        padding-left: 0
    }

    [class*='f-col'].f-nogap\@sm {
        padding-right: 0;
        padding-left: 0
    }

    .f-align\@sm\:l {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .f-align\@sm\:c {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .f-align\@sm\:r {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .f-align\@sm\:j {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .f-align\@sm\:a {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .f-align\@sm\:e {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .f-align\@sm\:t {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .f-align\@sm\:m {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .f-align\@sm\:b {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .f-align\@sm\:s {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .f-col-align\@sm\:t {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .f-col-align\@sm\:m {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .f-col-align\@sm\:b {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .f-col-align\@sm\:s {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

@media (min-width: 768px) {
    table.u-dsp\@md {
        display:table !important
    }

    thead.u-dsp\@md {
        display: table-header-group !important
    }

    tbody.u-dsp\@md {
        display: table-row-group !important
    }

    tfoot.u-dsp\@md {
        display: table-footer-group !important
    }

    caption.u-dsp\@md {
        display: table-caption !important
    }

    tr.u-dsp\@md {
        display: table-row !important
    }

    th.u-dsp\@md,td.u-dsp\@md {
        display: table-cell !important
    }

    colgroup.u-dsp\@md {
        display: table-column-group !important
    }

    col.u-dsp\@md {
        display: table-column !important
    }

    li.u-dsp\@md {
        display: list-item !important
    }

    .u-dsp\@md {
        display: block !important
    }

    .u-dsp\@md\:it {
        display: inline-table !important
    }

    .u-dsp\@md\:t {
        display: table !important
    }

    .u-dsp\@md\:tc {
        display: table-cell !important
    }

    .u-dsp\@md\:tr {
        display: table-row !important
    }

    .u-dsp\@md\:i {
        display: inline !important
    }

    .u-dsp\@md\:ib {
        display: inline-block !important
    }

    .u-dsp\@md\:if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .u-dsp\@md\:f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-dsp\@md\:ig {
        display: -ms-inline-grid !important;
        display: inline-grid !important
    }

    .u-dsp\@md\:g {
        display: -ms-grid !important;
        display: grid !important
    }

    .u-dsp\@md\:b {
        display: block !important
    }

    .u-dsp\@md\:n {
        display: none !important
    }

    .f-col\@md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

    .f-col\@md\:auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .f-col\@md\:1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .f-col\@md\:2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .f-col\@md\:3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .f-col\@md\:4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .f-col\@md\:5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .f-col\@md\:6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .f-col\@md\:7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .f-col\@md\:8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .f-col\@md\:9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .f-col\@md\:10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .f-col\@md\:11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .f-col\@md\:12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .f-offset\@md\:0 {
        margin-left: 0%
    }

    .f-offset\@md\:1 {
        margin-left: 8.33333%
    }

    .f-offset\@md\:2 {
        margin-left: 16.66667%
    }

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

    .f-offset\@md\:4 {
        margin-left: 33.33333%
    }

    .f-offset\@md\:5 {
        margin-left: 41.66667%
    }

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

    .f-offset\@md\:7 {
        margin-left: 58.33333%
    }

    .f-offset\@md\:8 {
        margin-left: 66.66667%
    }

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

    .f-offset\@md\:10 {
        margin-left: 83.33333%
    }

    .f-offset\@md\:11 {
        margin-left: 91.66667%
    }

    .f-offset\@md\:12 {
        margin-left: 100%
    }

    .f-order\@md\:-1 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .f-order\@md\:0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .f-order\@md\:1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .f-order\@md\:2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .f-order\@md\:3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .f-order\@md\:4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .f-order\@md\:5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .f-order\@md\:6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .f-order\@md\:7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .f-order\@md\:8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .f-order\@md\:9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .f-order\@md\:10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .f-order\@md\:11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .f-order\@md\:12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .f-order\@md\:13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .f-flex\@md\:fluid {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .f-flex\@md\:fixed {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .f-direction\@md\:r {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .f-direction\@md\:rr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .f-direction\@md\:c {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .f-direction\@md\:cr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .f-wrap\@md\:nw {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .f-wrap\@md\:w {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .f-wrap\@md\:r {
        -ms-flex-wrap: revert;
        flex-wrap: revert
    }

    .f-wrap\@md\:wr {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .f-row.f-nogap\@md {
        margin-right: 0;
        margin-left: 0
    }

    .f-row.f-nogap\@md>[class*='f-col'] {
        padding-right: 0;
        padding-left: 0
    }

    [class*='f-col'].f-nogap\@md {
        padding-right: 0;
        padding-left: 0
    }

    .f-align\@md\:l {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .f-align\@md\:c {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .f-align\@md\:r {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .f-align\@md\:j {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .f-align\@md\:a {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .f-align\@md\:e {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .f-align\@md\:t {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .f-align\@md\:m {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .f-align\@md\:b {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .f-align\@md\:s {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .f-col-align\@md\:t {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .f-col-align\@md\:m {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .f-col-align\@md\:b {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .f-col-align\@md\:s {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

@media (min-width: 1024px) {
    table.u-dsp\@lg {
        display:table !important
    }

    thead.u-dsp\@lg {
        display: table-header-group !important
    }

    tbody.u-dsp\@lg {
        display: table-row-group !important
    }

    tfoot.u-dsp\@lg {
        display: table-footer-group !important
    }

    caption.u-dsp\@lg {
        display: table-caption !important
    }

    tr.u-dsp\@lg {
        display: table-row !important
    }

    th.u-dsp\@lg,td.u-dsp\@lg {
        display: table-cell !important
    }

    colgroup.u-dsp\@lg {
        display: table-column-group !important
    }

    col.u-dsp\@lg {
        display: table-column !important
    }

    li.u-dsp\@lg {
        display: list-item !important
    }

    .u-dsp\@lg {
        display: block !important
    }

    .u-dsp\@lg\:it {
        display: inline-table !important
    }

    .u-dsp\@lg\:t {
        display: table !important
    }

    .u-dsp\@lg\:tc {
        display: table-cell !important
    }

    .u-dsp\@lg\:tr {
        display: table-row !important
    }

    .u-dsp\@lg\:i {
        display: inline !important
    }

    .u-dsp\@lg\:ib {
        display: inline-block !important
    }

    .u-dsp\@lg\:if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .u-dsp\@lg\:f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-dsp\@lg\:ig {
        display: -ms-inline-grid !important;
        display: inline-grid !important
    }

    .u-dsp\@lg\:g {
        display: -ms-grid !important;
        display: grid !important
    }

    .u-dsp\@lg\:b {
        display: block !important
    }

    .u-dsp\@lg\:n {
        display: none !important
    }

    .f-col\@lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

    .f-col\@lg\:auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .f-col\@lg\:1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .f-col\@lg\:2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .f-col\@lg\:3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .f-col\@lg\:4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .f-col\@lg\:5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .f-col\@lg\:6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .f-col\@lg\:7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .f-col\@lg\:8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .f-col\@lg\:9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .f-col\@lg\:10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .f-col\@lg\:11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .f-col\@lg\:12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .f-offset\@lg\:0 {
        margin-left: 0%
    }

    .f-offset\@lg\:1 {
        margin-left: 8.33333%
    }

    .f-offset\@lg\:2 {
        margin-left: 16.66667%
    }

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

    .f-offset\@lg\:4 {
        margin-left: 33.33333%
    }

    .f-offset\@lg\:5 {
        margin-left: 41.66667%
    }

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

    .f-offset\@lg\:7 {
        margin-left: 58.33333%
    }

    .f-offset\@lg\:8 {
        margin-left: 66.66667%
    }

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

    .f-offset\@lg\:10 {
        margin-left: 83.33333%
    }

    .f-offset\@lg\:11 {
        margin-left: 91.66667%
    }

    .f-offset\@lg\:12 {
        margin-left: 100%
    }

    .f-order\@lg\:-1 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .f-order\@lg\:0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .f-order\@lg\:1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .f-order\@lg\:2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .f-order\@lg\:3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .f-order\@lg\:4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .f-order\@lg\:5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .f-order\@lg\:6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .f-order\@lg\:7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .f-order\@lg\:8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .f-order\@lg\:9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .f-order\@lg\:10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .f-order\@lg\:11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .f-order\@lg\:12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .f-order\@lg\:13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .f-flex\@lg\:fluid {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .f-flex\@lg\:fixed {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .f-direction\@lg\:r {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .f-direction\@lg\:rr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .f-direction\@lg\:c {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .f-direction\@lg\:cr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .f-wrap\@lg\:nw {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .f-wrap\@lg\:w {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .f-wrap\@lg\:r {
        -ms-flex-wrap: revert;
        flex-wrap: revert
    }

    .f-wrap\@lg\:wr {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .f-row.f-nogap\@lg {
        margin-right: 0;
        margin-left: 0
    }

    .f-row.f-nogap\@lg>[class*='f-col'] {
        padding-right: 0;
        padding-left: 0
    }

    [class*='f-col'].f-nogap\@lg {
        padding-right: 0;
        padding-left: 0
    }

    .f-align\@lg\:l {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .f-align\@lg\:c {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .f-align\@lg\:r {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .f-align\@lg\:j {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .f-align\@lg\:a {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .f-align\@lg\:e {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .f-align\@lg\:t {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .f-align\@lg\:m {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .f-align\@lg\:b {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .f-align\@lg\:s {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .f-col-align\@lg\:t {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .f-col-align\@lg\:m {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .f-col-align\@lg\:b {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .f-col-align\@lg\:s {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

@media (min-width: 1440px) {
    table.u-dsp\@xl {
        display:table !important
    }

    thead.u-dsp\@xl {
        display: table-header-group !important
    }

    tbody.u-dsp\@xl {
        display: table-row-group !important
    }

    tfoot.u-dsp\@xl {
        display: table-footer-group !important
    }

    caption.u-dsp\@xl {
        display: table-caption !important
    }

    tr.u-dsp\@xl {
        display: table-row !important
    }

    th.u-dsp\@xl,td.u-dsp\@xl {
        display: table-cell !important
    }

    colgroup.u-dsp\@xl {
        display: table-column-group !important
    }

    col.u-dsp\@xl {
        display: table-column !important
    }

    li.u-dsp\@xl {
        display: list-item !important
    }

    .u-dsp\@xl {
        display: block !important
    }

    .u-dsp\@xl\:it {
        display: inline-table !important
    }

    .u-dsp\@xl\:t {
        display: table !important
    }

    .u-dsp\@xl\:tc {
        display: table-cell !important
    }

    .u-dsp\@xl\:tr {
        display: table-row !important
    }

    .u-dsp\@xl\:i {
        display: inline !important
    }

    .u-dsp\@xl\:ib {
        display: inline-block !important
    }

    .u-dsp\@xl\:if {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .u-dsp\@xl\:f {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-dsp\@xl\:ig {
        display: -ms-inline-grid !important;
        display: inline-grid !important
    }

    .u-dsp\@xl\:g {
        display: -ms-grid !important;
        display: grid !important
    }

    .u-dsp\@xl\:b {
        display: block !important
    }

    .u-dsp\@xl\:n {
        display: none !important
    }

    .f-col\@xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

    .f-col\@xl\:auto {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .f-col\@xl\:1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .f-col\@xl\:2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .f-col\@xl\:3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .f-col\@xl\:4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .f-col\@xl\:5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .f-col\@xl\:6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .f-col\@xl\:7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .f-col\@xl\:8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .f-col\@xl\:9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .f-col\@xl\:10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .f-col\@xl\:11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .f-col\@xl\:12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .f-offset\@xl\:0 {
        margin-left: 0%
    }

    .f-offset\@xl\:1 {
        margin-left: 8.33333%
    }

    .f-offset\@xl\:2 {
        margin-left: 16.66667%
    }

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

    .f-offset\@xl\:4 {
        margin-left: 33.33333%
    }

    .f-offset\@xl\:5 {
        margin-left: 41.66667%
    }

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

    .f-offset\@xl\:7 {
        margin-left: 58.33333%
    }

    .f-offset\@xl\:8 {
        margin-left: 66.66667%
    }

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

    .f-offset\@xl\:10 {
        margin-left: 83.33333%
    }

    .f-offset\@xl\:11 {
        margin-left: 91.66667%
    }

    .f-offset\@xl\:12 {
        margin-left: 100%
    }

    .f-order\@xl\:-1 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .f-order\@xl\:0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .f-order\@xl\:1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .f-order\@xl\:2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .f-order\@xl\:3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .f-order\@xl\:4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .f-order\@xl\:5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .f-order\@xl\:6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .f-order\@xl\:7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .f-order\@xl\:8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .f-order\@xl\:9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .f-order\@xl\:10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .f-order\@xl\:11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .f-order\@xl\:12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .f-order\@xl\:13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .f-flex\@xl\:fluid {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .f-flex\@xl\:fixed {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .f-direction\@xl\:r {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .f-direction\@xl\:rr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .f-direction\@xl\:c {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .f-direction\@xl\:cr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .f-wrap\@xl\:nw {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .f-wrap\@xl\:w {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .f-wrap\@xl\:r {
        -ms-flex-wrap: revert;
        flex-wrap: revert
    }

    .f-wrap\@xl\:wr {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .f-row.f-nogap\@xl {
        margin-right: 0;
        margin-left: 0
    }

    .f-row.f-nogap\@xl>[class*='f-col'] {
        padding-right: 0;
        padding-left: 0
    }

    [class*='f-col'].f-nogap\@xl {
        padding-right: 0;
        padding-left: 0
    }

    .f-align\@xl\:l {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .f-align\@xl\:c {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .f-align\@xl\:r {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .f-align\@xl\:j {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .f-align\@xl\:a {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .f-align\@xl\:e {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .f-align\@xl\:t {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .f-align\@xl\:m {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .f-align\@xl\:b {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .f-align\@xl\:s {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .f-col-align\@xl\:t {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .f-col-align\@xl\:m {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .f-col-align\@xl\:b {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .f-col-align\@xl\:s {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: auto;
    min-height: 3rem;
    padding: .625rem;
    border-width: 2px;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem;
    text-shadow: none;
    -webkit-transition-property: color, background-color, border-color, -webkit-box-shadow;
    transition-property: color, background-color, border-color, -webkit-box-shadow;
    transition-property: color, background-color, border-color, box-shadow;
    transition-property: color, background-color, border-color, box-shadow, -webkit-box-shadow;
    border-style: solid;
    vertical-align: top;
    -webkit-transition: .14s cubic-bezier(0.23, 1, 0.32, 1);
    transition: .14s cubic-bezier(0.23, 1, 0.32, 1)
}

.btn:hover,.btn:focus,.is\:focus.btn {
    z-index: 3;
    text-decoration: none
}

.btn:active,.is\:on.btn {
    z-index: 3
}

.btn[disabled],.is\:off.btn {
    opacity: .38
}

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

.btn {
    min-width: 5.625rem;
    min-height: 3rem;
    padding: .625rem 1rem;
    border-radius: 2px;
    color: #fff;
    border-color: transparent;
    background: linear-gradient(89.71deg, #024DA1 7.29%, #1B6ECB 35.88%, #1B65B9 65.85%, #024DA1 95.82%)
}

.btn.\:circle,.btn.\:square {
    padding: .625rem
}

.btn .icon {
    position: relative;
    top: -1px;
    margin-right: 6px
}

.btn [type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}
.btn_2 {
    min-width: 5.625rem;
    min-height: 3rem;
    padding: 0.625rem 1rem;
    border-radius: 2px;
    color: #fff;
    border-color: transparent;
    background: #d39847;
}
.btn.\:outline {
    border-width: 1px;
    border-radius: 0;
    border-color: #71787C;
    color: #71787C;
    background: transparent;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.24)
}

.btn.\:outline:hover,.btn.\:outline.is\:hover {
    color: #FFF;
    background: #024DA1
}

.btn.\:outline.is\:on {
    border-width: 2px;
    border-color: #024DA1;
    color: #024DA1
}

.btn.\:outline.is\:on:hover,.btn.\:outline.is\:on.is\:hover {
    color: #fff
}

.btn.\:outline.clr\:primary {
    color: #024DA1;
    border-color: #024DA1;
    background: transparent
}

.btn.\:link {
    color: #024DA1;
    text-decoration: underline;
    background: transparent
}

.btn.\:more {
    min-width: 116px;
    min-height: 36px;
    padding: .25rem;
    color: #024DA1;
    font-size: .875rem;
    font-weight: 500;
    border: 2px solid #024DA1;
    background: transparent
}

.btn.\:more:hover,.btn.\:more.is\:hover {
    background: #E7F3F5
}

.btn.\:more2 {
    -webkit-transition: .24s ease;
    transition: .24s ease
}

.btn.\:more2:hover,.btn.\:more2.is\:hover {
    background: linear-gradient(89.71deg, rgba(2,77,161,0.8) 7.29%, rgba(27,110,203,0.8) 35.88%, rgba(27,110,203,0.8) 65.85%, rgba(2,77,161,0.8) 95.82%);
    text-shadow: 0 0 4px rgba(0,0,0,0.8)
}

.btn.clr\:primary {
    background: #024DA1
}

.btn.clr\:gray-blue {
    background: #3A83B5
}

.btn.clr\:gray {
    background: #8C8C8C
}

.btn.clr\:white {
    border-width: 2px;
    color: #3A83B5;
    background: #fff
}

.btn.clr\:white:hover,.btn.clr\:white.is\:hover {
    border-color: #3A83B5
}

.btn.clr\:gold {
    background: linear-gradient(97deg, #C69B5A 11.69%, #CFAF7F 25.82%, #C69B5A 88.8%)
}

.btn.sz\:sm {
    line-height: 20px;
    min-height: 30px;
    padding: 4px 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.sz\:sm .icon {
    margin-right: 4px
}

label.btn {
    width: 194px;
    margin-bottom: 0
}

.btn-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.btn-grp .btn,.btn-grp .modal-switch {
    margin-left: 12px
}

.btn-grp .btn:first-child,.btn-grp .modal-switch:first-child {
    margin-left: 0
}

.btn-grp.\:vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.btn-grp.\:vertical .btn {
    margin-left: 0;
    margin-bottom: 24px
}

.btn-close {
    position: relative;
    width: 33px;
    height: 33px;
    display: block;
    padding: 0;
    border: 3px solid #024DA1;
    border-radius: 50%;
    background: transparent
}

.btn-close:before,.btn-close:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 12px;
    width: 3px;
    height: 19px;
    background: #024DA1
}

.btn-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

label {
    display: inline-block;
    max-width: 100%;
    line-height: 1.33333;
    margin-bottom: 7px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #024DA1
}

label:last-child {
    margin-bottom: 0
}

.input {
    width: 100%;
    height: 48px;
    line-height: 1.5;
    padding: 11px 16px;
    margin-bottom: 8px;
    border: 1px solid #8C8C8C;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #024DA1;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.24);
    box-shadow: 0 0 4px rgba(0,0,0,0.24)
}

.input:last-child {
    margin-bottom: 0
}

.input ::-webkit-input-placeholder {
    color: #8C8C8C
}

.input ::-moz-placeholder {
    color: #8C8C8C
}

.input :-moz-placeholder {
    color: #8C8C8C
}

.input :-ms-input-placeholder {
    color: #8C8C8C
}

.input.\:clear {
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333
}

.input[readonly],.input[disabled],.input.is\:off {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #D1D3D4
}

.input[disabled],.input.is\:off {
    background-color: #fbfafc
}

.input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -12px;
    margin-right: -12px
}

.input-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: 100%;
    padding: 0 12px
}

.input-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-grp .input {
    margin-right: 12px;
    margin-bottom: 0
}

.input.\:readonly {
    padding-left: 0;
    padding-right: 0;
    border: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333
}

select.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    padding-left: 12px;
    color: #4f4f4f;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAYAAABap1twAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDUgNzkuMTY0NTkwLCAyMDIwLzEyLzA5LTExOjU3OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDctMTNUMTg6NTk6MTgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTA3LTEzVDE5OjAxOjM2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTEzVDE5OjAxOjM2KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZmYzFlM2U2LWMxMGYtNDRjZS04NDZmLTdiYzRkYmMzYzdkMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2ZmMxZTNlNi1jMTBmLTQ0Y2UtODQ2Zi03YmM0ZGJjM2M3ZDAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZmMxZTNlNi1jMTBmLTQ0Y2UtODQ2Zi03YmM0ZGJjM2M3ZDAiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjZmYzFlM2U2LWMxMGYtNDRjZS04NDZmLTdiYzRkYmMzYzdkMCIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0xM1QxODo1OToxOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qyPtswAAAL9JREFUWMPt1eEJwjAQhuGM4AiO0BEcwQ3qCG7Q/k4C6Qhu4iiO4AjxTu6giPZnUuENHJe2B3n4oG2otYY9VwAIECBAgAABAgQIEGBroK6c8yQ1ho1lM5PumwJTSic5uGrpfgP3nimlHJonKLDZAM8Y4/CBGx0nzy7NE/TlSOkPSemo96QPq3SvPtsFaGktjpR+1kTtel7PdQMa8uapfcN1Bxry/gu3C6C+qf5J6Q7kTwIQIECAAAECBAgQ4L8AXwivrBc5CdZPAAAAAElFTkSuQmCC");
    background-size: contain
}

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

textarea.input,[contenteditable].input {
    height: 9.5rem;
    resize: vertical
}

[contenteditable].input {
    height: auto;
    min-height: 9.5rem;
    max-height: 19rem;
    overflow: auto;
    white-space: pre-line;
    word-break: break-word
}

.option {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 6px 0;
    margin: 0 12px 0 0;
    color: inherit;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.option-grp.\:vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.option-grp.\:vertical .option {
    margin-bottom: 5px
}

.option-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 0 15px;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    width: 100%
}

@media (min-width: 768px) {
    .option-grid {
        -ms-grid-columns:33.333% 33.333% 33.333%;
        grid-template-columns: 33.333% 33.333% 33.333%
    }
}

.option_input {
    display: none
}

.option_input:active+.option_obj:before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

[type="radio"].option_input+.option_obj {
    padding-left: 32px
}

[type="radio"].option_input+.option_obj:before {
    top: -1px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

[type="radio"].option_input+.option_obj:after {
    top: 4px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #024DA1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

[type="radio"].option_input:checked+.option_obj:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

[type="checkbox"].option_input+.option_obj {
    padding-left: 24px
}

[type="checkbox"].option_input+.option_obj:before {
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 2px
}

[type="checkbox"].option_input+.option_obj:after {
    top: 4px;
    left: 4px;
    width: 11px;
    height: 7px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #024DA1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

[type="checkbox"].option_input:checked+.option_obj:after {
    opacity: 1
}

.option_obj {
    position: relative;
    z-index: 1;
    color: #585959;
    font-size: 1rem;
    font-weight: 300
}

.option_obj a {
    text-decoration: underline;
    color: #024DA1
}

.option_obj:before,.option_obj:after {
    content: "";
    position: absolute;
    z-index: 1;
    -webkit-transition: 0.18s cubic-bezier(0, 0, 0.58, 1);
    transition: 0.18s cubic-bezier(0, 0, 0.58, 1)
}

.option_obj:before {
    left: 0;
    border: 2px solid #024DA1;
    background: transparent
}

.option .input {
    width: 64px;
    height: 32px;
    margin-left: 1rem;
    padding: 3px 6px
}

.option[disabled],.option.is\:off {
    opacity: .7;
    pointer-events: none
}

.option.\:dark .option_obj {
    color: #333
}

.option.\:dark .option_obj:before {
    border-color: #585959
}

.option.\:dark [type="radio"].option_input:after {
    background: #585959
}

.option.\:dark [type="checkbox"].option_input:checked+.option_obj:after {
    border-color: #585959
}

.option.\:full {
    grid-column: span 2
}

@media (min-width: 768px) {
    .option.\:full {
        grid-column:span 3
    }
}

.option.\:bold .option_obj {
    font-weight: 600;
    color: #024DA1
}

.form_hit {
    line-height: 1.28571;
    color: rgba(0,0,0,0.4);
    font-size: .875rem;
    font-weight: 300
}

.form_grp {
    margin-bottom: 30px
}

.form_grp:last-child {
    margin-bottom: 0
}

.form_bottom {
    margin: 32px 0
}

.modal_content. form_bottom {
    margin: 20px 0
}

.form_bottom .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 24px
}

.form_bottom .btn:last-child {
    margin-bottom: 0
}

.form_section {
    margin-bottom: 20px;
    color: #024DA1
}

.form_section_title {
    line-height: 1.5;
    margin-bottom: 16px;
    font-size: 1.125rem;
    font-weight: 700
}

.form_section_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.form_section_head .form_section_title {
    margin-bottom: 0
}

.form_section_head .option {
    margin-left: 40px
}

.form_field {
    padding: 20px 16px 32px;
    margin-bottom: 10px;
    background: #F3F4F4
}

.form_field_title {
    line-height: 2;
    margin-bottom: 15px;
    font-size: 1.125rem;
    color: #024DA1
}

.form_field_title:last-child {
    margin-bottom: 0
}

.form_note {
    line-height: 2;
    font-size: .875rem;
    color: #585959
}

.form_checker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.form_checker .btn {
    width: 215px
}

.form_checker .option {
    width: 230px;
    margin-bottom: 30px
}

.form_checker .option_obj {
    font-weight: 500
}

.form.\:signup {
    margin-bottom: 216px
}

@media (min-width: 768px) {
    .form_checker {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 40px
    }

    .form_checker .option {
        margin-bottom: 0
    }

    .form.\:signup {
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .form_section_title {
        font-size:1.5rem
    }

    .form_note {
        font-size: 1rem
    }

    .form_grp {
        margin-bottom: 40px
    }

    .form_field {
        padding: 36px 32px
    }

    .form_bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .form_bottom .btn {
        width: 50%;
        margin-bottom: 0
    }

    .form_inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .form_inline .input {
        margin-right: 15px;
        margin-bottom: 0
    }

    .form_inline .input:last-child {
        margin-right: 0
    }

    .form_checker {
        margin-top: 50px
    }

    .form.\:signup {
        margin-bottom: 96px
    }

    .form.\:horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .form.\:horizontal .form_grp {
        min-width: 220px;
        margin-right: 35px
    }

    .form.\:horizontal .btn-grp {
        margin-top: 31px
    }
}

.is\:required .form_label:after {
    content: '*';
    display: inline-block;
    margin-left: 4px;
    color: #C94D3F;
    font-family: 'Poppins', sans-serif;
    font-weight: 600
}

.embed embed,.embed iframe,.embed object,.embed video,.embed svg,.embed_media {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0
}

.embed {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background-color: inherit
}

.embed:before {
    content: "";
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 50%
}

.embed img {
    display: none
}

.embed_source {
    display: none
}

.crumb {
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .75rem;
    font-weight: 500;
    color: #00ADEF
}

.crumb_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px
}

.crumb_item:after {
    content: '＞';
    margin-left: 8px
}

.crumb_item:first-child {
    margin-left: 0
}

.crumb_item:last-child {
    margin-right: 0
}

.crumb_item:last-child:after {
    display: none
}

@media (min-width: 1024px) {
    .crumb {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.link-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.link_item {
    position: relative;
    line-height: 1.5;
    padding: 8px;
    margin: 0 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #024DA1
}

.link_item:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 10px;
    width: 1px;
    height: 20px;
    background: #024DA1
}

.link_item:first-child:before {
    display: none
}

a.link {
    color: #024DA1;
    text-decoration: underline
}

.modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    padding: 24px;
    background: transparent;
    opacity: 0;
    pointer-events: none
}

.modal_container {
    overflow-y: auto;
    max-height: calc(100vh - 124px);
    border-radius: 2px;
    background: rgba(255,255,255,0.95);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.25)
}

.modal_body {
    position: relative;
    padding: 48px 28px 44px
}

.modal_content {
    line-height: 1.66667;
    padding-top: 18px;
    font-size: 1.125rem;
    color: #585959
}

.modal_title {
    line-height: 1.55556;
    font-size: 1.125rem;
    color: #024DA1;
    font-weight: 700;
    text-align: center
}

.modal .btn-close {
    margin: 0 auto 24px
}

.modal.is\:on {
    z-index: 1001;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: .48s ease;
    transition: .48s ease
}

.modal-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px;
    border: 0;
    color: #024DA1;
    font-weight: 700;
    background: transparent
}

.modal-switch:after {
    content: "";
    position: relative;
    top: -1px;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    background: url("img/modal-switch-open.svg") no-repeat center
}

.modal-switch.is\:on:after {
    background-image: url("img/modal-switch-close.svg")
}

@media (min-width: 1024px) {
    .modal_container {
        width:100%;
        max-width: 1132px;
        margin: auto
    }

    .modal_body {
        padding: 48px 6.00707%
    }

    .modal_title {
        font-size: 1.5rem
    }

    .modal_content {
        padding-top: 48px
    }

    .modal .btn-close {
        position: absolute;
        top: 36px;
        right: 48px
    }

    .modal-switch {
        font-size: 1.125rem
    }
}

.panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.panel_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.panel_switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.33333;
    padding: 4px 0;
    font-weight: 700;
    font-size: 1.125rem;
    color: #0954A8;
    border: 0;
    background: transparent
}

.panel_switch:after {
    content: "";
    display: block;
    position: relative;
    top: -1px;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    background: url("img/modal-switch-open.svg") no-repeat center
}

.panel_switch.is\:on:after {
    background-image: url("img/modal-switch-close.svg")
}

.panel_content {
    display: none;
    padding-top: 15px
}

.panel_content.is\:on {
    display: block
}

.ctrl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

.ctrl .input {
    z-index: 1;
    margin-bottom: 0
}

.ctrl.has\:prepend .input {
    padding-left: 48px
}

.ctrl.has\:append .input {
    padding-right: 48px
}

.ctrl_prepend,.ctrl_append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    outline: none;
    text-align: center;
    background: transparent;
    pointer-events: none;
    color: #8D9054
}

.ctrl_prepend {
    left: 0
}

.ctrl_append {
    right: 0
}

.pagi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: .875rem;
    color: #024DA1
}

.pagi_item {
    width: 28px;
    height: 32px;
    padding: 14px 6px;
    margin: 0 4px;
    opacity: .2;
    -webkit-transition: .1s ease;
    transition: .1s ease
}

.pagi_item:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #024DA1
}

.pagi_item.is\:on,.pagi_item:hover {
    padding: 14px 1px;
    opacity: 1
}

.pagi_ctrl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 4px
}

.info-item {
    display: block;
    position: relative;
    margin-bottom: 40px
}

.info-item:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -6px;
    left: -6px;
    width: 100%;
    height: 100%;
    background: #C3EEFF;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.24);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.24);
    opacity: 0
}

.info-item_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    z-index: 2;
    background: #fff;
    -webkit-transition: .24s ease;
    transition: .24s ease
}

.info-item_cover {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 31.19266%;
    flex: 1 0 31.19266%;
    max-width: 31.19266%
}

.info-item .embed:before {
    padding-top: 90.19608%
}

.info-item_content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 18px
}

.info-item_title {
    line-height: 1.33333;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 24px;
    color: #024DA1;
    font-size: 1.125rem;
    font-weight: 700
}

.info-item_txt {
    display: none;
    line-height: 1.5;
    margin-top: 2rem;
    color: #585959
}

.info-item_txt:first-child {
    margin-top: 0
}

.info-item .meta {
    width: 100%;
    height: 24px;
    overflow: hidden
}

.info-item .meta_item {
    margin-right: 0
}

.info-item.\:headline {
    display: none
}

.info-item.\:headline .info-item_inner {
    border: 4px solid transparent
}

.info-item.\:headline:hover .info-item_inner,.info-item.\:headline.is\:hover .info-item_inner {
    border-color: #C3EEFF
}

.info-item:hover .info-item_inner,.info-item.is\:hover .info-item_inner {
    background: #EAF9FF
}

@media (min-width: 768px) {
    .info-item {
        width:100%
    }

    .info-item:after {
        opacity: 1
    }

    .info-item_inner {
        -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.24);
        box-shadow: 0px 4px 4px rgba(0,0,0,0.24)
    }

    .info-item_content {
        padding: 24px 24px 0
    }

    .info-item_cover {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 189px;
        flex: 1 0 189px;
        max-width: 189px
    }

    .info-item_txt {
        height: 120px;
        overflow: hidden
    }

    .info-item-grp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .info-item.\:headline {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
        padding-top: 82px
    }

    .info-item.\:headline:after {
        display: none
    }

    .info-item.\:headline .info-item_cover {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 240px;
        flex: 1 0 240px;
        max-width: 240px;
        margin-top: -80px
    }

    .info-item.\:headline .embed {
        border: 10px solid #C3EEFF;
        border-radius: 50%;
        -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.24);
        box-shadow: 0px 4px 4px rgba(0,0,0,0.24)
    }

    .info-item.\:headline .embed:before {
        padding-top: 100%
    }

    .info-item.\:headline .info-item_inner {
        padding: 30px 40px 40px 36px;
        border-radius: 8px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #E7F3F5
    }

    .info-item.\:headline .info-item_title {
        line-height: 1.33333;
        max-height: 64px;
        font-size: 1.5rem
    }

    .info-item.\:headline .info-item_content {
        padding: 0 0 0 24px
    }

    .info-item.\:headline .info-item_txt {
        display: block;
        max-height: 96px;
        overflow: hidden;
        white-space: pre-line
    }

    .info-item.\:headline .meta_item {
        font-size: 1.125rem
    }
}

@media (min-width: 1024px) {
    .info-item {
        -webkit-box-flex:0;
        -ms-flex: 0 1 calc(50% - 15px);
        flex: 0 1 calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin-bottom: 56px
    }

    .info-item .embed:before {
        padding-top: 86.24339%
    }

    .info-item.\:headline .info-item_cover {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 320px;
        flex: 1 0 320px;
        max-width: 320px
    }

    .info-item.\:headline .info-item_inner {
        padding: 36px 56px 36px 48px
    }

    .info-item.\:headline .info-item_content {
        padding: 0 0 0 40px
    }
}

.info-item.\:blue,.info-item.\:pink {
    margin: 0 -17px 30px -13px
}

.info-item.\:blue:after,.info-item.\:pink:after {
    top: -8px;
    left: -8px;
    height: calc(100% + 8px);
    opacity: 1
}

.info-item.\:blue .info-item_inner,.info-item.\:pink .info-item_inner {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.24);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.24)
}

.info-item.\:blue .info-item_inner:before,.info-item.\:pink .info-item_inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 4px solid transparent;
    -webkit-transition: .24s ease;
    transition: .24s ease
}

.info-item.\:blue .info-item_head,.info-item.\:pink .info-item_head {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%
}

.info-item.\:blue .info-item_head .info-item_title,.info-item.\:pink .info-item_head .info-item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 24px;
    margin: 18px 0 18px 18px;
    overflow: visible
}

.info-item.\:blue .info-item_head .info-item_title span,.info-item.\:pink .info-item_head .info-item_title span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.info-item.\:blue .info-item_head .info-item_title:before,.info-item.\:blue .info-item_head .info-item_title:after,.info-item.\:pink .info-item_head .info-item_title:before,.info-item.\:pink .info-item_head .info-item_title:after {
    position: relative;
    width: 25px;
    height: 25px;
    line-height: 1;
    font-size: 4rem;
    font-family: 'Roboto';
    text-align: center
}

.info-item.\:blue .info-item_head .info-item_title:before,.info-item.\:pink .info-item_head .info-item_title:before {
    content: "“";
    top: -10px;
    margin-right: 4px
}

.info-item.\:blue .info-item_head .info-item_title:after,.info-item.\:pink .info-item_head .info-item_title:after {
    content: "”";
    bottom: -10px;
    margin-left: 6px
}

.info-item.\:blue .info-item_label,.info-item.\:pink .info-item_label {
    line-height: 1.57143;
    font-size: .875rem
}

.info-item.\:blue .info-item_txt,.info-item.\:pink .info-item_txt {
    display: block
}

.info-item.\:blue .info-item_cover,.info-item.\:pink .info-item_cover {
    position: relative;
    z-index: 1;
    -ms-flex-preferred-size: 128px;
    flex-basis: 128px;
    max-width: 128px;
    padding: 11px 11px 0 0
}

.info-item.\:blue .info-item_cover:after,.info-item.\:pink .info-item_cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: no-repeat center
}

.info-item.\:blue .embed,.info-item.\:pink .embed {
    z-index: 1;
    width: 117px
}

.info-item.\:blue .embed:before,.info-item.\:pink .embed:before {
    padding-top: 100%
}

.info-item.\:blue .info-item_content,.info-item.\:pink .info-item_content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 128px);
    flex: 1 1 calc(100% - 128px);
    max-width: calc(100% - 128px);
    padding: 0 18px 12px
}

.info-item.\:blue .info-item_txt,.info-item.\:pink .info-item_txt {
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0
}

.info-item.\:blue .info-item_cite,.info-item.\:pink .info-item_cite {
    margin-top: 15px;
    font-size: .875rem;
    font-weight: 400;
    color: #585959
}

.info-item.\:blue.\:headline:hover .info-item_inner:before,.info-item.\:blue.\:headline.is\:hover .info-item_inner:before,.info-item.\:pink.\:headline:hover .info-item_inner:before,.info-item.\:pink.\:headline.is\:hover .info-item_inner:before {
    display: none
}

@media (min-width: 768px) {
    .info-item.\:blue .info-item_title,.info-item.\:pink .info-item_title {
        margin-left:0
    }

    .info-item.\:blue.\:headline,.info-item.\:pink.\:headline {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin: 0 -8px 56px
    }

    .info-item.\:blue.\:headline .info-item_head,.info-item.\:pink.\:headline .info-item_head {
        display: none
    }

    .info-item.\:blue.\:headline .info-item_cover,.info-item.\:pink.\:headline .info-item_cover {
        position: relative;
        top: -60px;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px;
        width: 240px;
        height: 240px;
        max-width: 240px;
        padding: 0
    }

    .info-item.\:blue.\:headline .info-item_cover:after,.info-item.\:pink.\:headline .info-item_cover:after {
        display: none
    }

    .info-item.\:blue.\:headline .embed,.info-item.\:pink.\:headline .embed {
        width: 100%;
        border-color: #F29281
    }

    .info-item.\:blue.\:headline .info-item_content,.info-item.\:pink.\:headline .info-item_content {
        -ms-flex-preferred-size: calc(100% - 240px);
        flex-basis: calc(100% - 240px);
        max-width: calc(100% - 240px);
        padding-bottom: 0
    }

    .info-item.\:blue.\:headline .info-item_content .info-item_title,.info-item.\:pink.\:headline .info-item_content .info-item_title {
        margin-top: 20px
    }

    .info-item.\:blue.\:headline .info-item_inner,.info-item.\:pink.\:headline .info-item_inner {
        padding-bottom: 20px;
        background: rgba(242,146,129,0.07);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .info-item.\:blue.\:headline .info-item_txt,.info-item.\:pink.\:headline .info-item_txt {
        margin-top: 20px
    }

    .info-item.\:blue.\:headline .info-item_cite,.info-item.\:pink.\:headline .info-item_cite {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .info-item.\:blue:after,.info-item.\:pink:after {
        height:100%
    }

    .info-item.\:blue .info-item_inner,.info-item.\:pink .info-item_inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .info-item.\:blue .info-item_head,.info-item.\:pink .info-item_head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 24px 12px 12px
    }

    .info-item.\:blue .info-item_head .info-item_label,.info-item.\:pink .info-item_head .info-item_label {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 160px;
        flex: 1 0 160px;
        max-width: 160px;
        text-align: center
    }

    .info-item.\:blue .info-item_head .info-item_title,.info-item.\:pink .info-item_head .info-item_title {
        -ms-flex-preferred-size: calc(100% - 160px);
        flex-basis: calc(100% - 160px);
        max-width: calc(100% - 160px);
        margin: 0;
        padding-left: 12px
    }

    .info-item.\:blue .info-item_head .info-item_title span,.info-item.\:pink .info-item_head .info-item_title span {
        -ms-flex-preferred-size: calc(100% - 50px);
        flex-basis: calc(100% - 50px);
        max-width: calc(100% - 50px)
    }

    .info-item.\:blue .info-item_content,.info-item.\:pink .info-item_content {
        padding-top: 10px
    }

    .info-item.\:blue .info-item_cite,.info-item.\:pink .info-item_cite {
        margin-top: 32px;
        text-align: right
    }

    .info-item.\:blue.\:headline .info-item_cover,.info-item.\:pink.\:headline .info-item_cover {
        top: 0;
        width: 320px;
        height: 320px;
        -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
        max-width: 320px
    }

    .info-item.\:blue.\:headline .info-item_content,.info-item.\:pink.\:headline .info-item_content {
        -ms-flex-preferred-size: calc(100% - 320px);
        flex-basis: calc(100% - 320px);
        max-width: calc(100% - 320px);
        padding-left: 40px;
        padding-top: 0
    }

    .info-item.\:blue.\:headline .info-item_label,.info-item.\:pink.\:headline .info-item_label {
        line-height: 1.375;
        font-size: 1rem
    }

    .info-item.\:blue.\:headline .info-item_cite,.info-item.\:pink.\:headline .info-item_cite {
        margin-top: 36px
    }
}

.info-item.\:pink {
    margin: 0 -17px 30px -13px
}

.info-item.\:pink:after {
    background: #F29281
}

.info-item.\:pink .info-item_title,.info-item.\:pink .info-item_label {
    color: #F29281
}

.info-item.\:pink .info-item_cover:after {
    background-image: url("img/pink-mask.png")
}

.info-item.\:pink .info-item_head {
    padding: 12px 24px 0
}

.info-item.\:pink.\:headline:hover .info-item_inner,.info-item.\:pink.\:headline.is\:hover .info-item_inner {
    border-color: #F29281
}

.info-item.\:pink:hover .info-item_inner,.info-item.\:pink.is\:hover .info-item_inner {
    border-color: #F29281
}

.info-item.\:pink:hover .info-item_inner:before,.info-item.\:pink.is\:hover .info-item_inner:before {
    border-color: #F29281
}

@media (min-width: 768px) {
    .info-item.\:pink {
        -webkit-box-flex:1;
        -ms-flex: 1 0 calc(50% - 15px);
        flex: 1 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin: 0 0 36px
    }
}

@media (min-width: 1024px) {
    .info-item.\:pink {
        -ms-flex-preferred-size:calc(50% - 30px);
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
        margin-bottom: 12px
    }

    .info-item.\:pink .info-item_cover {
        -ms-flex-preferred-size: 195px;
        flex-basis: 195px;
        max-width: 195px;
        padding: 10px 10px 0 0
    }

    .info-item.\:pink .info-item_cover:after {
        background-image: url("img/pink-mask-lg.png")
    }

    .info-item.\:pink .info-item_content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 195px);
        flex: 1 1 calc(100% - 195px);
        max-width: calc(100% - 195px)
    }

    .info-item.\:pink .embed {
        width: 185px
    }

    .info-item.\:pink:nth-child(2n-1) {
        margin-top: 24px
    }
}

.info-item.\:blue:after {
    background: #79D4F6
}

.info-item.\:blue .info-item_title,.info-item.\:blue .info-item_label {
    color: #79D4F6
}

.info-item.\:blue .info-item_cover:after {
    background-image: url("img/blue-mask.png")
}

.info-item.\:blue.\:headline:hover .info-item_inner,.info-item.\:blue.\:headline.is\:hover .info-item_inner {
    border-color: #79D4F6
}

.info-item.\:blue:hover .info-item_inner,.info-item.\:blue.is\:hover .info-item_inner {
    border-color: #79D4F6
}

.info-item.\:blue:hover .info-item_inner:before,.info-item.\:blue.is\:hover .info-item_inner:before {
    border-color: #79D4F6
}

@media (min-width: 1024px) {
    .info-item.\:blue {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.meta_item {
    line-height: 1.5;
    margin-right: 1rem;
    color: #585959;
    font-weight: 500
}

.article {
    padding: 0 24px;
    font-size: 1.125rem
}

.article_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px
}

.article .calendar {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 70px;
    flex: 1 0 70px;
    max-width: 70px;
    margin-right: 20px
}

.article .crumb {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 90px);
    flex: 1 1 calc(100% - 90px);
    max-width: calc(100% - 90px)
}

.article .social {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: 26px;
    margin-bottom: 26px
}

.article_title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    line-height: 1.22222;
    margin-bottom: 30px;
    font-size: 2.25rem;
    font-weight: 700;
    color: #024DA1
}

.article_lead {
    line-height: 1.5;
    font-size: 1.125rem;
    font-weight: 700;
    color: #024DA1
}

.article_foot {
    padding: 70px 0 0;
    text-align: center
}

.article_foot .btn {
    min-width: 116px
}

@media (min-width: 768px) {
    .article_head {
        margin-bottom:80px
    }

    .article .social {
        margin: 60px 0
    }

    .article_title {
        margin-bottom: 40px;
        font-size: 2.5rem
    }

    .article_lead {
        line-height: 1.5;
        font-size: 1.5rem
    }
}

.editor {
    padding-bottom: 44px;
    border-bottom: 1px dashed #C4C4C4;
    margin-bottom: 44px;
    font-size: 1.125rem;
    color: #585959
}

.editor:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.editor h2 {
    margin-bottom: 24px;
    line-height: 1.33333;
    font-size: 1.125rem;
    font-weight: 700;
    color: #00ADEF
}

.editor p {
    line-height: 1.9;
    font-weight: 500
}

.editor .small {
    font-size: 88.88889%
}

.editor .lead {
    line-height: 1.9;
    font-weight: 700;
    color: #024DA1
}

.editor figure {
    margin: 0 -24px 24px
}

.editor figure:last-child {
    margin-bottom: 0
}

.editor figure img {
    margin: 0
}

.editor figcaption {
    padding: 10px 24px;
    line-height: 1.9;
    font-size: .875rem;
    font-weight: 300
}

.editor em {
    color: #024DA1
}

.editor table,.editor th,.editor td {
    border: 2px solid #71787C
}

.editor table {
    margin: 60px auto
}

.editor th,.editor td {
    padding: 12px 8px;
    font-weight: 300;
    vertical-align: top
}

.editor th {
    white-space: nowrap
}

.editor img {
    width: 100%;
    margin: 36px auto
}

.editor_album {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px 0
}

.editor_album img {
    margin: 5px 0
}

@media (min-width: 768px) {
    .editor {
        padding-bottom:56px;
        margin-bottom: 72px
    }

    .editor h2 {
        margin-bottom: 56px;
        font-size: 1.5rem
    }

    .editor figure {
        margin: 0
    }

    .editor figcaption {
        padding: 10px 0
    }

    .editor .figure-small {
        width: 100%;
        max-width: 900px;
        margin: 60px auto
    }

    .editor-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .editor-column_tight {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 44%;
        flex: 1 0 44%;
        max-width: 44%
    }

    .editor-column_loose {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 48%;
        flex: 1 1 48%;
        max-width: 48%
    }

    .editor-column img {
        margin: 0
    }

    .editor_album {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .editor_album img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 5px);
        flex: 1 0 calc(50% - 5px);
        max-width: calc(50% - 5px)
    }
}

.article_source {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #F29281
}

.article_source .avatar {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 72px;
    flex: 1 0 72px;
    max-width: 72px
}

.article_source_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    left: -36px;
    height: 48px;
    line-height: 1;
    font-size: 1rem;
    border: 1px solid #D1D3D4;
    border-radius: 12px;
    padding: 7px 12px 7px 46px
}

.article.\:pink .article_title {
    line-height: 1.42;
    color: #F29281
}

.article.\:pink .article_label {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    margin: 30px 0 0;
    line-height: 1.375;
    color: #fff;
    background: #F29281
}

@media (min-width: 768px) {
    .article.\:pink .article_head {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 60px
    }

    .article.\:pink .article_label {
        margin: 0
    }

    .article.\:pink .article_title {
        line-height: 1.3;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .article.\:pink .social {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        max-width: none;
        margin: 0
    }

    .article.\:pink .crumb {
        margin: 30px 0
    }
}

.avatar {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border: 1px solid #D1D3D4;
    border-radius: 50%
}

.avatar_media {
    display: block;
    width: 70px;
    height: 70px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.label {
    display: inline-block;
    line-height: 1.54;
    padding: 2px 6px;
    margin-bottom: 12px;
    font-size: .875rem;
    font-weight: 700;
    border-radius: 8px;
    color: #fff;
    background: #D6A25E;
    text-align: center
}

.label-grp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #024DA1;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden
}

.tab_item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 36px;
    padding: 0;
    border: 2px solid #024DA1;
    color: #fff;
    background: #024DA1
}

.tab_item:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.tab_item:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.tab_item.is\:on {
    color: #024DA1;
    background: transparent
}

.u-fw\:300 {
    font-weight: 300 !important
}

.u-fw\:400 {
    font-weight: 400 !important
}

.u-fw\:500 {
    font-weight: 500 !important
}

.u-fw\:600 {
    font-weight: 600 !important
}

.u-fw\:700 {
    font-weight: 700 !important
}

.u-fw\:900 {
    font-weight: 900 !important
}

.u-zi\:1 {
    z-index: 1 !important
}

.u-zi\:2 {
    z-index: 2 !important
}

.u-zi\:3 {
    z-index: 3 !important
}

.u-zi\:5 {
    z-index: 5 !important
}

.u-zi\:10 {
    z-index: 10 !important
}

.u-zi\:100 {
    z-index: 100 !important
}

.u-zi\:1000 {
    z-index: 1000 !important
}

.u-m\:0 {
    margin: 0 !important
}

.u-m\:5 {
    margin: 5px !important
}

.u-m\:10 {
    margin: 10px !important
}

.u-m\:15 {
    margin: 15px !important
}

.u-m\:20 {
    margin: 20px !important
}

.u-m\:25 {
    margin: 25px !important
}

.u-m\:30 {
    margin: 30px !important
}

.u-m\:40 {
    margin: 40px !important
}

.u-m\:50 {
    margin: 50px !important
}

.u-m\:60 {
    margin: 60px !important
}

.u-m\:70 {
    margin: 70px !important
}

.u-m\:100 {
    margin: 100px !important
}

.u-m\:120 {
    margin: 120px !important
}

.u-m\:150 {
    margin: 150px !important
}

.u-m\:180 {
    margin: 180px !important
}

.u-m\:200 {
    margin: 200px !important
}

.u-m\:240 {
    margin: 240px !important
}

.u-m\:auto {
    margin: auto !important
}

.u-mY\:0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.u-mY\:5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.u-mY\:10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.u-mY\:15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.u-mY\:20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.u-mY\:25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.u-mY\:30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.u-mY\:40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.u-mY\:50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.u-mY\:60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.u-mY\:70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.u-mY\:100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.u-mY\:120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.u-mY\:150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important
}

.u-mY\:180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important
}

.u-mY\:200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important
}

.u-mY\:240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important
}

.u-mY\:auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.u-mX\:0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.u-mX\:5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.u-mX\:10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.u-mX\:15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.u-mX\:20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.u-mX\:25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.u-mX\:30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.u-mX\:40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.u-mX\:50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.u-mX\:60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.u-mX\:70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.u-mX\:100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.u-mX\:120 {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.u-mX\:150 {
    margin-left: 150px !important;
    margin-right: 150px !important
}

.u-mX\:180 {
    margin-left: 180px !important;
    margin-right: 180px !important
}

.u-mX\:200 {
    margin-left: 200px !important;
    margin-right: 200px !important
}

.u-mX\:240 {
    margin-left: 240px !important;
    margin-right: 240px !important
}

.u-mX\:auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.u-mT\:0 {
    margin-top: 0 !important
}

.u-mT\:5 {
    margin-top: 5px !important
}

.u-mT\:10 {
    margin-top: 10px !important
}

.u-mT\:15 {
    margin-top: 15px !important
}

.u-mT\:20 {
    margin-top: 20px !important
}

.u-mT\:25 {
    margin-top: 25px !important
}

.u-mT\:30 {
    margin-top: 30px !important
}

.u-mT\:40 {
    margin-top: 40px !important
}

.u-mT\:50 {
    margin-top: 50px !important
}

.u-mT\:60 {
    margin-top: 60px !important
}

.u-mT\:70 {
    margin-top: 70px !important
}

.u-mT\:100 {
    margin-top: 100px !important
}

.u-mT\:120 {
    margin-top: 120px !important
}

.u-mT\:150 {
    margin-top: 150px !important
}

.u-mT\:180 {
    margin-top: 180px !important
}

.u-mT\:200 {
    margin-top: 200px !important
}

.u-mT\:240 {
    margin-top: 240px !important
}

.u-mT\:auto {
    margin-top: auto !important
}

.u-mR\:0 {
    margin-right: 0 !important
}

.u-mR\:5 {
    margin-right: 5px !important
}

.u-mR\:10 {
    margin-right: 10px !important
}

.u-mR\:15 {
    margin-right: 15px !important
}

.u-mR\:20 {
    margin-right: 20px !important
}

.u-mR\:25 {
    margin-right: 25px !important
}

.u-mR\:30 {
    margin-right: 30px !important
}

.u-mR\:40 {
    margin-right: 40px !important
}

.u-mR\:50 {
    margin-right: 50px !important
}

.u-mR\:60 {
    margin-right: 60px !important
}

.u-mR\:70 {
    margin-right: 70px !important
}

.u-mR\:100 {
    margin-right: 100px !important
}

.u-mR\:120 {
    margin-right: 120px !important
}

.u-mR\:150 {
    margin-right: 150px !important
}

.u-mR\:180 {
    margin-right: 180px !important
}

.u-mR\:200 {
    margin-right: 200px !important
}

.u-mR\:240 {
    margin-right: 240px !important
}

.u-mR\:auto {
    margin-right: auto !important
}

.u-mB\:0 {
    margin-bottom: 0 !important
}

.u-mB\:5 {
    margin-bottom: 5px !important
}

.u-mB\:10 {
    margin-bottom: 10px !important
}

.u-mB\:15 {
    margin-bottom: 15px !important
}

.u-mB\:20 {
    margin-bottom: 20px !important
}

.u-mB\:25 {
    margin-bottom: 25px !important
}

.u-mB\:30 {
    margin-bottom: 30px !important
}

.u-mB\:40 {
    margin-bottom: 40px !important
}

.u-mB\:50 {
    margin-bottom: 50px !important
}

.u-mB\:60 {
    margin-bottom: 60px !important
}

.u-mB\:70 {
    margin-bottom: 70px !important
}

.u-mB\:100 {
    margin-bottom: 100px !important
}

.u-mB\:120 {
    margin-bottom: 120px !important
}

.u-mB\:150 {
    margin-bottom: 150px !important
}

.u-mB\:180 {
    margin-bottom: 180px !important
}

.u-mB\:200 {
    margin-bottom: 200px !important
}

.u-mB\:240 {
    margin-bottom: 240px !important
}

.u-mB\:auto {
    margin-bottom: auto !important
}

.u-mL\:0 {
    margin-left: 0 !important
}

.u-mL\:5 {
    margin-left: 5px !important
}

.u-mL\:10 {
    margin-left: 10px !important
}

.u-mL\:15 {
    margin-left: 15px !important
}

.u-mL\:20 {
    margin-left: 20px !important
}

.u-mL\:25 {
    margin-left: 25px !important
}

.u-mL\:30 {
    margin-left: 30px !important
}

.u-mL\:40 {
    margin-left: 40px !important
}

.u-mL\:50 {
    margin-left: 50px !important
}

.u-mL\:60 {
    margin-left: 60px !important
}

.u-mL\:70 {
    margin-left: 70px !important
}

.u-mL\:100 {
    margin-left: 100px !important
}

.u-mL\:120 {
    margin-left: 120px !important
}

.u-mL\:150 {
    margin-left: 150px !important
}

.u-mL\:180 {
    margin-left: 180px !important
}

.u-mL\:200 {
    margin-left: 200px !important
}

.u-mL\:240 {
    margin-left: 240px !important
}

.u-mL\:auto {
    margin-left: auto !important
}

.u-p\:0 {
    padding: 0 !important
}

.u-p\:5 {
    padding: 5px !important
}

.u-p\:10 {
    padding: 10px !important
}

.u-p\:15 {
    padding: 15px !important
}

.u-p\:20 {
    padding: 20px !important
}

.u-p\:25 {
    padding: 25px !important
}

.u-p\:30 {
    padding: 30px !important
}

.u-p\:40 {
    padding: 40px !important
}

.u-p\:50 {
    padding: 50px !important
}

.u-p\:60 {
    padding: 60px !important
}

.u-p\:70 {
    padding: 70px !important
}

.u-p\:100 {
    padding: 100px !important
}

.u-p\:120 {
    padding: 120px !important
}

.u-p\:150 {
    padding: 150px !important
}

.u-p\:180 {
    padding: 180px !important
}

.u-p\:200 {
    padding: 200px !important
}

.u-p\:240 {
    padding: 240px !important
}

.u-pY\:0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.u-pY\:5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.u-pY\:10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.u-pY\:15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.u-pY\:20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.u-pY\:25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.u-pY\:30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.u-pY\:40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.u-pY\:50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.u-pY\:60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.u-pY\:70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.u-pY\:100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.u-pY\:120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.u-pY\:150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important
}

.u-pY\:180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important
}

.u-pY\:200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important
}

.u-pY\:240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important
}

.u-pX\:0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.u-pX\:5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.u-pX\:10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.u-pX\:15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.u-pX\:20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.u-pX\:25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.u-pX\:30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.u-pX\:40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.u-pX\:50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.u-pX\:60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.u-pX\:70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.u-pX\:100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.u-pX\:120 {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.u-pX\:150 {
    padding-left: 150px !important;
    padding-right: 150px !important
}

.u-pX\:180 {
    padding-left: 180px !important;
    padding-right: 180px !important
}

.u-pX\:200 {
    padding-left: 200px !important;
    padding-right: 200px !important
}

.u-pX\:240 {
    padding-left: 240px !important;
    padding-right: 240px !important
}

.u-pT\:0 {
    padding-top: 0 !important
}

.u-pT\:5 {
    padding-top: 5px !important
}

.u-pT\:10 {
    padding-top: 10px !important
}

.u-pT\:15 {
    padding-top: 15px !important
}

.u-pT\:20 {
    padding-top: 20px !important
}

.u-pT\:25 {
    padding-top: 25px !important
}

.u-pT\:30 {
    padding-top: 30px !important
}

.u-pT\:40 {
    padding-top: 40px !important
}

.u-pT\:50 {
    padding-top: 50px !important
}

.u-pT\:60 {
    padding-top: 60px !important
}

.u-pT\:70 {
    padding-top: 70px !important
}

.u-pT\:100 {
    padding-top: 100px !important
}

.u-pT\:120 {
    padding-top: 120px !important
}

.u-pT\:150 {
    padding-top: 150px !important
}

.u-pT\:180 {
    padding-top: 180px !important
}

.u-pT\:200 {
    padding-top: 200px !important
}

.u-pT\:240 {
    padding-top: 240px !important
}

.u-pR\:0 {
    padding-right: 0 !important
}

.u-pR\:5 {
    padding-right: 5px !important
}

.u-pR\:10 {
    padding-right: 10px !important
}

.u-pR\:15 {
    padding-right: 15px !important
}

.u-pR\:20 {
    padding-right: 20px !important
}

.u-pR\:25 {
    padding-right: 25px !important
}

.u-pR\:30 {
    padding-right: 30px !important
}

.u-pR\:40 {
    padding-right: 40px !important
}

.u-pR\:50 {
    padding-right: 50px !important
}

.u-pR\:60 {
    padding-right: 60px !important
}

.u-pR\:70 {
    padding-right: 70px !important
}

.u-pR\:100 {
    padding-right: 100px !important
}

.u-pR\:120 {
    padding-right: 120px !important
}

.u-pR\:150 {
    padding-right: 150px !important
}

.u-pR\:180 {
    padding-right: 180px !important
}

.u-pR\:200 {
    padding-right: 200px !important
}

.u-pR\:240 {
    padding-right: 240px !important
}

.u-pB\:0 {
    padding-bottom: 0 !important
}

.u-pB\:5 {
    padding-bottom: 5px !important
}

.u-pB\:10 {
    padding-bottom: 10px !important
}

.u-pB\:15 {
    padding-bottom: 15px !important
}

.u-pB\:20 {
    padding-bottom: 20px !important
}

.u-pB\:25 {
    padding-bottom: 25px !important
}

.u-pB\:30 {
    padding-bottom: 30px !important
}

.u-pB\:40 {
    padding-bottom: 40px !important
}

.u-pB\:50 {
    padding-bottom: 50px !important
}

.u-pB\:60 {
    padding-bottom: 60px !important
}

.u-pB\:70 {
    padding-bottom: 70px !important
}

.u-pB\:100 {
    padding-bottom: 100px !important
}

.u-pB\:120 {
    padding-bottom: 120px !important
}

.u-pB\:150 {
    padding-bottom: 150px !important
}

.u-pB\:180 {
    padding-bottom: 180px !important
}

.u-pB\:200 {
    padding-bottom: 200px !important
}

.u-pB\:240 {
    padding-bottom: 240px !important
}

.u-pL\:0 {
    padding-left: 0 !important
}

.u-pL\:5 {
    padding-left: 5px !important
}

.u-pL\:10 {
    padding-left: 10px !important
}

.u-pL\:15 {
    padding-left: 15px !important
}

.u-pL\:20 {
    padding-left: 20px !important
}

.u-pL\:25 {
    padding-left: 25px !important
}

.u-pL\:30 {
    padding-left: 30px !important
}

.u-pL\:40 {
    padding-left: 40px !important
}

.u-pL\:50 {
    padding-left: 50px !important
}

.u-pL\:60 {
    padding-left: 60px !important
}

.u-pL\:70 {
    padding-left: 70px !important
}

.u-pL\:100 {
    padding-left: 100px !important
}

.u-pL\:120 {
    padding-left: 120px !important
}

.u-pL\:150 {
    padding-left: 150px !important
}

.u-pL\:180 {
    padding-left: 180px !important
}

.u-pL\:200 {
    padding-left: 200px !important
}

.u-pL\:240 {
    padding-left: 240px !important
}

.u-w\:32px {
    width: 32px !important
}

.u-w\:48px {
    width: 48px !important
}

.u-w\:64px {
    width: 64px !important
}

.u-w\:80px {
    width: 80px !important
}

.u-w\:96px {
    width: 96px !important
}

.u-w\:128px {
    width: 128px !important
}

.u-w\:240px {
    width: 240px !important
}

.u-w\:320px {
    width: 320px !important
}

.u-w\:360px {
    width: 360px !important
}

.u-w\:400px {
    width: 400px !important
}

.u-w\:540px {
    width: 540px !important
}

.u-w\:720px {
    width: 720px !important
}

.u-w\:960px {
    width: 960px !important
}

.u-w\:1140px {
    width: 1140px !important
}

.u-w\:1200px {
    width: 1200px !important
}

.u-w\:1440px {
    width: 1440px !important
}

.u-wi\:32px {
    min-width: 32px !important
}

.u-wi\:48px {
    min-width: 48px !important
}

.u-wi\:64px {
    min-width: 64px !important
}

.u-wi\:80px {
    min-width: 80px !important
}

.u-wi\:96px {
    min-width: 96px !important
}

.u-wi\:128px {
    min-width: 128px !important
}

.u-wi\:240px {
    min-width: 240px !important
}

.u-wi\:320px {
    min-width: 320px !important
}

.u-wi\:360px {
    min-width: 360px !important
}

.u-wi\:400px {
    min-width: 400px !important
}

.u-wi\:540px {
    min-width: 540px !important
}

.u-wi\:720px {
    min-width: 720px !important
}

.u-wi\:960px {
    min-width: 960px !important
}

.u-wi\:1140px {
    min-width: 1140px !important
}

.u-wi\:1200px {
    min-width: 1200px !important
}

.u-wi\:1440px {
    min-width: 1440px !important
}

.u-wx\:32px {
    max-width: 32px !important
}

.u-wx\:48px {
    max-width: 48px !important
}

.u-wx\:64px {
    max-width: 64px !important
}

.u-wx\:80px {
    max-width: 80px !important
}

.u-wx\:96px {
    max-width: 96px !important
}

.u-wx\:128px {
    max-width: 128px !important
}

.u-wx\:240px {
    max-width: 240px !important
}

.u-wx\:320px {
    max-width: 320px !important
}

.u-wx\:360px {
    max-width: 360px !important
}

.u-wx\:400px {
    max-width: 400px !important
}

.u-wx\:540px {
    max-width: 540px !important
}

.u-wx\:720px {
    max-width: 720px !important
}

.u-wx\:960px {
    max-width: 960px !important
}

.u-wx\:1140px {
    max-width: 1140px !important
}

.u-wx\:1200px {
    max-width: 1200px !important
}

.u-wx\:1440px {
    max-width: 1440px !important
}

.u-align\:l {
    text-align: left !important
}

.u-align\:c {
    text-align: center !important
}

.u-align\:r {
    text-align: right !important
}

.u-valign\:t {
    vertical-align: top !important
}

.u-valign\:tt {
    vertical-align: text-top !important
}

.u-valign\:m {
    vertical-align: middle !important
}

.u-valign\:b {
    vertical-align: bottom !important
}

.u-valign\:bl {
    vertical-align: baseline !important
}

.u-valign\:tb {
    vertical-align: text-bottom !important
}

.u-valign\:sup {
    vertical-align: super !important
}

.u-valign\:sub {
    vertical-align: sub !important
}

@media (min-width: 576px) {
    .u-m\@sm\:0 {
        margin:0 !important
    }

    .u-m\@sm\:5 {
        margin: 5px !important
    }

    .u-m\@sm\:10 {
        margin: 10px !important
    }

    .u-m\@sm\:15 {
        margin: 15px !important
    }

    .u-m\@sm\:20 {
        margin: 20px !important
    }

    .u-m\@sm\:25 {
        margin: 25px !important
    }

    .u-m\@sm\:30 {
        margin: 30px !important
    }

    .u-m\@sm\:40 {
        margin: 40px !important
    }

    .u-m\@sm\:50 {
        margin: 50px !important
    }

    .u-m\@sm\:60 {
        margin: 60px !important
    }

    .u-m\@sm\:70 {
        margin: 70px !important
    }

    .u-m\@sm\:100 {
        margin: 100px !important
    }

    .u-m\@sm\:120 {
        margin: 120px !important
    }

    .u-m\@sm\:150 {
        margin: 150px !important
    }

    .u-m\@sm\:180 {
        margin: 180px !important
    }

    .u-m\@sm\:200 {
        margin: 200px !important
    }

    .u-m\@sm\:240 {
        margin: 240px !important
    }

    .u-m\@sm\:auto {
        margin: auto !important
    }

    .u-mY\@sm\:0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .u-mY\@sm\:5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .u-mY\@sm\:10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .u-mY\@sm\:15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .u-mY\@sm\:20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .u-mY\@sm\:25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .u-mY\@sm\:30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .u-mY\@sm\:40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .u-mY\@sm\:50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .u-mY\@sm\:60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .u-mY\@sm\:70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }

    .u-mY\@sm\:100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }

    .u-mY\@sm\:120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .u-mY\@sm\:150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }

    .u-mY\@sm\:180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }

    .u-mY\@sm\:200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }

    .u-mY\@sm\:240 {
        margin-top: 240px !important;
        margin-bottom: 240px !important
    }

    .u-mY\@sm\:auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .u-mX\@sm\:0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .u-mX\@sm\:5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .u-mX\@sm\:10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .u-mX\@sm\:15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .u-mX\@sm\:20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .u-mX\@sm\:25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }

    .u-mX\@sm\:30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .u-mX\@sm\:40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .u-mX\@sm\:50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }

    .u-mX\@sm\:60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .u-mX\@sm\:70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }

    .u-mX\@sm\:100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }

    .u-mX\@sm\:120 {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .u-mX\@sm\:150 {
        margin-left: 150px !important;
        margin-right: 150px !important
    }

    .u-mX\@sm\:180 {
        margin-left: 180px !important;
        margin-right: 180px !important
    }

    .u-mX\@sm\:200 {
        margin-left: 200px !important;
        margin-right: 200px !important
    }

    .u-mX\@sm\:240 {
        margin-left: 240px !important;
        margin-right: 240px !important
    }

    .u-mX\@sm\:auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .u-mT\@sm\:0 {
        margin-top: 0 !important
    }

    .u-mT\@sm\:5 {
        margin-top: 5px !important
    }

    .u-mT\@sm\:10 {
        margin-top: 10px !important
    }

    .u-mT\@sm\:15 {
        margin-top: 15px !important
    }

    .u-mT\@sm\:20 {
        margin-top: 20px !important
    }

    .u-mT\@sm\:25 {
        margin-top: 25px !important
    }

    .u-mT\@sm\:30 {
        margin-top: 30px !important
    }

    .u-mT\@sm\:40 {
        margin-top: 40px !important
    }

    .u-mT\@sm\:50 {
        margin-top: 50px !important
    }

    .u-mT\@sm\:60 {
        margin-top: 60px !important
    }

    .u-mT\@sm\:70 {
        margin-top: 70px !important
    }

    .u-mT\@sm\:100 {
        margin-top: 100px !important
    }

    .u-mT\@sm\:120 {
        margin-top: 120px !important
    }

    .u-mT\@sm\:150 {
        margin-top: 150px !important
    }

    .u-mT\@sm\:180 {
        margin-top: 180px !important
    }

    .u-mT\@sm\:200 {
        margin-top: 200px !important
    }

    .u-mT\@sm\:240 {
        margin-top: 240px !important
    }

    .u-mT\@sm\:auto {
        margin-top: auto !important
    }

    .u-mR\@sm\:0 {
        margin-right: 0 !important
    }

    .u-mR\@sm\:5 {
        margin-right: 5px !important
    }

    .u-mR\@sm\:10 {
        margin-right: 10px !important
    }

    .u-mR\@sm\:15 {
        margin-right: 15px !important
    }

    .u-mR\@sm\:20 {
        margin-right: 20px !important
    }

    .u-mR\@sm\:25 {
        margin-right: 25px !important
    }

    .u-mR\@sm\:30 {
        margin-right: 30px !important
    }

    .u-mR\@sm\:40 {
        margin-right: 40px !important
    }

    .u-mR\@sm\:50 {
        margin-right: 50px !important
    }

    .u-mR\@sm\:60 {
        margin-right: 60px !important
    }

    .u-mR\@sm\:70 {
        margin-right: 70px !important
    }

    .u-mR\@sm\:100 {
        margin-right: 100px !important
    }

    .u-mR\@sm\:120 {
        margin-right: 120px !important
    }

    .u-mR\@sm\:150 {
        margin-right: 150px !important
    }

    .u-mR\@sm\:180 {
        margin-right: 180px !important
    }

    .u-mR\@sm\:200 {
        margin-right: 200px !important
    }

    .u-mR\@sm\:240 {
        margin-right: 240px !important
    }

    .u-mR\@sm\:auto {
        margin-right: auto !important
    }

    .u-mB\@sm\:0 {
        margin-bottom: 0 !important
    }

    .u-mB\@sm\:5 {
        margin-bottom: 5px !important
    }

    .u-mB\@sm\:10 {
        margin-bottom: 10px !important
    }

    .u-mB\@sm\:15 {
        margin-bottom: 15px !important
    }

    .u-mB\@sm\:20 {
        margin-bottom: 20px !important
    }

    .u-mB\@sm\:25 {
        margin-bottom: 25px !important
    }

    .u-mB\@sm\:30 {
        margin-bottom: 30px !important
    }

    .u-mB\@sm\:40 {
        margin-bottom: 40px !important
    }

    .u-mB\@sm\:50 {
        margin-bottom: 50px !important
    }

    .u-mB\@sm\:60 {
        margin-bottom: 60px !important
    }

    .u-mB\@sm\:70 {
        margin-bottom: 70px !important
    }

    .u-mB\@sm\:100 {
        margin-bottom: 100px !important
    }

    .u-mB\@sm\:120 {
        margin-bottom: 120px !important
    }

    .u-mB\@sm\:150 {
        margin-bottom: 150px !important
    }

    .u-mB\@sm\:180 {
        margin-bottom: 180px !important
    }

    .u-mB\@sm\:200 {
        margin-bottom: 200px !important
    }

    .u-mB\@sm\:240 {
        margin-bottom: 240px !important
    }

    .u-mB\@sm\:auto {
        margin-bottom: auto !important
    }

    .u-mL\@sm\:0 {
        margin-left: 0 !important
    }

    .u-mL\@sm\:5 {
        margin-left: 5px !important
    }

    .u-mL\@sm\:10 {
        margin-left: 10px !important
    }

    .u-mL\@sm\:15 {
        margin-left: 15px !important
    }

    .u-mL\@sm\:20 {
        margin-left: 20px !important
    }

    .u-mL\@sm\:25 {
        margin-left: 25px !important
    }

    .u-mL\@sm\:30 {
        margin-left: 30px !important
    }

    .u-mL\@sm\:40 {
        margin-left: 40px !important
    }

    .u-mL\@sm\:50 {
        margin-left: 50px !important
    }

    .u-mL\@sm\:60 {
        margin-left: 60px !important
    }

    .u-mL\@sm\:70 {
        margin-left: 70px !important
    }

    .u-mL\@sm\:100 {
        margin-left: 100px !important
    }

    .u-mL\@sm\:120 {
        margin-left: 120px !important
    }

    .u-mL\@sm\:150 {
        margin-left: 150px !important
    }

    .u-mL\@sm\:180 {
        margin-left: 180px !important
    }

    .u-mL\@sm\:200 {
        margin-left: 200px !important
    }

    .u-mL\@sm\:240 {
        margin-left: 240px !important
    }

    .u-mL\@sm\:auto {
        margin-left: auto !important
    }

    .u-p\@sm\:0 {
        padding: 0 !important
    }

    .u-p\@sm\:5 {
        padding: 5px !important
    }

    .u-p\@sm\:10 {
        padding: 10px !important
    }

    .u-p\@sm\:15 {
        padding: 15px !important
    }

    .u-p\@sm\:20 {
        padding: 20px !important
    }

    .u-p\@sm\:25 {
        padding: 25px !important
    }

    .u-p\@sm\:30 {
        padding: 30px !important
    }

    .u-p\@sm\:40 {
        padding: 40px !important
    }

    .u-p\@sm\:50 {
        padding: 50px !important
    }

    .u-p\@sm\:60 {
        padding: 60px !important
    }

    .u-p\@sm\:70 {
        padding: 70px !important
    }

    .u-p\@sm\:100 {
        padding: 100px !important
    }

    .u-p\@sm\:120 {
        padding: 120px !important
    }

    .u-p\@sm\:150 {
        padding: 150px !important
    }

    .u-p\@sm\:180 {
        padding: 180px !important
    }

    .u-p\@sm\:200 {
        padding: 200px !important
    }

    .u-p\@sm\:240 {
        padding: 240px !important
    }

    .u-pY\@sm\:0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .u-pY\@sm\:5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .u-pY\@sm\:10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .u-pY\@sm\:15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .u-pY\@sm\:20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .u-pY\@sm\:25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .u-pY\@sm\:30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .u-pY\@sm\:40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .u-pY\@sm\:50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .u-pY\@sm\:60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .u-pY\@sm\:70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .u-pY\@sm\:100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .u-pY\@sm\:120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .u-pY\@sm\:150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }

    .u-pY\@sm\:180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }

    .u-pY\@sm\:200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }

    .u-pY\@sm\:240 {
        padding-top: 240px !important;
        padding-bottom: 240px !important
    }

    .u-pX\@sm\:0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .u-pX\@sm\:5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .u-pX\@sm\:10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .u-pX\@sm\:15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .u-pX\@sm\:20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .u-pX\@sm\:25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .u-pX\@sm\:30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .u-pX\@sm\:40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .u-pX\@sm\:50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .u-pX\@sm\:60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .u-pX\@sm\:70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .u-pX\@sm\:100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .u-pX\@sm\:120 {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .u-pX\@sm\:150 {
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .u-pX\@sm\:180 {
        padding-left: 180px !important;
        padding-right: 180px !important
    }

    .u-pX\@sm\:200 {
        padding-left: 200px !important;
        padding-right: 200px !important
    }

    .u-pX\@sm\:240 {
        padding-left: 240px !important;
        padding-right: 240px !important
    }

    .u-pT\@sm\:0 {
        padding-top: 0 !important
    }

    .u-pT\@sm\:5 {
        padding-top: 5px !important
    }

    .u-pT\@sm\:10 {
        padding-top: 10px !important
    }

    .u-pT\@sm\:15 {
        padding-top: 15px !important
    }

    .u-pT\@sm\:20 {
        padding-top: 20px !important
    }

    .u-pT\@sm\:25 {
        padding-top: 25px !important
    }

    .u-pT\@sm\:30 {
        padding-top: 30px !important
    }

    .u-pT\@sm\:40 {
        padding-top: 40px !important
    }

    .u-pT\@sm\:50 {
        padding-top: 50px !important
    }

    .u-pT\@sm\:60 {
        padding-top: 60px !important
    }

    .u-pT\@sm\:70 {
        padding-top: 70px !important
    }

    .u-pT\@sm\:100 {
        padding-top: 100px !important
    }

    .u-pT\@sm\:120 {
        padding-top: 120px !important
    }

    .u-pT\@sm\:150 {
        padding-top: 150px !important
    }

    .u-pT\@sm\:180 {
        padding-top: 180px !important
    }

    .u-pT\@sm\:200 {
        padding-top: 200px !important
    }

    .u-pT\@sm\:240 {
        padding-top: 240px !important
    }

    .u-pR\@sm\:0 {
        padding-right: 0 !important
    }

    .u-pR\@sm\:5 {
        padding-right: 5px !important
    }

    .u-pR\@sm\:10 {
        padding-right: 10px !important
    }

    .u-pR\@sm\:15 {
        padding-right: 15px !important
    }

    .u-pR\@sm\:20 {
        padding-right: 20px !important
    }

    .u-pR\@sm\:25 {
        padding-right: 25px !important
    }

    .u-pR\@sm\:30 {
        padding-right: 30px !important
    }

    .u-pR\@sm\:40 {
        padding-right: 40px !important
    }

    .u-pR\@sm\:50 {
        padding-right: 50px !important
    }

    .u-pR\@sm\:60 {
        padding-right: 60px !important
    }

    .u-pR\@sm\:70 {
        padding-right: 70px !important
    }

    .u-pR\@sm\:100 {
        padding-right: 100px !important
    }

    .u-pR\@sm\:120 {
        padding-right: 120px !important
    }

    .u-pR\@sm\:150 {
        padding-right: 150px !important
    }

    .u-pR\@sm\:180 {
        padding-right: 180px !important
    }

    .u-pR\@sm\:200 {
        padding-right: 200px !important
    }

    .u-pR\@sm\:240 {
        padding-right: 240px !important
    }

    .u-pB\@sm\:0 {
        padding-bottom: 0 !important
    }

    .u-pB\@sm\:5 {
        padding-bottom: 5px !important
    }

    .u-pB\@sm\:10 {
        padding-bottom: 10px !important
    }

    .u-pB\@sm\:15 {
        padding-bottom: 15px !important
    }

    .u-pB\@sm\:20 {
        padding-bottom: 20px !important
    }

    .u-pB\@sm\:25 {
        padding-bottom: 25px !important
    }

    .u-pB\@sm\:30 {
        padding-bottom: 30px !important
    }

    .u-pB\@sm\:40 {
        padding-bottom: 40px !important
    }

    .u-pB\@sm\:50 {
        padding-bottom: 50px !important
    }

    .u-pB\@sm\:60 {
        padding-bottom: 60px !important
    }

    .u-pB\@sm\:70 {
        padding-bottom: 70px !important
    }

    .u-pB\@sm\:100 {
        padding-bottom: 100px !important
    }

    .u-pB\@sm\:120 {
        padding-bottom: 120px !important
    }

    .u-pB\@sm\:150 {
        padding-bottom: 150px !important
    }

    .u-pB\@sm\:180 {
        padding-bottom: 180px !important
    }

    .u-pB\@sm\:200 {
        padding-bottom: 200px !important
    }

    .u-pB\@sm\:240 {
        padding-bottom: 240px !important
    }

    .u-pL\@sm\:0 {
        padding-left: 0 !important
    }

    .u-pL\@sm\:5 {
        padding-left: 5px !important
    }

    .u-pL\@sm\:10 {
        padding-left: 10px !important
    }

    .u-pL\@sm\:15 {
        padding-left: 15px !important
    }

    .u-pL\@sm\:20 {
        padding-left: 20px !important
    }

    .u-pL\@sm\:25 {
        padding-left: 25px !important
    }

    .u-pL\@sm\:30 {
        padding-left: 30px !important
    }

    .u-pL\@sm\:40 {
        padding-left: 40px !important
    }

    .u-pL\@sm\:50 {
        padding-left: 50px !important
    }

    .u-pL\@sm\:60 {
        padding-left: 60px !important
    }

    .u-pL\@sm\:70 {
        padding-left: 70px !important
    }

    .u-pL\@sm\:100 {
        padding-left: 100px !important
    }

    .u-pL\@sm\:120 {
        padding-left: 120px !important
    }

    .u-pL\@sm\:150 {
        padding-left: 150px !important
    }

    .u-pL\@sm\:180 {
        padding-left: 180px !important
    }

    .u-pL\@sm\:200 {
        padding-left: 200px !important
    }

    .u-pL\@sm\:240 {
        padding-left: 240px !important
    }

    .u-align\@sm\:l {
        text-align: left !important
    }

    .u-align\@sm\:c {
        text-align: center !important
    }

    .u-align\@sm\:r {
        text-align: right !important
    }

    .u-valign\@sm\:t {
        vertical-align: top !important
    }

    .u-valign\@sm\:tt {
        vertical-align: text-top !important
    }

    .u-valign\@sm\:m {
        vertical-align: middle !important
    }

    .u-valign\@sm\:b {
        vertical-align: bottom !important
    }

    .u-valign\@sm\:bl {
        vertical-align: baseline !important
    }

    .u-valign\@sm\:tb {
        vertical-align: text-bottom !important
    }

    .u-valign\@sm\:sup {
        vertical-align: super !important
    }

    .u-valign\@sm\:sub {
        vertical-align: sub !important
    }
}

@media (min-width: 768px) {
    .u-m\@md\:0 {
        margin:0 !important
    }

    .u-m\@md\:5 {
        margin: 5px !important
    }

    .u-m\@md\:10 {
        margin: 10px !important
    }

    .u-m\@md\:15 {
        margin: 15px !important
    }

    .u-m\@md\:20 {
        margin: 20px !important
    }

    .u-m\@md\:25 {
        margin: 25px !important
    }

    .u-m\@md\:30 {
        margin: 30px !important
    }

    .u-m\@md\:40 {
        margin: 40px !important
    }

    .u-m\@md\:50 {
        margin: 50px !important
    }

    .u-m\@md\:60 {
        margin: 60px !important
    }

    .u-m\@md\:70 {
        margin: 70px !important
    }

    .u-m\@md\:100 {
        margin: 100px !important
    }

    .u-m\@md\:120 {
        margin: 120px !important
    }

    .u-m\@md\:150 {
        margin: 150px !important
    }

    .u-m\@md\:180 {
        margin: 180px !important
    }

    .u-m\@md\:200 {
        margin: 200px !important
    }

    .u-m\@md\:240 {
        margin: 240px !important
    }

    .u-m\@md\:auto {
        margin: auto !important
    }

    .u-mY\@md\:0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .u-mY\@md\:5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .u-mY\@md\:10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .u-mY\@md\:15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .u-mY\@md\:20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .u-mY\@md\:25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .u-mY\@md\:30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .u-mY\@md\:40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .u-mY\@md\:50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .u-mY\@md\:60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .u-mY\@md\:70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }

    .u-mY\@md\:100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }

    .u-mY\@md\:120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .u-mY\@md\:150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }

    .u-mY\@md\:180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }

    .u-mY\@md\:200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }

    .u-mY\@md\:240 {
        margin-top: 240px !important;
        margin-bottom: 240px !important
    }

    .u-mY\@md\:auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .u-mX\@md\:0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .u-mX\@md\:5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .u-mX\@md\:10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .u-mX\@md\:15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .u-mX\@md\:20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .u-mX\@md\:25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }

    .u-mX\@md\:30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .u-mX\@md\:40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .u-mX\@md\:50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }

    .u-mX\@md\:60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .u-mX\@md\:70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }

    .u-mX\@md\:100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }

    .u-mX\@md\:120 {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .u-mX\@md\:150 {
        margin-left: 150px !important;
        margin-right: 150px !important
    }

    .u-mX\@md\:180 {
        margin-left: 180px !important;
        margin-right: 180px !important
    }

    .u-mX\@md\:200 {
        margin-left: 200px !important;
        margin-right: 200px !important
    }

    .u-mX\@md\:240 {
        margin-left: 240px !important;
        margin-right: 240px !important
    }

    .u-mX\@md\:auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .u-mT\@md\:0 {
        margin-top: 0 !important
    }

    .u-mT\@md\:5 {
        margin-top: 5px !important
    }

    .u-mT\@md\:10 {
        margin-top: 10px !important
    }

    .u-mT\@md\:15 {
        margin-top: 15px !important
    }

    .u-mT\@md\:20 {
        margin-top: 20px !important
    }

    .u-mT\@md\:25 {
        margin-top: 25px !important
    }

    .u-mT\@md\:30 {
        margin-top: 30px !important
    }

    .u-mT\@md\:40 {
        margin-top: 40px !important
    }

    .u-mT\@md\:50 {
        margin-top: 50px !important
    }

    .u-mT\@md\:60 {
        margin-top: 60px !important
    }

    .u-mT\@md\:70 {
        margin-top: 70px !important
    }

    .u-mT\@md\:100 {
        margin-top: 100px !important
    }

    .u-mT\@md\:120 {
        margin-top: 120px !important
    }

    .u-mT\@md\:150 {
        margin-top: 150px !important
    }

    .u-mT\@md\:180 {
        margin-top: 180px !important
    }

    .u-mT\@md\:200 {
        margin-top: 200px !important
    }

    .u-mT\@md\:240 {
        margin-top: 240px !important
    }

    .u-mT\@md\:auto {
        margin-top: auto !important
    }

    .u-mR\@md\:0 {
        margin-right: 0 !important
    }

    .u-mR\@md\:5 {
        margin-right: 5px !important
    }

    .u-mR\@md\:10 {
        margin-right: 10px !important
    }

    .u-mR\@md\:15 {
        margin-right: 15px !important
    }

    .u-mR\@md\:20 {
        margin-right: 20px !important
    }

    .u-mR\@md\:25 {
        margin-right: 25px !important
    }

    .u-mR\@md\:30 {
        margin-right: 30px !important
    }

    .u-mR\@md\:40 {
        margin-right: 40px !important
    }

    .u-mR\@md\:50 {
        margin-right: 50px !important
    }

    .u-mR\@md\:60 {
        margin-right: 60px !important
    }

    .u-mR\@md\:70 {
        margin-right: 70px !important
    }

    .u-mR\@md\:100 {
        margin-right: 100px !important
    }

    .u-mR\@md\:120 {
        margin-right: 120px !important
    }

    .u-mR\@md\:150 {
        margin-right: 150px !important
    }

    .u-mR\@md\:180 {
        margin-right: 180px !important
    }

    .u-mR\@md\:200 {
        margin-right: 200px !important
    }

    .u-mR\@md\:240 {
        margin-right: 240px !important
    }

    .u-mR\@md\:auto {
        margin-right: auto !important
    }

    .u-mB\@md\:0 {
        margin-bottom: 0 !important
    }

    .u-mB\@md\:5 {
        margin-bottom: 5px !important
    }

    .u-mB\@md\:10 {
        margin-bottom: 10px !important
    }

    .u-mB\@md\:15 {
        margin-bottom: 15px !important
    }

    .u-mB\@md\:20 {
        margin-bottom: 20px !important
    }

    .u-mB\@md\:25 {
        margin-bottom: 25px !important
    }

    .u-mB\@md\:30 {
        margin-bottom: 30px !important
    }

    .u-mB\@md\:40 {
        margin-bottom: 40px !important
    }

    .u-mB\@md\:50 {
        margin-bottom: 50px !important
    }

    .u-mB\@md\:60 {
        margin-bottom: 60px !important
    }

    .u-mB\@md\:70 {
        margin-bottom: 70px !important
    }

    .u-mB\@md\:100 {
        margin-bottom: 100px !important
    }

    .u-mB\@md\:120 {
        margin-bottom: 120px !important
    }

    .u-mB\@md\:150 {
        margin-bottom: 150px !important
    }

    .u-mB\@md\:180 {
        margin-bottom: 180px !important
    }

    .u-mB\@md\:200 {
        margin-bottom: 200px !important
    }

    .u-mB\@md\:240 {
        margin-bottom: 240px !important
    }

    .u-mB\@md\:auto {
        margin-bottom: auto !important
    }

    .u-mL\@md\:0 {
        margin-left: 0 !important
    }

    .u-mL\@md\:5 {
        margin-left: 5px !important
    }

    .u-mL\@md\:10 {
        margin-left: 10px !important
    }

    .u-mL\@md\:15 {
        margin-left: 15px !important
    }

    .u-mL\@md\:20 {
        margin-left: 20px !important
    }

    .u-mL\@md\:25 {
        margin-left: 25px !important
    }

    .u-mL\@md\:30 {
        margin-left: 30px !important
    }

    .u-mL\@md\:40 {
        margin-left: 40px !important
    }

    .u-mL\@md\:50 {
        margin-left: 50px !important
    }

    .u-mL\@md\:60 {
        margin-left: 60px !important
    }

    .u-mL\@md\:70 {
        margin-left: 70px !important
    }

    .u-mL\@md\:100 {
        margin-left: 100px !important
    }

    .u-mL\@md\:120 {
        margin-left: 120px !important
    }

    .u-mL\@md\:150 {
        margin-left: 150px !important
    }

    .u-mL\@md\:180 {
        margin-left: 180px !important
    }

    .u-mL\@md\:200 {
        margin-left: 200px !important
    }

    .u-mL\@md\:240 {
        margin-left: 240px !important
    }

    .u-mL\@md\:auto {
        margin-left: auto !important
    }

    .u-p\@md\:0 {
        padding: 0 !important
    }

    .u-p\@md\:5 {
        padding: 5px !important
    }

    .u-p\@md\:10 {
        padding: 10px !important
    }

    .u-p\@md\:15 {
        padding: 15px !important
    }

    .u-p\@md\:20 {
        padding: 20px !important
    }

    .u-p\@md\:25 {
        padding: 25px !important
    }

    .u-p\@md\:30 {
        padding: 30px !important
    }

    .u-p\@md\:40 {
        padding: 40px !important
    }

    .u-p\@md\:50 {
        padding: 50px !important
    }

    .u-p\@md\:60 {
        padding: 60px !important
    }

    .u-p\@md\:70 {
        padding: 70px !important
    }

    .u-p\@md\:100 {
        padding: 100px !important
    }

    .u-p\@md\:120 {
        padding: 120px !important
    }

    .u-p\@md\:150 {
        padding: 150px !important
    }

    .u-p\@md\:180 {
        padding: 180px !important
    }

    .u-p\@md\:200 {
        padding: 200px !important
    }

    .u-p\@md\:240 {
        padding: 240px !important
    }

    .u-pY\@md\:0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .u-pY\@md\:5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .u-pY\@md\:10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .u-pY\@md\:15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .u-pY\@md\:20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .u-pY\@md\:25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .u-pY\@md\:30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .u-pY\@md\:40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .u-pY\@md\:50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .u-pY\@md\:60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .u-pY\@md\:70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .u-pY\@md\:100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .u-pY\@md\:120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .u-pY\@md\:150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }

    .u-pY\@md\:180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }

    .u-pY\@md\:200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }

    .u-pY\@md\:240 {
        padding-top: 240px !important;
        padding-bottom: 240px !important
    }

    .u-pX\@md\:0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .u-pX\@md\:5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .u-pX\@md\:10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .u-pX\@md\:15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .u-pX\@md\:20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .u-pX\@md\:25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .u-pX\@md\:30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .u-pX\@md\:40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .u-pX\@md\:50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .u-pX\@md\:60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .u-pX\@md\:70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .u-pX\@md\:100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .u-pX\@md\:120 {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .u-pX\@md\:150 {
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .u-pX\@md\:180 {
        padding-left: 180px !important;
        padding-right: 180px !important
    }

    .u-pX\@md\:200 {
        padding-left: 200px !important;
        padding-right: 200px !important
    }

    .u-pX\@md\:240 {
        padding-left: 240px !important;
        padding-right: 240px !important
    }

    .u-pT\@md\:0 {
        padding-top: 0 !important
    }

    .u-pT\@md\:5 {
        padding-top: 5px !important
    }

    .u-pT\@md\:10 {
        padding-top: 10px !important
    }

    .u-pT\@md\:15 {
        padding-top: 15px !important
    }

    .u-pT\@md\:20 {
        padding-top: 20px !important
    }

    .u-pT\@md\:25 {
        padding-top: 25px !important
    }

    .u-pT\@md\:30 {
        padding-top: 30px !important
    }

    .u-pT\@md\:40 {
        padding-top: 40px !important
    }

    .u-pT\@md\:50 {
        padding-top: 50px !important
    }

    .u-pT\@md\:60 {
        padding-top: 60px !important
    }

    .u-pT\@md\:70 {
        padding-top: 70px !important
    }

    .u-pT\@md\:100 {
        padding-top: 100px !important
    }

    .u-pT\@md\:120 {
        padding-top: 120px !important
    }

    .u-pT\@md\:150 {
        padding-top: 150px !important
    }

    .u-pT\@md\:180 {
        padding-top: 180px !important
    }

    .u-pT\@md\:200 {
        padding-top: 200px !important
    }

    .u-pT\@md\:240 {
        padding-top: 240px !important
    }

    .u-pR\@md\:0 {
        padding-right: 0 !important
    }

    .u-pR\@md\:5 {
        padding-right: 5px !important
    }

    .u-pR\@md\:10 {
        padding-right: 10px !important
    }

    .u-pR\@md\:15 {
        padding-right: 15px !important
    }

    .u-pR\@md\:20 {
        padding-right: 20px !important
    }

    .u-pR\@md\:25 {
        padding-right: 25px !important
    }

    .u-pR\@md\:30 {
        padding-right: 30px !important
    }

    .u-pR\@md\:40 {
        padding-right: 40px !important
    }

    .u-pR\@md\:50 {
        padding-right: 50px !important
    }

    .u-pR\@md\:60 {
        padding-right: 60px !important
    }

    .u-pR\@md\:70 {
        padding-right: 70px !important
    }

    .u-pR\@md\:100 {
        padding-right: 100px !important
    }

    .u-pR\@md\:120 {
        padding-right: 120px !important
    }

    .u-pR\@md\:150 {
        padding-right: 150px !important
    }

    .u-pR\@md\:180 {
        padding-right: 180px !important
    }

    .u-pR\@md\:200 {
        padding-right: 200px !important
    }

    .u-pR\@md\:240 {
        padding-right: 240px !important
    }

    .u-pB\@md\:0 {
        padding-bottom: 0 !important
    }

    .u-pB\@md\:5 {
        padding-bottom: 5px !important
    }

    .u-pB\@md\:10 {
        padding-bottom: 10px !important
    }

    .u-pB\@md\:15 {
        padding-bottom: 15px !important
    }

    .u-pB\@md\:20 {
        padding-bottom: 20px !important
    }

    .u-pB\@md\:25 {
        padding-bottom: 25px !important
    }

    .u-pB\@md\:30 {
        padding-bottom: 30px !important
    }

    .u-pB\@md\:40 {
        padding-bottom: 40px !important
    }

    .u-pB\@md\:50 {
        padding-bottom: 50px !important
    }

    .u-pB\@md\:60 {
        padding-bottom: 60px !important
    }

    .u-pB\@md\:70 {
        padding-bottom: 70px !important
    }

    .u-pB\@md\:100 {
        padding-bottom: 100px !important
    }

    .u-pB\@md\:120 {
        padding-bottom: 120px !important
    }

    .u-pB\@md\:150 {
        padding-bottom: 150px !important
    }

    .u-pB\@md\:180 {
        padding-bottom: 180px !important
    }

    .u-pB\@md\:200 {
        padding-bottom: 200px !important
    }

    .u-pB\@md\:240 {
        padding-bottom: 240px !important
    }

    .u-pL\@md\:0 {
        padding-left: 0 !important
    }

    .u-pL\@md\:5 {
        padding-left: 5px !important
    }

    .u-pL\@md\:10 {
        padding-left: 10px !important
    }

    .u-pL\@md\:15 {
        padding-left: 15px !important
    }

    .u-pL\@md\:20 {
        padding-left: 20px !important
    }

    .u-pL\@md\:25 {
        padding-left: 25px !important
    }

    .u-pL\@md\:30 {
        padding-left: 30px !important
    }

    .u-pL\@md\:40 {
        padding-left: 40px !important
    }

    .u-pL\@md\:50 {
        padding-left: 50px !important
    }

    .u-pL\@md\:60 {
        padding-left: 60px !important
    }

    .u-pL\@md\:70 {
        padding-left: 70px !important
    }

    .u-pL\@md\:100 {
        padding-left: 100px !important
    }

    .u-pL\@md\:120 {
        padding-left: 120px !important
    }

    .u-pL\@md\:150 {
        padding-left: 150px !important
    }

    .u-pL\@md\:180 {
        padding-left: 180px !important
    }

    .u-pL\@md\:200 {
        padding-left: 200px !important
    }

    .u-pL\@md\:240 {
        padding-left: 240px !important
    }

    .u-align\@md\:l {
        text-align: left !important
    }

    .u-align\@md\:c {
        text-align: center !important
    }

    .u-align\@md\:r {
        text-align: right !important
    }

    .u-valign\@md\:t {
        vertical-align: top !important
    }

    .u-valign\@md\:tt {
        vertical-align: text-top !important
    }

    .u-valign\@md\:m {
        vertical-align: middle !important
    }

    .u-valign\@md\:b {
        vertical-align: bottom !important
    }

    .u-valign\@md\:bl {
        vertical-align: baseline !important
    }

    .u-valign\@md\:tb {
        vertical-align: text-bottom !important
    }

    .u-valign\@md\:sup {
        vertical-align: super !important
    }

    .u-valign\@md\:sub {
        vertical-align: sub !important
    }
}

@media (min-width: 1024px) {
    .u-m\@lg\:0 {
        margin:0 !important
    }

    .u-m\@lg\:5 {
        margin: 5px !important
    }

    .u-m\@lg\:10 {
        margin: 10px !important
    }

    .u-m\@lg\:15 {
        margin: 15px !important
    }

    .u-m\@lg\:20 {
        margin: 20px !important
    }

    .u-m\@lg\:25 {
        margin: 25px !important
    }

    .u-m\@lg\:30 {
        margin: 30px !important
    }

    .u-m\@lg\:40 {
        margin: 40px !important
    }

    .u-m\@lg\:50 {
        margin: 50px !important
    }

    .u-m\@lg\:60 {
        margin: 60px !important
    }

    .u-m\@lg\:70 {
        margin: 70px !important
    }

    .u-m\@lg\:100 {
        margin: 100px !important
    }

    .u-m\@lg\:120 {
        margin: 120px !important
    }

    .u-m\@lg\:150 {
        margin: 150px !important
    }

    .u-m\@lg\:180 {
        margin: 180px !important
    }

    .u-m\@lg\:200 {
        margin: 200px !important
    }

    .u-m\@lg\:240 {
        margin: 240px !important
    }

    .u-m\@lg\:auto {
        margin: auto !important
    }

    .u-mY\@lg\:0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .u-mY\@lg\:5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .u-mY\@lg\:10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .u-mY\@lg\:15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .u-mY\@lg\:20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .u-mY\@lg\:25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .u-mY\@lg\:30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .u-mY\@lg\:40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .u-mY\@lg\:50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .u-mY\@lg\:60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .u-mY\@lg\:70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }

    .u-mY\@lg\:100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }

    .u-mY\@lg\:120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .u-mY\@lg\:150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }

    .u-mY\@lg\:180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }

    .u-mY\@lg\:200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }

    .u-mY\@lg\:240 {
        margin-top: 240px !important;
        margin-bottom: 240px !important
    }

    .u-mY\@lg\:auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .u-mX\@lg\:0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .u-mX\@lg\:5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .u-mX\@lg\:10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .u-mX\@lg\:15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .u-mX\@lg\:20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .u-mX\@lg\:25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }

    .u-mX\@lg\:30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .u-mX\@lg\:40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .u-mX\@lg\:50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }

    .u-mX\@lg\:60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .u-mX\@lg\:70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }

    .u-mX\@lg\:100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }

    .u-mX\@lg\:120 {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .u-mX\@lg\:150 {
        margin-left: 150px !important;
        margin-right: 150px !important
    }

    .u-mX\@lg\:180 {
        margin-left: 180px !important;
        margin-right: 180px !important
    }

    .u-mX\@lg\:200 {
        margin-left: 200px !important;
        margin-right: 200px !important
    }

    .u-mX\@lg\:240 {
        margin-left: 240px !important;
        margin-right: 240px !important
    }

    .u-mX\@lg\:auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .u-mT\@lg\:0 {
        margin-top: 0 !important
    }

    .u-mT\@lg\:5 {
        margin-top: 5px !important
    }

    .u-mT\@lg\:10 {
        margin-top: 10px !important
    }

    .u-mT\@lg\:15 {
        margin-top: 15px !important
    }

    .u-mT\@lg\:20 {
        margin-top: 20px !important
    }

    .u-mT\@lg\:25 {
        margin-top: 25px !important
    }

    .u-mT\@lg\:30 {
        margin-top: 30px !important
    }

    .u-mT\@lg\:40 {
        margin-top: 40px !important
    }

    .u-mT\@lg\:50 {
        margin-top: 50px !important
    }

    .u-mT\@lg\:60 {
        margin-top: 60px !important
    }

    .u-mT\@lg\:70 {
        margin-top: 70px !important
    }

    .u-mT\@lg\:100 {
        margin-top: 100px !important
    }

    .u-mT\@lg\:120 {
        margin-top: 120px !important
    }

    .u-mT\@lg\:150 {
        margin-top: 150px !important
    }

    .u-mT\@lg\:180 {
        margin-top: 180px !important
    }

    .u-mT\@lg\:200 {
        margin-top: 200px !important
    }

    .u-mT\@lg\:240 {
        margin-top: 240px !important
    }

    .u-mT\@lg\:auto {
        margin-top: auto !important
    }

    .u-mR\@lg\:0 {
        margin-right: 0 !important
    }

    .u-mR\@lg\:5 {
        margin-right: 5px !important
    }

    .u-mR\@lg\:10 {
        margin-right: 10px !important
    }

    .u-mR\@lg\:15 {
        margin-right: 15px !important
    }

    .u-mR\@lg\:20 {
        margin-right: 20px !important
    }

    .u-mR\@lg\:25 {
        margin-right: 25px !important
    }

    .u-mR\@lg\:30 {
        margin-right: 30px !important
    }

    .u-mR\@lg\:40 {
        margin-right: 40px !important
    }

    .u-mR\@lg\:50 {
        margin-right: 50px !important
    }

    .u-mR\@lg\:60 {
        margin-right: 60px !important
    }

    .u-mR\@lg\:70 {
        margin-right: 70px !important
    }

    .u-mR\@lg\:100 {
        margin-right: 100px !important
    }

    .u-mR\@lg\:120 {
        margin-right: 120px !important
    }

    .u-mR\@lg\:150 {
        margin-right: 150px !important
    }

    .u-mR\@lg\:180 {
        margin-right: 180px !important
    }

    .u-mR\@lg\:200 {
        margin-right: 200px !important
    }

    .u-mR\@lg\:240 {
        margin-right: 240px !important
    }

    .u-mR\@lg\:auto {
        margin-right: auto !important
    }

    .u-mB\@lg\:0 {
        margin-bottom: 0 !important
    }

    .u-mB\@lg\:5 {
        margin-bottom: 5px !important
    }

    .u-mB\@lg\:10 {
        margin-bottom: 10px !important
    }

    .u-mB\@lg\:15 {
        margin-bottom: 15px !important
    }

    .u-mB\@lg\:20 {
        margin-bottom: 20px !important
    }

    .u-mB\@lg\:25 {
        margin-bottom: 25px !important
    }

    .u-mB\@lg\:30 {
        margin-bottom: 30px !important
    }

    .u-mB\@lg\:40 {
        margin-bottom: 40px !important
    }

    .u-mB\@lg\:50 {
        margin-bottom: 50px !important
    }

    .u-mB\@lg\:60 {
        margin-bottom: 60px !important
    }

    .u-mB\@lg\:70 {
        margin-bottom: 70px !important
    }

    .u-mB\@lg\:100 {
        margin-bottom: 100px !important
    }

    .u-mB\@lg\:120 {
        margin-bottom: 120px !important
    }

    .u-mB\@lg\:150 {
        margin-bottom: 150px !important
    }

    .u-mB\@lg\:180 {
        margin-bottom: 180px !important
    }

    .u-mB\@lg\:200 {
        margin-bottom: 200px !important
    }

    .u-mB\@lg\:240 {
        margin-bottom: 240px !important
    }

    .u-mB\@lg\:auto {
        margin-bottom: auto !important
    }

    .u-mL\@lg\:0 {
        margin-left: 0 !important
    }

    .u-mL\@lg\:5 {
        margin-left: 5px !important
    }

    .u-mL\@lg\:10 {
        margin-left: 10px !important
    }

    .u-mL\@lg\:15 {
        margin-left: 15px !important
    }

    .u-mL\@lg\:20 {
        margin-left: 20px !important
    }

    .u-mL\@lg\:25 {
        margin-left: 25px !important
    }

    .u-mL\@lg\:30 {
        margin-left: 30px !important
    }

    .u-mL\@lg\:40 {
        margin-left: 40px !important
    }

    .u-mL\@lg\:50 {
        margin-left: 50px !important
    }

    .u-mL\@lg\:60 {
        margin-left: 60px !important
    }

    .u-mL\@lg\:70 {
        margin-left: 70px !important
    }

    .u-mL\@lg\:100 {
        margin-left: 100px !important
    }

    .u-mL\@lg\:120 {
        margin-left: 120px !important
    }

    .u-mL\@lg\:150 {
        margin-left: 150px !important
    }

    .u-mL\@lg\:180 {
        margin-left: 180px !important
    }

    .u-mL\@lg\:200 {
        margin-left: 200px !important
    }

    .u-mL\@lg\:240 {
        margin-left: 240px !important
    }

    .u-mL\@lg\:auto {
        margin-left: auto !important
    }

    .u-p\@lg\:0 {
        padding: 0 !important
    }

    .u-p\@lg\:5 {
        padding: 5px !important
    }

    .u-p\@lg\:10 {
        padding: 10px !important
    }

    .u-p\@lg\:15 {
        padding: 15px !important
    }

    .u-p\@lg\:20 {
        padding: 20px !important
    }

    .u-p\@lg\:25 {
        padding: 25px !important
    }

    .u-p\@lg\:30 {
        padding: 30px !important
    }

    .u-p\@lg\:40 {
        padding: 40px !important
    }

    .u-p\@lg\:50 {
        padding: 50px !important
    }

    .u-p\@lg\:60 {
        padding: 60px !important
    }

    .u-p\@lg\:70 {
        padding: 70px !important
    }

    .u-p\@lg\:100 {
        padding: 100px !important
    }

    .u-p\@lg\:120 {
        padding: 120px !important
    }

    .u-p\@lg\:150 {
        padding: 150px !important
    }

    .u-p\@lg\:180 {
        padding: 180px !important
    }

    .u-p\@lg\:200 {
        padding: 200px !important
    }

    .u-p\@lg\:240 {
        padding: 240px !important
    }

    .u-pY\@lg\:0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .u-pY\@lg\:5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .u-pY\@lg\:10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .u-pY\@lg\:15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .u-pY\@lg\:20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .u-pY\@lg\:25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .u-pY\@lg\:30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .u-pY\@lg\:40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .u-pY\@lg\:50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .u-pY\@lg\:60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .u-pY\@lg\:70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .u-pY\@lg\:100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .u-pY\@lg\:120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .u-pY\@lg\:150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }

    .u-pY\@lg\:180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }

    .u-pY\@lg\:200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }

    .u-pY\@lg\:240 {
        padding-top: 240px !important;
        padding-bottom: 240px !important
    }

    .u-pX\@lg\:0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .u-pX\@lg\:5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .u-pX\@lg\:10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .u-pX\@lg\:15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .u-pX\@lg\:20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .u-pX\@lg\:25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .u-pX\@lg\:30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .u-pX\@lg\:40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .u-pX\@lg\:50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .u-pX\@lg\:60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .u-pX\@lg\:70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .u-pX\@lg\:100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .u-pX\@lg\:120 {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .u-pX\@lg\:150 {
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .u-pX\@lg\:180 {
        padding-left: 180px !important;
        padding-right: 180px !important
    }

    .u-pX\@lg\:200 {
        padding-left: 200px !important;
        padding-right: 200px !important
    }

    .u-pX\@lg\:240 {
        padding-left: 240px !important;
        padding-right: 240px !important
    }

    .u-pT\@lg\:0 {
        padding-top: 0 !important
    }

    .u-pT\@lg\:5 {
        padding-top: 5px !important
    }

    .u-pT\@lg\:10 {
        padding-top: 10px !important
    }

    .u-pT\@lg\:15 {
        padding-top: 15px !important
    }

    .u-pT\@lg\:20 {
        padding-top: 20px !important
    }

    .u-pT\@lg\:25 {
        padding-top: 25px !important
    }

    .u-pT\@lg\:30 {
        padding-top: 30px !important
    }

    .u-pT\@lg\:40 {
        padding-top: 40px !important
    }

    .u-pT\@lg\:50 {
        padding-top: 50px !important
    }

    .u-pT\@lg\:60 {
        padding-top: 60px !important
    }

    .u-pT\@lg\:70 {
        padding-top: 70px !important
    }

    .u-pT\@lg\:100 {
        padding-top: 100px !important
    }

    .u-pT\@lg\:120 {
        padding-top: 120px !important
    }

    .u-pT\@lg\:150 {
        padding-top: 150px !important
    }

    .u-pT\@lg\:180 {
        padding-top: 180px !important
    }

    .u-pT\@lg\:200 {
        padding-top: 200px !important
    }

    .u-pT\@lg\:240 {
        padding-top: 240px !important
    }

    .u-pR\@lg\:0 {
        padding-right: 0 !important
    }

    .u-pR\@lg\:5 {
        padding-right: 5px !important
    }

    .u-pR\@lg\:10 {
        padding-right: 10px !important
    }

    .u-pR\@lg\:15 {
        padding-right: 15px !important
    }

    .u-pR\@lg\:20 {
        padding-right: 20px !important
    }

    .u-pR\@lg\:25 {
        padding-right: 25px !important
    }

    .u-pR\@lg\:30 {
        padding-right: 30px !important
    }

    .u-pR\@lg\:40 {
        padding-right: 40px !important
    }

    .u-pR\@lg\:50 {
        padding-right: 50px !important
    }

    .u-pR\@lg\:60 {
        padding-right: 60px !important
    }

    .u-pR\@lg\:70 {
        padding-right: 70px !important
    }

    .u-pR\@lg\:100 {
        padding-right: 100px !important
    }

    .u-pR\@lg\:120 {
        padding-right: 120px !important
    }

    .u-pR\@lg\:150 {
        padding-right: 150px !important
    }

    .u-pR\@lg\:180 {
        padding-right: 180px !important
    }

    .u-pR\@lg\:200 {
        padding-right: 200px !important
    }

    .u-pR\@lg\:240 {
        padding-right: 240px !important
    }

    .u-pB\@lg\:0 {
        padding-bottom: 0 !important
    }

    .u-pB\@lg\:5 {
        padding-bottom: 5px !important
    }

    .u-pB\@lg\:10 {
        padding-bottom: 10px !important
    }

    .u-pB\@lg\:15 {
        padding-bottom: 15px !important
    }

    .u-pB\@lg\:20 {
        padding-bottom: 20px !important
    }

    .u-pB\@lg\:25 {
        padding-bottom: 25px !important
    }

    .u-pB\@lg\:30 {
        padding-bottom: 30px !important
    }

    .u-pB\@lg\:40 {
        padding-bottom: 40px !important
    }

    .u-pB\@lg\:50 {
        padding-bottom: 50px !important
    }

    .u-pB\@lg\:60 {
        padding-bottom: 60px !important
    }

    .u-pB\@lg\:70 {
        padding-bottom: 70px !important
    }

    .u-pB\@lg\:100 {
        padding-bottom: 100px !important
    }

    .u-pB\@lg\:120 {
        padding-bottom: 120px !important
    }

    .u-pB\@lg\:150 {
        padding-bottom: 150px !important
    }

    .u-pB\@lg\:180 {
        padding-bottom: 180px !important
    }

    .u-pB\@lg\:200 {
        padding-bottom: 200px !important
    }

    .u-pB\@lg\:240 {
        padding-bottom: 240px !important
    }

    .u-pL\@lg\:0 {
        padding-left: 0 !important
    }

    .u-pL\@lg\:5 {
        padding-left: 5px !important
    }

    .u-pL\@lg\:10 {
        padding-left: 10px !important
    }

    .u-pL\@lg\:15 {
        padding-left: 15px !important
    }

    .u-pL\@lg\:20 {
        padding-left: 20px !important
    }

    .u-pL\@lg\:25 {
        padding-left: 25px !important
    }

    .u-pL\@lg\:30 {
        padding-left: 30px !important
    }

    .u-pL\@lg\:40 {
        padding-left: 40px !important
    }

    .u-pL\@lg\:50 {
        padding-left: 50px !important
    }

    .u-pL\@lg\:60 {
        padding-left: 60px !important
    }

    .u-pL\@lg\:70 {
        padding-left: 70px !important
    }

    .u-pL\@lg\:100 {
        padding-left: 100px !important
    }

    .u-pL\@lg\:120 {
        padding-left: 120px !important
    }

    .u-pL\@lg\:150 {
        padding-left: 150px !important
    }

    .u-pL\@lg\:180 {
        padding-left: 180px !important
    }

    .u-pL\@lg\:200 {
        padding-left: 200px !important
    }

    .u-pL\@lg\:240 {
        padding-left: 240px !important
    }

    .u-align\@lg\:l {
        text-align: left !important
    }

    .u-align\@lg\:c {
        text-align: center !important
    }

    .u-align\@lg\:r {
        text-align: right !important
    }

    .u-valign\@lg\:t {
        vertical-align: top !important
    }

    .u-valign\@lg\:tt {
        vertical-align: text-top !important
    }

    .u-valign\@lg\:m {
        vertical-align: middle !important
    }

    .u-valign\@lg\:b {
        vertical-align: bottom !important
    }

    .u-valign\@lg\:bl {
        vertical-align: baseline !important
    }

    .u-valign\@lg\:tb {
        vertical-align: text-bottom !important
    }

    .u-valign\@lg\:sup {
        vertical-align: super !important
    }

    .u-valign\@lg\:sub {
        vertical-align: sub !important
    }
}

@media (min-width: 1440px) {
    .u-m\@xl\:0 {
        margin:0 !important
    }

    .u-m\@xl\:5 {
        margin: 5px !important
    }

    .u-m\@xl\:10 {
        margin: 10px !important
    }

    .u-m\@xl\:15 {
        margin: 15px !important
    }

    .u-m\@xl\:20 {
        margin: 20px !important
    }

    .u-m\@xl\:25 {
        margin: 25px !important
    }

    .u-m\@xl\:30 {
        margin: 30px !important
    }

    .u-m\@xl\:40 {
        margin: 40px !important
    }

    .u-m\@xl\:50 {
        margin: 50px !important
    }

    .u-m\@xl\:60 {
        margin: 60px !important
    }

    .u-m\@xl\:70 {
        margin: 70px !important
    }

    .u-m\@xl\:100 {
        margin: 100px !important
    }

    .u-m\@xl\:120 {
        margin: 120px !important
    }

    .u-m\@xl\:150 {
        margin: 150px !important
    }

    .u-m\@xl\:180 {
        margin: 180px !important
    }

    .u-m\@xl\:200 {
        margin: 200px !important
    }

    .u-m\@xl\:240 {
        margin: 240px !important
    }

    .u-m\@xl\:auto {
        margin: auto !important
    }

    .u-mY\@xl\:0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .u-mY\@xl\:5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .u-mY\@xl\:10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .u-mY\@xl\:15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .u-mY\@xl\:20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .u-mY\@xl\:25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .u-mY\@xl\:30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .u-mY\@xl\:40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .u-mY\@xl\:50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .u-mY\@xl\:60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .u-mY\@xl\:70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }

    .u-mY\@xl\:100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }

    .u-mY\@xl\:120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .u-mY\@xl\:150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }

    .u-mY\@xl\:180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }

    .u-mY\@xl\:200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }

    .u-mY\@xl\:240 {
        margin-top: 240px !important;
        margin-bottom: 240px !important
    }

    .u-mY\@xl\:auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .u-mX\@xl\:0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .u-mX\@xl\:5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .u-mX\@xl\:10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .u-mX\@xl\:15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .u-mX\@xl\:20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .u-mX\@xl\:25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }

    .u-mX\@xl\:30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .u-mX\@xl\:40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .u-mX\@xl\:50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }

    .u-mX\@xl\:60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .u-mX\@xl\:70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }

    .u-mX\@xl\:100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }

    .u-mX\@xl\:120 {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .u-mX\@xl\:150 {
        margin-left: 150px !important;
        margin-right: 150px !important
    }

    .u-mX\@xl\:180 {
        margin-left: 180px !important;
        margin-right: 180px !important
    }

    .u-mX\@xl\:200 {
        margin-left: 200px !important;
        margin-right: 200px !important
    }

    .u-mX\@xl\:240 {
        margin-left: 240px !important;
        margin-right: 240px !important
    }

    .u-mX\@xl\:auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .u-mT\@xl\:0 {
        margin-top: 0 !important
    }

    .u-mT\@xl\:5 {
        margin-top: 5px !important
    }

    .u-mT\@xl\:10 {
        margin-top: 10px !important
    }

    .u-mT\@xl\:15 {
        margin-top: 15px !important
    }

    .u-mT\@xl\:20 {
        margin-top: 20px !important
    }

    .u-mT\@xl\:25 {
        margin-top: 25px !important
    }

    .u-mT\@xl\:30 {
        margin-top: 30px !important
    }

    .u-mT\@xl\:40 {
        margin-top: 40px !important
    }

    .u-mT\@xl\:50 {
        margin-top: 50px !important
    }

    .u-mT\@xl\:60 {
        margin-top: 60px !important
    }

    .u-mT\@xl\:70 {
        margin-top: 70px !important
    }

    .u-mT\@xl\:100 {
        margin-top: 100px !important
    }

    .u-mT\@xl\:120 {
        margin-top: 120px !important
    }

    .u-mT\@xl\:150 {
        margin-top: 150px !important
    }

    .u-mT\@xl\:180 {
        margin-top: 180px !important
    }

    .u-mT\@xl\:200 {
        margin-top: 200px !important
    }

    .u-mT\@xl\:240 {
        margin-top: 240px !important
    }

    .u-mT\@xl\:auto {
        margin-top: auto !important
    }

    .u-mR\@xl\:0 {
        margin-right: 0 !important
    }

    .u-mR\@xl\:5 {
        margin-right: 5px !important
    }

    .u-mR\@xl\:10 {
        margin-right: 10px !important
    }

    .u-mR\@xl\:15 {
        margin-right: 15px !important
    }

    .u-mR\@xl\:20 {
        margin-right: 20px !important
    }

    .u-mR\@xl\:25 {
        margin-right: 25px !important
    }

    .u-mR\@xl\:30 {
        margin-right: 30px !important
    }

    .u-mR\@xl\:40 {
        margin-right: 40px !important
    }

    .u-mR\@xl\:50 {
        margin-right: 50px !important
    }

    .u-mR\@xl\:60 {
        margin-right: 60px !important
    }

    .u-mR\@xl\:70 {
        margin-right: 70px !important
    }

    .u-mR\@xl\:100 {
        margin-right: 100px !important
    }

    .u-mR\@xl\:120 {
        margin-right: 120px !important
    }

    .u-mR\@xl\:150 {
        margin-right: 150px !important
    }

    .u-mR\@xl\:180 {
        margin-right: 180px !important
    }

    .u-mR\@xl\:200 {
        margin-right: 200px !important
    }

    .u-mR\@xl\:240 {
        margin-right: 240px !important
    }

    .u-mR\@xl\:auto {
        margin-right: auto !important
    }

    .u-mB\@xl\:0 {
        margin-bottom: 0 !important
    }

    .u-mB\@xl\:5 {
        margin-bottom: 5px !important
    }

    .u-mB\@xl\:10 {
        margin-bottom: 10px !important
    }

    .u-mB\@xl\:15 {
        margin-bottom: 15px !important
    }

    .u-mB\@xl\:20 {
        margin-bottom: 20px !important
    }

    .u-mB\@xl\:25 {
        margin-bottom: 25px !important
    }

    .u-mB\@xl\:30 {
        margin-bottom: 30px !important
    }

    .u-mB\@xl\:40 {
        margin-bottom: 40px !important
    }

    .u-mB\@xl\:50 {
        margin-bottom: 50px !important
    }

    .u-mB\@xl\:60 {
        margin-bottom: 60px !important
    }

    .u-mB\@xl\:70 {
        margin-bottom: 70px !important
    }

    .u-mB\@xl\:100 {
        margin-bottom: 100px !important
    }

    .u-mB\@xl\:120 {
        margin-bottom: 120px !important
    }

    .u-mB\@xl\:150 {
        margin-bottom: 150px !important
    }

    .u-mB\@xl\:180 {
        margin-bottom: 180px !important
    }

    .u-mB\@xl\:200 {
        margin-bottom: 200px !important
    }

    .u-mB\@xl\:240 {
        margin-bottom: 240px !important
    }

    .u-mB\@xl\:auto {
        margin-bottom: auto !important
    }

    .u-mL\@xl\:0 {
        margin-left: 0 !important
    }

    .u-mL\@xl\:5 {
        margin-left: 5px !important
    }

    .u-mL\@xl\:10 {
        margin-left: 10px !important
    }

    .u-mL\@xl\:15 {
        margin-left: 15px !important
    }

    .u-mL\@xl\:20 {
        margin-left: 20px !important
    }

    .u-mL\@xl\:25 {
        margin-left: 25px !important
    }

    .u-mL\@xl\:30 {
        margin-left: 30px !important
    }

    .u-mL\@xl\:40 {
        margin-left: 40px !important
    }

    .u-mL\@xl\:50 {
        margin-left: 50px !important
    }

    .u-mL\@xl\:60 {
        margin-left: 60px !important
    }

    .u-mL\@xl\:70 {
        margin-left: 70px !important
    }

    .u-mL\@xl\:100 {
        margin-left: 100px !important
    }

    .u-mL\@xl\:120 {
        margin-left: 120px !important
    }

    .u-mL\@xl\:150 {
        margin-left: 150px !important
    }

    .u-mL\@xl\:180 {
        margin-left: 180px !important
    }

    .u-mL\@xl\:200 {
        margin-left: 200px !important
    }

    .u-mL\@xl\:240 {
        margin-left: 240px !important
    }

    .u-mL\@xl\:auto {
        margin-left: auto !important
    }

    .u-p\@xl\:0 {
        padding: 0 !important
    }

    .u-p\@xl\:5 {
        padding: 5px !important
    }

    .u-p\@xl\:10 {
        padding: 10px !important
    }

    .u-p\@xl\:15 {
        padding: 15px !important
    }

    .u-p\@xl\:20 {
        padding: 20px !important
    }

    .u-p\@xl\:25 {
        padding: 25px !important
    }

    .u-p\@xl\:30 {
        padding: 30px !important
    }

    .u-p\@xl\:40 {
        padding: 40px !important
    }

    .u-p\@xl\:50 {
        padding: 50px !important
    }

    .u-p\@xl\:60 {
        padding: 60px !important
    }

    .u-p\@xl\:70 {
        padding: 70px !important
    }

    .u-p\@xl\:100 {
        padding: 100px !important
    }

    .u-p\@xl\:120 {
        padding: 120px !important
    }

    .u-p\@xl\:150 {
        padding: 150px !important
    }

    .u-p\@xl\:180 {
        padding: 180px !important
    }

    .u-p\@xl\:200 {
        padding: 200px !important
    }

    .u-p\@xl\:240 {
        padding: 240px !important
    }

    .u-pY\@xl\:0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .u-pY\@xl\:5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .u-pY\@xl\:10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .u-pY\@xl\:15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .u-pY\@xl\:20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .u-pY\@xl\:25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .u-pY\@xl\:30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .u-pY\@xl\:40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .u-pY\@xl\:50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .u-pY\@xl\:60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .u-pY\@xl\:70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }

    .u-pY\@xl\:100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .u-pY\@xl\:120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .u-pY\@xl\:150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }

    .u-pY\@xl\:180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }

    .u-pY\@xl\:200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }

    .u-pY\@xl\:240 {
        padding-top: 240px !important;
        padding-bottom: 240px !important
    }

    .u-pX\@xl\:0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .u-pX\@xl\:5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .u-pX\@xl\:10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .u-pX\@xl\:15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .u-pX\@xl\:20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .u-pX\@xl\:25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .u-pX\@xl\:30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .u-pX\@xl\:40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .u-pX\@xl\:50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .u-pX\@xl\:60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .u-pX\@xl\:70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .u-pX\@xl\:100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .u-pX\@xl\:120 {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .u-pX\@xl\:150 {
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .u-pX\@xl\:180 {
        padding-left: 180px !important;
        padding-right: 180px !important
    }

    .u-pX\@xl\:200 {
        padding-left: 200px !important;
        padding-right: 200px !important
    }

    .u-pX\@xl\:240 {
        padding-left: 240px !important;
        padding-right: 240px !important
    }

    .u-pT\@xl\:0 {
        padding-top: 0 !important
    }

    .u-pT\@xl\:5 {
        padding-top: 5px !important
    }

    .u-pT\@xl\:10 {
        padding-top: 10px !important
    }

    .u-pT\@xl\:15 {
        padding-top: 15px !important
    }

    .u-pT\@xl\:20 {
        padding-top: 20px !important
    }

    .u-pT\@xl\:25 {
        padding-top: 25px !important
    }

    .u-pT\@xl\:30 {
        padding-top: 30px !important
    }

    .u-pT\@xl\:40 {
        padding-top: 40px !important
    }

    .u-pT\@xl\:50 {
        padding-top: 50px !important
    }

    .u-pT\@xl\:60 {
        padding-top: 60px !important
    }

    .u-pT\@xl\:70 {
        padding-top: 70px !important
    }

    .u-pT\@xl\:100 {
        padding-top: 100px !important
    }

    .u-pT\@xl\:120 {
        padding-top: 120px !important
    }

    .u-pT\@xl\:150 {
        padding-top: 150px !important
    }

    .u-pT\@xl\:180 {
        padding-top: 180px !important
    }

    .u-pT\@xl\:200 {
        padding-top: 200px !important
    }

    .u-pT\@xl\:240 {
        padding-top: 240px !important
    }

    .u-pR\@xl\:0 {
        padding-right: 0 !important
    }

    .u-pR\@xl\:5 {
        padding-right: 5px !important
    }

    .u-pR\@xl\:10 {
        padding-right: 10px !important
    }

    .u-pR\@xl\:15 {
        padding-right: 15px !important
    }

    .u-pR\@xl\:20 {
        padding-right: 20px !important
    }

    .u-pR\@xl\:25 {
        padding-right: 25px !important
    }

    .u-pR\@xl\:30 {
        padding-right: 30px !important
    }

    .u-pR\@xl\:40 {
        padding-right: 40px !important
    }

    .u-pR\@xl\:50 {
        padding-right: 50px !important
    }

    .u-pR\@xl\:60 {
        padding-right: 60px !important
    }

    .u-pR\@xl\:70 {
        padding-right: 70px !important
    }

    .u-pR\@xl\:100 {
        padding-right: 100px !important
    }

    .u-pR\@xl\:120 {
        padding-right: 120px !important
    }

    .u-pR\@xl\:150 {
        padding-right: 150px !important
    }

    .u-pR\@xl\:180 {
        padding-right: 180px !important
    }

    .u-pR\@xl\:200 {
        padding-right: 200px !important
    }

    .u-pR\@xl\:240 {
        padding-right: 240px !important
    }

    .u-pB\@xl\:0 {
        padding-bottom: 0 !important
    }

    .u-pB\@xl\:5 {
        padding-bottom: 5px !important
    }

    .u-pB\@xl\:10 {
        padding-bottom: 10px !important
    }

    .u-pB\@xl\:15 {
        padding-bottom: 15px !important
    }

    .u-pB\@xl\:20 {
        padding-bottom: 20px !important
    }

    .u-pB\@xl\:25 {
        padding-bottom: 25px !important
    }

    .u-pB\@xl\:30 {
        padding-bottom: 30px !important
    }

    .u-pB\@xl\:40 {
        padding-bottom: 40px !important
    }

    .u-pB\@xl\:50 {
        padding-bottom: 50px !important
    }

    .u-pB\@xl\:60 {
        padding-bottom: 60px !important
    }

    .u-pB\@xl\:70 {
        padding-bottom: 70px !important
    }

    .u-pB\@xl\:100 {
        padding-bottom: 100px !important
    }

    .u-pB\@xl\:120 {
        padding-bottom: 120px !important
    }

    .u-pB\@xl\:150 {
        padding-bottom: 150px !important
    }

    .u-pB\@xl\:180 {
        padding-bottom: 180px !important
    }

    .u-pB\@xl\:200 {
        padding-bottom: 200px !important
    }

    .u-pB\@xl\:240 {
        padding-bottom: 240px !important
    }

    .u-pL\@xl\:0 {
        padding-left: 0 !important
    }

    .u-pL\@xl\:5 {
        padding-left: 5px !important
    }

    .u-pL\@xl\:10 {
        padding-left: 10px !important
    }

    .u-pL\@xl\:15 {
        padding-left: 15px !important
    }

    .u-pL\@xl\:20 {
        padding-left: 20px !important
    }

    .u-pL\@xl\:25 {
        padding-left: 25px !important
    }

    .u-pL\@xl\:30 {
        padding-left: 30px !important
    }

    .u-pL\@xl\:40 {
        padding-left: 40px !important
    }

    .u-pL\@xl\:50 {
        padding-left: 50px !important
    }

    .u-pL\@xl\:60 {
        padding-left: 60px !important
    }

    .u-pL\@xl\:70 {
        padding-left: 70px !important
    }

    .u-pL\@xl\:100 {
        padding-left: 100px !important
    }

    .u-pL\@xl\:120 {
        padding-left: 120px !important
    }

    .u-pL\@xl\:150 {
        padding-left: 150px !important
    }

    .u-pL\@xl\:180 {
        padding-left: 180px !important
    }

    .u-pL\@xl\:200 {
        padding-left: 200px !important
    }

    .u-pL\@xl\:240 {
        padding-left: 240px !important
    }

    .u-align\@xl\:l {
        text-align: left !important
    }

    .u-align\@xl\:c {
        text-align: center !important
    }

    .u-align\@xl\:r {
        text-align: right !important
    }

    .u-valign\@xl\:t {
        vertical-align: top !important
    }

    .u-valign\@xl\:tt {
        vertical-align: text-top !important
    }

    .u-valign\@xl\:m {
        vertical-align: middle !important
    }

    .u-valign\@xl\:b {
        vertical-align: bottom !important
    }

    .u-valign\@xl\:bl {
        vertical-align: baseline !important
    }

    .u-valign\@xl\:tb {
        vertical-align: text-bottom !important
    }

    .u-valign\@xl\:sup {
        vertical-align: super !important
    }

    .u-valign\@xl\:sub {
        vertical-align: sub !important
    }
}

.u-ratio\:1by1:before {
    padding-top: 100%
}

.u-ratio\:2by1:before {
    padding-top: 50%
}

.u-ratio\:2by3:before {
    padding-top: 150%
}

.u-ratio\:3by1:before {
    padding-top: 33.33333%
}

.u-ratio\:3by2:before {
    padding-top: 66.66667%
}

.u-ratio\:3by4:before {
    padding-top: 133.33333%
}

.u-ratio\:4by3:before {
    padding-top: 75%
}

.u-ratio\:4by5:before {
    padding-top: 125%
}

.u-ratio\:5by2:before {
    padding-top: 40%
}

.u-ratio\:5by3:before {
    padding-top: 60%
}

.u-ratio\:5by4:before {
    padding-top: 80%
}

.u-ratio\:16by9:before {
    padding-top: 56.25%
}

.u-ratio\:16by10:before {
    padding-top: 62.5%
}

.u-ratio\:21by9:before {
    padding-top: 42.85714%
}

.u-ratio\:36by10:before {
    padding-top: 27.77778%
}

.btn {
    line-height: 1.5;
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    font-size: inherit;
    -webkit-transition: .14s cubic-bezier(0.23, 1, 0.32, 1);
    transition: .14s cubic-bezier(0.23, 1, 0.32, 1)
}

[disabled],.is\:off,[contenteditable="false"] {
    cursor: default;
    pointer-events: none
}

form:after,fieldset:after {
    content: "";
    display: table;
    clear: both
}

.embed_media {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.option_obj {
    -webkit-transition: .06s cubic-bezier(0, 0, 0.58, 1);
    transition: .06s cubic-bezier(0, 0, 0.58, 1)
}

html {
    font-weight: 500;
    font-family: "Noto Sans TC","Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Helvetica Neue",Helvetica,Arial,sans-serif
}

body {
    min-height: 100vh;
    color: #585959
}

h1 {
    font-size: 2.5625rem;
    font-weight: 700
}

h2 {
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 500
}

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

.caption {
    font-size: .75rem
}

.inner {
    width: 100%;
    max-width: 1920px;
    margin: auto
}

.dl {
    margin: 0;
    line-height: 1.5;
    font-size: 1.125rem;
    font-weight: 500
}

.dl dt {
    width: 96px;
    height: 21px;
    margin-bottom: 1em;
    color: #3A83B5;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify
}

.dl dt:after {
    content: "";
    display: inline-block;
    width: 100%
}

.dl dd {
    margin-left: 0;
    color: #71787C;
    word-break: break-all
}

.dl a {
    text-decoration: underline
}

.dl.\:inline dd {
    margin-bottom: 1em
}

@media (min-width: 1024px) {
    .dl.\:inline {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .dl.\:inline dt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 96px;
        flex: 1 0 135px;
        max-width: 135px;
        width: 135px;
    }

    .dl.\:inline dd {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 96px);
        flex: 1 1 calc(100% - 135px);
        max-width: calc(100% - 135px);
        padding-left: 48px
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 80px;
    padding: 14px 24px 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.15);
    box-shadow: 0 1px 15px rgba(0,0,0,0.15)
}

.header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#0661C7), color-stop(28%, #0381D7), color-stop(55%, #00AEEF), to(#44CBFE));
    background: linear-gradient(to right, #0661C7 0%, #0381D7 28%, #00AEEF 55%, #44CBFE 100%)
}

.header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1320px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header_content {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    padding-top: 54px
}

.header_switch {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 36px;
    flex: 1 0 36px;
    max-width: 36px;
    position: relative;
    width: 36px;
    height: 36px;
    border: 0;
    padding: 0;
    background: transparent
}

.header_switch_line {
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #024DA1;
    -webkit-transition: .24s ease;
    transition: .24s ease
}

.header_switch_line:nth-child(1) {
    top: 6px
}

.header_switch_line:nth-child(2) {
    top: 16px
}

.header_switch_line:nth-child(3) {
    top: 26px
}

.header_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_menu_item {
    position: relative;
    padding: 0 8px
}

.header_menu_item:last-child {
    padding-right: 4px
}

.header_menu_item:hover .header_menu_name:after {
    top: 13px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header_menu_item:hover .header_submenu {
    top: 37px;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: .48s ease;
    transition: .48s ease
}

.header_menu_name {
    display: block;
    position: relative;
    padding: 4px 6px;
    border: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #024DA1;
    background: transparent
}

.header_func {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 8px;
    border-radius: 0 0 2px 2px;
    font-size: .8125rem;
    color: #fff;
    background: #024DA1
}

.header_func_item {
    padding: 0 3px
}

.header_func_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header_func_icon {
    width: 24px;
    margin: 0 5px
}

.header_submenu {
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 2;
    min-width: 100%;
    max-width: 154px;
    padding-top: 6px;
    border-radius: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none
}

.header_submenu:before {
    content: '';
    position: absolute;
    top: -1px;
    left: calc(50% - 10px);
    z-index: 1;
    width: 20px;
    height: 10.5px;
    background: url("img/triggle.svg") no-repeat center top;
    background-size: contain
}

.header_submenu_body {
    padding: 12px 0;
    text-align: center;
    color: #fff;
    background: #024DA1;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.15);
    box-shadow: 0 1px 15px rgba(0,0,0,0.15)
}

.header_submenu_link {
    display: block;
    padding: 0 12px;
    margin-bottom: 8px;
    -webkit-transition: .24s ease;
    transition: .24s ease;
    -webkit-transition-property: color, background;
    transition-property: color, background
}

.header_submenu_link:last-child {
    margin-bottom: 0
}

.header_submenu_link:hover {
    color: #024DA1;
    background: #fff
}

.header_submenu_txt {
    display: block;
    line-height: 1.5;
    padding: 7px 0;
    white-space: nowrap;
    width: 8rem;
    overflow: hidden
}

.header.is\:on {
    background: #024DA1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header.is\:on:after {
    display: none
}

.header.is\:on .brand {
    visibility: hidden
}

.header.is\:on .header_switch_line {
    background: #fff
}

.header.is\:on .header_switch_line:nth-child(2) {
    display: none
}

.header.is\:on .header_switch_line:nth-child(1) {
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header.is\:on .header_switch_line:nth-child(3) {
    top: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width: 1080px) {
    .header {
        position:relative;
        width: 100%;
        height: 108px;
        padding: 0 10px 20px
    }

    .header .inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .header_switch {
        display: none
    }

    .header_content {
        display: block
    }

    .header .brand {
        padding-top: 13px;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1440px) {
    .header {
        padding:0 20px 20px
    }

    .header .brand {
        padding-right: 21px;
        padding-left: 0
    }
}

span.header_menu_name {
    cursor: pointer
}

.logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 93px;
    flex: 1 0 93px;
    max-width: 93px;
    height: 52px
}

@media screen and (min-width: 1080px) {
    .logo {
        -webkit-box-flex:1;
        -ms-flex: 1 0 134px;
        flex: 1 0 134px;
        max-width: 134px;
        height: 75px
    }
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    padding: 80px 10px 40px;
    color: #fff;
    background: #024DA1;
    opacity: 0;
    pointer-events: none
}

.mobile-menu.is\:on {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: .48s ease;
    transition: .48s ease
}

.mobile-menu_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mobile-menu_name {
    display: inline-block;
    position: relative;
    padding: 8px;
    margin-bottom: 10px;
    border: 0;
    font-size: 1.125rem;
    font-weight: 500;
    background: transparent
}

.mobile-menu_inner {
    width: 100%;
    height: calc(100vh - 80px);
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.mobile-menu .social {
    margin-top: 20px
}

.mobile-menu .social_item {
    margin-right: 25px;
    background: transparent
}

@media (min-width: 1024px) {
    .mobile-menu {
        display:none
    }
}

button.mobile-menu_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 36px
}

button.mobile-menu_name:after {
    content: '';
    position: absolute;
    top: 18px;
    right: 0;
    width: 16px;
    height: 10px;
    margin-left: 20px;
    background: url("img/arrow-up.svg") no-repeat center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

button.mobile-menu_name.is\:on:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

button.mobile-menu_name.is\:on+.mobile-submenu {
    max-height: 999px;
    pointer-events: auto
}

.mobile-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-height: 0;
    overflow: hidden;
    padding-left: 36px;
    font-size: 1rem;
    pointer-events: none
}

.mobile-submenu_item {
    margin-bottom: 30px
}

.body {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1920px;
    min-height: calc(100vh - 425px);
    padding-top: 80px;
    margin: auto
}

@media screen and (min-width: 1080px) {
    .body {
        padding-top:0
    }
}

.footer {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1920px;
    margin: 30px auto 0
}

.footer .inner {
    padding: 36px 24px;
    background: #E7F3F5
}

.footer_branch {
    margin-bottom: 55px;
    text-align: center
}

.footer_branch strong {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    color: #024DA1;
    background: -webkit-gradient(linear, left top, right top, from(#024DA1), color-stop(50%, #0C6BAD), color-stop(90%, #024DA1));
    background: linear-gradient(to right, #024DA1 0%, #0C6BAD 50%, #024DA1 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer_logo {
    text-align: center
}

.footer_logo img {
    margin: auto auto 4px
}

.footer_copy {
    line-height: 1.5;
    color: #4f4f4f;
    opacity: .6;
    text-align: center;
    font-size: .5rem
}

.footer_txt {
    line-height: 1.78571;
    font-size: .875rem;
    color: #4f4f4f;
    text-align: center
}

.footer_information {
    margin-bottom: 30px
}

.footer_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 45px
}

.footer_social_item {
    width: 50px;
    height: 50px;
    margin: 0 10px
}

.footer_phone {
    line-height: 1.42857;
    margin-bottom: 6px;
    font-size: 1.3125rem;
    color: #024DA1;
    text-align: center
}

.footer_phone span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333
}

.footer_phone span:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url("img/icon-call.svg") no-repeat center;
    background-size: cover
}

.footer_ribbon {
    height: 55px;
    background: url("img/footer-ribbon.svg") repeat-x left bottom
}

.footer_mascot {
    position: absolute;
    top: -116px;
    left: 14px;
    width: 90px;
    background: url("img/mascot.png") no-repeat center;
    background-size: cover
}

.footer_mascot:before {
    content: '';
    display: block;
    padding-top: 188.88889%
}

@media (min-width: 1024px) {
    .footer:after {
        content:'';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        max-width: 1920px;
        height: 194px;
        background: #E7F3F5
    }

    .footer .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        z-index: 3;
        max-width: 1006px;
        padding-top: 20px;
        background: #e7f3f5
    }

    .footer_ribbon {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1920px;
        height: 224px;
        margin: auto auto -70px;
        background: url("img/footer-ribbon-lg.svg") repeat-x left top
    }

    .footer_brand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 354px;
        flex: 1 0 354px;
        max-width: 354px;
        margin-top: 5px
    }

    .footer_logo {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 208px;
        flex: 1 0 208px;
        max-width: 208px
    }

    .footer_logo img {
        margin: 0 0 4px
    }

    .footer_copy {
        text-align: left
    }

    .footer_social {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 116px;
        flex: 1 0 116px;
        max-width: 116px;
        position: relative;
        top: 2px
    }

    .footer_social_item {
        width: 30px;
        height: 30px;
        margin: 0 6px
    }

    .footer_social_item:first-child {
        margin-left: 0
    }

    .footer_social_item:last-child {
        margin-right: 0
    }

    .footer_information {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 546px;
        flex: 1 0 546px;
        max-width: 546px
    }

    .footer_branch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .footer_branch strong {
        margin-bottom: 0;
        font-size: 2.125rem
    }

    .footer_phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 18px
    }

    .footer_phone span {
        margin-left: 10px
    }

    .footer_txt {
        text-align: left
    }

    .footer_mascot {
        top: -212px;
        left: 72px;
        width: 161px
    }
}

@media (min-width: 1440px) {
    .footer .inner {
        max-width:1920px;
        padding: 20px 302px 85px 132px
    }
}

.page-column {
    padding: 0 24px
}

.page-column.\:one {
    width: 100%;
    max-width: 1280px;
    margin: auto
}

.page-column_cover {
    margin: 0 -24px
}

.page-column_content {
    padding-top: 30px
}

.page-column_content .form {
    margin-top: 2rem;
    margin-bottom: 140px
}

.page-column .btn-grp {
    margin-top: 30px;
    margin-bottom: 10px
}

.page-column-grp {
    margin-bottom: 30px
}

.page-column-grp:last-child {
    margin-bottom: 0
}

.page-column-grp .btn-grp {
    margin: 0
}

.page-title {
    position: relative;
    line-height: 1.16667;
    padding-bottom: 20px;
    font-size: 2.25rem;
    font-weight: 700;
    color: #024DA1
}

.page-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -5px;
    width: 172px;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(225,172,99,0)), color-stop(18.60465%, #E1AC63), color-stop(50%, #E1AC63), color-stop(81.39535%, #E1AC63), to(rgba(225,172,99,0)));
    background: linear-gradient(to right, rgba(225,172,99,0), #E1AC63 18.60465%, #E1AC63 50%, #E1AC63 81.39535%, rgba(225,172,99,0) 100%)
}

.page-subtitle {
    position: relative;
    line-height: 2.1;
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #024DA1
}

.page-subtitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 172px;
    height: 3px;
    margin-left: -86px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(225,172,99,0)), color-stop(18.60465%, #E1AC63), color-stop(50%, #E1AC63), color-stop(81.39535%, #E1AC63), to(rgba(225,172,99,0)));
    background: linear-gradient(to right, rgba(225,172,99,0), #E1AC63 18.60465%, #E1AC63 50%, #E1AC63 81.39535%, rgba(225,172,99,0) 100%)
}

.page-lead {
    width: 100%;
    max-width: 400px;
    max-height: 126px;
    line-height: 1.44444;
    overflow: hidden;
    margin-top: 28px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #1A5799
}

.page-container {
    width: 100%;
    max-width: 1368px;
    margin: 30px auto 0;
    padding: 0 24px
}

.page-container .article {
    padding: 0
}

@media (min-width: 1024px) {
    .page-column {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0
    }

    .page-column_cover {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 52.77778%;
        flex: 1 0 52.77778%;
        width: 52.77778%;
        max-width: 52.77778%;
        margin: 0
    }

    .page-column_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 47.22222%;
        max-width: 47.22222%;
        padding-left: 30px;
        padding-right: 30px
    }

    .page-column_content .form {
        margin-bottom: 0
    }

    .page-column .btn-grp {
        margin-top: 50px;
        margin-bottom: 32px
    }

    .page-column.\:one .page-column_content {
        padding-left: 24px;
        padding-right: 24px
    }

    .page-column-grp {
        margin-bottom: 0
    }

    .page-column-grp .btn-grp {
        margin: 0
    }

    .page-title {
        margin-top: 30px
    }

    .page-lead {
        font-size: 1.25rem
    }

    .page-container {
        margin-top: 56px
    }
}

@media (min-width: 1440px) {
    .page-column_content {
        padding-left:50px;
        padding-right: 50px
    }

    .page-column.\:one .page-column_content {
        padding-left: 24px;
        padding-right: 24px
    }

    .page-title {
        margin-top: 56px
    }

    .page-lead {
        line-height: 1.75;
        margin-top: 96px;
        font-size: 1.5rem
    }
}

.calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    color: #fff;
    background: #024DA1;
    text-align: center
}

.calendar_my {
    margin-bottom: 4px;
    line-height: 1;
    font-size: .6875rem;
    font-weight: 700
}

.calendar_day {
    line-height: 1;
    font-size: 2.1875rem;
    font-weight: 500
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article {
    width: 100%;
    max-width: 1368px;
    margin: auto
}

.trial-fixed {
    display: none;
    position: fixed;
    right: 30px;
    top: 306px;
    z-index: 500
}

@media (min-width: 1024px) {
    .trial-fixed {
        display:block
    }
}

@media (min-width: 1200px) {
    .trial-fixed {
        left:calc(50% + 50vw - 110px);
        right: auto
    }
}

html.windows body,html.windows .sp-lead,html.windows .special p,html.windows .share_txt {
    font-family: "Microsoft JhengHei","微軟正黑體",arial,Verdana,"新細明體",sans-serif;
    font-weight: 600
}

.special {
    position: relative
}

.special p {
    font-weight: 500
}

.sp-container {
    position: relative;
    z-index: 2;
    min-height: 100vh
}

.sp-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: no-repeat center top;
    background-size: cover;
    pointer-events: none
}

.sp-bg:before {
    content: '';
    display: block
}

.sp\:cow {
    margin-bottom: -180px;
    background: url("../img/sp-cow/mobile/bg.webp") repeat-y center top;
    background-size: 100%
}

.sp\:cow .sp-bg {
    background-image: url("../img/sp-cow/mobile/bg-bottom.webp")
}

.sp\:cow .sp-bg:before {
    padding-top: 239.8%
}

.sp\:cow .footer {
    margin-top: -75px
}

.sp\:cow .sp-kv {
    margin-bottom: 20px
}

.sharing {
    padding: 130px 10px 20px
}

.sharing_cover {
    position: absolute;
    top: -96px;
    left: 50%;
    width: 192px;
    border-radius: 50%;
    margin: 0 -96px;
    background: no-repeat center white;
    background-size: cover
}

.sharing_cover:before {
    content: '';
    display: block;
    padding-top: 100%
}

.sharing_body {
    position: relative;
    line-height: 1.6;
    padding: 120px 25px 25px;
    color: #A13B5F;
    border-radius: 16px;
    background: #E9D4C4;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15pxrgba(0,0,0,0.25);
    text-align: center;
    height: 370px;
}

.sharing_title {
    margin-bottom: 20px
}

.sp-box {
    position: relative;
    width: 80%;
    margin: 30px auto;
    border-radius: 16px;
    background: white;
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.24);
    box-shadow: 0 6px 10px rgba(0,0,0,0.24)
}

.sp-box:before {
    content: '';
    display: block;
    padding-top: 100%
}

.sp-box span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px
}

.sp-box span img {
    height: 100%
}

.sp-lead {
    line-height: 1.922;
    font-size: 18px;
    font-weight: 500;
    color: #024DA1
}

.sp-txt-sm {
    position: relative;
    width: 100%;
    max-width: 510px;
    margin: auto;
    padding-left: 36px;
    line-height: 1.28571;
    font-size: 14px;
    font-weight: 400;
    color: #585959
}
.sp-txt-sm_2 {
    position: relative;
    width: 100%;
    max-width: 510px;
    margin: auto;
    padding-left: 130px;
    line-height: 1.28571;
    font-size: 14px;
    font-weight: 400;
    color: #585959
}
.sp-txt-sm:before {
    content: '*註：';
    position: absolute;
    left: 0
}

.sp-tv {
    position: relative;
    width: 85.33333%;
    max-width: 910px;
    margin: 90px auto 30px
}

.sp-tv:before {
    content: '';
    display: block;
    padding-top: 62.5%
}

.sp-tv iframe,.sp-tv video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sp-tv_media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: white;
    -webkit-box-shadow: 0 0 26px rgba(0,0,0,0.25);
    box-shadow: 0 0 26px rgba(0,0,0,0.25)
}

.sp-tv_head {
    position: absolute;
    top: -31%;
    left: -20px;
    z-index: 2;
    width: 39.6875%;
    max-width: 288px;
    background: url("../img/sp-cow/headline.png") no-repeat center;
    background-size: cover
}

.sp-tv_head:before {
    content: '';
    display: block;
    padding-top: 59.84252%
}

@media (min-width: 768px) {
    .sp-tv_head {
        top:-11%;
        left: -9%
    }
}

.sp\:cow .swiper-slide {
    max-width: 308px
}

.sp\:cow .sharing {
    padding-top: 72px
}

.sp\:cow .sharing_cover {
    top: -48px;
    left: 16px;
    width: 96px;
    margin: 0
}

.sp\:cow .sharing_title {
    line-height: 1.5;
    color: #024DA1;
    font-weight: 700;
    font-size: 18px
}

.sp\:cow .sharing_body {
    height: 340px;
    padding-top: 64px;
    color: #585959;
    background: white
}

.sp\:cow .sharing_cite {
    color: black
}

.sp\:cow .sharing_txt {
    text-align: left
}
.sp-title{
    padding: 0 0 20px;
}
.sp-table{
    padding: 0 25px ;
}

.sp-banner{
    margin: 40px 0 0;
    padding: 0 25px ;
}
.sp-title-m{
    padding: 0 0 20px;
}

.sp-banner-m{
    padding: 0 0 20px;
}
.sp-section-m{
    font-size: 15px;
    margin: auto;
    text-align: left;
    padding: 25px;
    text-align: justify;
}
.sp-video{
    position: relative;
    width: 85.33333%;
    max-width: 910px;
    margin: 90px auto 30px;
}
.sp-video{
    width: 100%;
    
}
.sp-video_media video{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: white;
    -webkit-box-shadow: 0 0 26px rgba(0,0,0,0.25);
    box-shadow: 0 0 26px rgba(0,0,0,0.25)
}
@media (min-width: 768px) {
    .sp\:cow .body {
        background:url("../img/sp-cow/desktop/bg.webp") repeat-y center top;
        background-size: 100%
    }

    .sp\:cow .sp-bg {
        background-image: url("../img/sp-cow/desktop/bg-bottom.webp")
    }

    .sp\:cow .sp-bg:before {
        padding-top: 85.03497%
    }
}

@media (min-width: 1024px) {
    .sp\:cow .sp-container {
        padding-bottom:calc(100vw - 540px)
    }
}

@media (min-width: 1200px) {
    .sp\:cow .sp-container {
        padding-bottom:calc(100vw - 600px)
    }
}

@media (min-width: 1440px) {
    .sp\:cow .sp-container {
        padding-bottom:calc(100vw - 720px)
    }
}

@media (min-width: 1600px) {
    .sp\:cow .sp-container {
        padding-bottom:calc(100vw - 800px)
    }
}

.swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sp-product {
    margin: 20px 0;
    text-align: center
}

.sp-product_photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    margin: auto
}

.sp-product_title {
    line-height: 1.3;
    color: #024DA1;
    font-size: 18px;
    font-weight: 700;
    margin: 12px 0
}

.sp-product-swiper .swiper-slide {
    max-width: 210px
}

.sp-product-swiper .label {
    background: #024DA1
}

.sharing-swiper .swiper-slide {
    max-width: 308px
}

.share-grp {
    position: relative;
    width: 882px;
    margin: 220px auto 94px
}

.share-grp:before {
    content: '';
    position: absolute;
    top: -270px;
    left: 466px;
    z-index: 2;
    width: 420px;
    height: 444px;
    background: url("../img/sp-cow/desktop/momandkid.webp") no-repeat center;
    background-size: cover
}

.share-grp:after {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    border: 5px solid #E1AC63;
    border-radius: 68px
}

@media (min-width: 1300px) {
    .share-grp {
        width:1034px;
        margin: 150px auto 170px
    }

    .share-grp:before {
        top: -102px;
        left: auto;
        right: -88px
    }

    .share-grp:after {
        height: 450px
    }
}

.share_title {
    position: absolute;
    top: -74px;
    left: 40px;
    width: 367px;
    /* width: 328px */
}

@media (min-width: 1300px) {
    .share_title {
        top:-72px
    }
}

.share-item {
    position: absolute;
    z-index: 3;
    padding: 12px 25px 25px;
    background: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    border-radius: 30px;
    font-family: Roboto;
    will-change: transform, opacity
}

.share-item:nth-child(2),.share-item:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px)
}

.share-item:nth-child(1) {
    top: 9px;
    left: 424px;
    width: 480px
}

.share-item:nth-child(1) .share_avatar {
    background-image: url("../img/sp-cow/desktop/avatar1.webp")
}

.share-item:nth-child(2) {
    top: 142px;
    left: -30px;
    width: 434px
}

.share-item:nth-child(2) .share_avatar {
    background-image: url("../img/sp-cow/desktop/avatar2.webp")
}

.share-item:nth-child(3) {
    top: 263px;
    left: 424px;
    width: 432px
}

.share-item:nth-child(3) .share_avatar {
    background-image: url("../img/sp-cow/desktop/avatar3.webp")
}

@media (min-width: 1300px) {
    .share-item:nth-child(1) {
        top:167px;
        left: auto;
        right: -70px;
        width: 514px
    }

    .share-item:nth-child(2) {
        top: 103px;
        left: -109px;
        width: 514px
    }

    .share-item:nth-child(3) {
        top: 346px;
        left: 43px;
        width: 514px
    }
}

.share_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    margin-top: -30px
}

.share_caption {
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #024DA1
}

.share_info {
    padding-left: 20px
}

@media (min-width: 1300px) {
    .share_info {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.share_avatar {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 120px;
    flex: 1 0 120px;
    max-width: 120px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: no-repeat center gray;
    background-size: cover
}

@media screen and (min-width: 1300px) {
    .share_avatar {
        -webkit-box-flex:1;
        -ms-flex: 1 0 104px;
        flex: 1 0 104px;
        max-width: 104px;
        width: 104px;
        height: 104px
    }
}

.share_author {
    font-size: 18px;
    line-height: 21px;
    color: black
}

.share_body {
    margin: 8px 0 0
}

.share_txt {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #585959
}

.sp\:about {
    background: #aec7e2
}

@media (min-width: 1024px) {
    .sp\:about .footer {
        margin-top:-70px
    }
}

.sp-section {
    margin: auto;
    padding: 30px 20px
}

.sp-section1-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1114px;
    margin: auto
}

.sp-section1-col:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 38.06104%;
    flex: 1 0 38.06104%;
    max-width: 424px
}

.sp-section1-col:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 52.1544%;
    flex: 1 0 52.1544%;
    width: 52.1544%;
    max-width: 581px
}

.sp-section1-col p {
    padding: 0 10px
}

.sp-section2-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 982px;
    margin: 0 auto 30px
}

.sp-section2-row h4 {
    margin-bottom: 36px;
    line-height: 1.32;
    font-size: 16px;
    font-weight: 600;
    color: #024DA1;
    text-align: center
}

.sp-section2-row img {
    margin: auto
}

.sp-section2-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 46.84318%;
    flex: 1 0 46.84318%;
    width: 46.84318%;
    max-width: 460px;
    padding: 36px 36px 26px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    text-align: center
}

.about {
    position: relative;
    background: url("../img/sp-about/desktop/bg.webp") no-repeat center top;
    background-size: cover
}

.about:before {
    content: '';
    display: block;
    position: relative;
    z-index: 1;
    padding-top: 172.22222%
}

.about_title {
    margin-bottom: 10px;
    font-size: 64px;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 300;
    line-height: 1.11111;
    color: #0657A5;
    text-transform: uppercase
}

.about_title_inner {
    display: inline-block
}

.about_title_inner:after {
    content: '';
    display: block;
    width: 96%;
    height: 3px;
    margin: 16px 2%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(225,172,99,0)), color-stop(10%, #E1AC63), color-stop(90%, #E1AC63), to(rgba(225,172,99,0)));
    background: linear-gradient(to right, rgba(225,172,99,0) 0%, #E1AC63 10%, #E1AC63 90%, rgba(225,172,99,0) 100%)
}

@media (min-width: 1440px) {
    .about_title {
        font-size:72px
    }

    .about_title_inner:after {
        margin: 20px 2%
    }
}

.about_subtitle {
    margin-bottom: 24px;
    font-size: 32px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 1.467;
    color: #3A83B5
}

.about_subtitle strong {
    display: block;
    font-weight: 700
}

@media (min-width: 1440px) {
    .about_subtitle {
        margin-bottom:30px;
        font-size: 40px
    }
}

.about_txt {
    line-height: 1.77778;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

@media (min-width: 1440px) {
    .about_txt {
        font-size:18px
    }
}

.about_box {
    position: absolute;
    top: 0;
    z-index: 2;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    will-change: opacity, transform
}

.about_box.active {
    -webkit-transition: .7s ease-out;
    transition: .7s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.about_box.active.\:card {
    opacity: 0.9
}

.about_box.\:card {
    padding: 30px;
    border-radius: 0 80px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(54.17%, rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.5) 54.17%, rgba(255,255,255,0) 100%)
}

.about_box:nth-child(1) {
    top: -5.72581%;
    left: 7.22222%;
    width: 42.77778%
}

.about_box:nth-child(2) {
    top: 22.8629%;
    left: 53.88889%;
    width: 36.11111%
}

.about_box:nth-child(3) {
    top: 49.27419%;
    left: 12.08333%;
    width: 27.77778%
}

.about_box:nth-child(4) {
    top: 73.99194%;
    left: 53.95833%;
    width: 36.11111%
}

.share-list.active .share-item:nth-child(2),.share-list.active .share-item:nth-child(3) {
    -webkit-transition: .7s ease-out;
    transition: .7s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.section-sheep {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: auto;
    color: #585959;
    background: no-repeat center top
}

.section-sheep-1 {
    height: 1380px;
    background-image: url("../img/sp-sheep/desktop/section-1-bg.png")
}

.section-sheep-1 .sheep-block {
    position: absolute;
    top: 810px;
    left: 9.72222%
}

.section-sheep-2 {
    height: 1970px;
    padding-top: 70px;
    background-image: url("../img/sp-sheep/desktop/section-2-bg.png");
    text-align: center
}

.section-sheep-2 .sheep-label {
    width: 440px
}

.section-sheep-2 .sheep-title {
    margin-bottom: 90px
}

.section-sheep-2 img {
    margin: auto
}

.section-sheep-3 {
    min-height: initial;
    padding-top: 55px;
    padding-bottom: 70px;
    text-align: center;
    /* background: url("../img/sp-sheep/desktop/section-3-bg.png") no-repeat left top white */
    background: url("../img/sp-sheep/desktop/section-3-bg.png") no-repeat right top white;
}

.section-sheep-3 .sheep-block {
    margin-bottom: 190px
}

.section-sheep-3 .sheep-block:last-child {
    margin-bottom: 0
}

.section-sheep-4 {
    height: 912px;
    padding-top: 90px;
    padding-left: 12.5%;
    background-image: url("../img/sp-sheep/desktop/section-4-bg.png")
}

.section-sheep-4 .sheep-txt {
    color: #865D29
}

.section-sheep-5 {
    padding: 40px 0 180px;
    text-align: center
}

.sheep-label {
    display: inline-block;
    line-height: 1.5;
    padding: 12px 26px;
    border: 1px solid #585959;
    border-radius: 20px;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.sheep-title {
    line-height: 1.2;
    font-size: 40px;
    color: #A13B5F;
    margin-bottom: 20px;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.25)
}

.sheep-subtitle {
    margin-bottom: 8px
}

.sheep-lead {
    line-height: 1.16667;
    font-size: 24px;
    margin-bottom: 30px;
    color: #865D29
}

.sheep-txt {
    line-height: 1.46;
    font-size: 18px
}

.sheep-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px
}

.sheep-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 48.62069%;
    flex: 1 0 48.62069%;
    width: 48.62069%;
    max-width: 48.62069%;
    height: 558px;
    padding: 40px 36px;
    border-radius: 36px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25)
}

@media (min-width: 1200px) {
    .sheep-col {
        max-width:564px
    }
}

.sheep-col p {
    padding-top: 28px;
    line-height: 1.16667;
    font-size: 18px;
    border-top: 1px solid rgba(0,0,0,0.37);
    margin-top: 30px
}

.sheep-col:only-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 1160px;
    height: auto;
    padding: 24px 72px 22px 58px
}

.sheep-box {
    margin-bottom: 100px
}

.sheep-box:last-child {
    margin-bottom: 0
}

.sheep-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 992px;
    margin: 200px auto 0
}

@media screen and (min-width: 1200px) {
    .sheep-cards {
        margin:auto 0 auto calc(100% - 992px)
    }
}

@media (min-width: 1376px) {
    .sheep-cards {
        max-width:1033px;
        margin-left: 20px;
        /* margin-left: calc(100% - 1090px) */
    }
}

.sheep-card {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333% - 16px);
    flex: 1 1 calc(33.3333% - 16px);
    width: calc(33.3333% - 16px);
    max-width: 317px;
    height: 190px;
    padding: 12px;
    margin: 8px;
    border-radius: 48px 0 48px 0;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.25),inset 0 0 0 11px #fff,inset 0 0 0 12px #E1AC63;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25),inset 0 0 0 11px #fff,inset 0 0 0 12px #E1AC63
}

.sheep-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 62px;
    border-radius: 48px 0 72px 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-119.43%, #B074C5), color-stop(-44.36%, #6EBEB6), color-stop(97.55%, #5FAAC4), color-stop(251.66%, #4E90CD));
    background: linear-gradient(180deg, #B074C5 -119.43%, #6EBEB6 -44.36%, #5FAAC4 97.55%, #4E90CD 251.66%)
}

.sheep-card:nth-child(3) ~ .sheep-card:before,.sheep-card:nth-child(3) ~ .sheep-card .sheep-card-title {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-106.52%, #E62A8A), color-stop(261.35%, #4D2C8D));
    background: linear-gradient(180deg, #E62A8A -106.52%, #4D2C8D 261.35%)
}

.sheep-card-title {
    display: block;
    width: 180px;
    margin: 18px auto 12px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-119.43%, #B074C5), color-stop(-44.36%, #6EBEB6), color-stop(97.55%, #5FAAC4), color-stop(251.66%, #4E90CD));
    background: linear-gradient(180deg, #B074C5 -119.43%, #6EBEB6 -44.36%, #5FAAC4 97.55%, #4E90CD 251.66%);
    border-radius: 24px
}

.sheep-card p {
    line-height: 1.16667;
    font-size: 18px;
    color: #865D29
}

@media (min-width: 1376px) {
    .sheep-card:nth-child(3) ~ .sheep-card {
        -webkit-transform:translateX(48px);
        transform: translateX(48px)
    }
}

html.windows .about_title,html.windows .about_subtitle,html.windows .about_txt {
    font-family: Arial, "微軟正黑體", "Microsoft JhengHei", Verdana, "新細明體", sans-serif
}

html.windows .about_title {
    font-weight: 400
}

html.windows .about_subtitle,html.windows .about_txt,html.windows .btn,html.windows .footer_txt {
    font-weight: 600
}
@media (max-width: 768px) {
    .sp-video {
        position: relative;
        width: 100%;
        max-width: 910px;
        margin: 0 auto;
    }
}
/*# sourceMappingURL=special.css.map */