@font-face {
    font-family: "Quadrat Serial";
    src: url(../fonts/quadrat_serial.woff2);
}

html {
    box-sizing: border-box
}

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

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

body {
    margin: 0
}

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

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

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

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,html:not(.touch) a:hover {
    outline: 0
}

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

button:-moz-focusring {
    outline-style: dotted;
    outline-offset: 0;
    outline-color: #fff;
    outline-width: 1px
}

button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    text-align: left;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none
}

button,select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

body {
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1,"kern";
    font-kerning: normal
}

.fontFamily-semplicita {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif
}

.fontFamily-semplicita.zh-cn,.zh-cn .fontFamily-semplicita {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.fontFamily-semplicita.ko-kr,.ko-kr .fontFamily-semplicita {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.fontFamily-semplicita.ru-ru,.ru-ru .fontFamily-semplicita {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.fontFamily-semplicita.zh-tw,.zh-tw .fontFamily-semplicita {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.fontFamily-blizzard {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.fontFamily-blizzard.zh-cn,.zh-cn .fontFamily-blizzard {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.fontFamily-blizzard.ko-kr,.ko-kr .fontFamily-blizzard {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.fontFamily-blizzard.ru-ru,.ru-ru .fontFamily-blizzard {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.fontFamily-blizzard.zh-tw,.zh-tw .fontFamily-blizzard {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.fontFamily-quadrata {
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif
}

.fontFamily-quadrata.zh-cn,.zh-cn .fontFamily-quadrata {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.fontFamily-quadrata.ko-kr,.ko-kr .fontFamily-quadrata {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.fontFamily-quadrata.ru-ru,.ru-ru .fontFamily-quadrata {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.fontFamily-quadrata.zh-tw,.zh-tw .fontFamily-quadrata {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.fontStyle-italic {
    font-style: italic
}

.font-none {
    font-size: 0;
    line-height: 0
}

.font-sup {
    color: #cacaca;
    text-transform: uppercase;
    display: inline-block;
    font-size: 9px;
    margin-left: .25em
}

.font-legalmark {
    font-size: .7em;
    position: relative;
    top: -.4em
}

html:not(.touch) .font-link:hover {
    text-decoration: underline
}

.font-link[disabled] {
    cursor: default;
    opacity: .5
}

.fontWeight-bold {
    font-weight: 700
}

.fontWeight-light,.fontWeight-normal {
    font-weight: 400
}

.letter-spacing-huge {
    letter-spacing: 7px
}

.letter-spacing-large {
    letter-spacing: 6px
}

.letter-spacing-medium {
    letter-spacing: 4px
}

.letter-spacing-normal {
    letter-spacing: 3px
}

.letter-spacing-small {
    letter-spacing: 2px
}

.letter-spacing-tiny {
    letter-spacing: 1px
}

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

@media (min-width: 720px) {
    .font-size-xxSmall {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-size-xxSmall {
        font-size:1rem
    }
}

.font-semp-xxSmall-darkBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-darkBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-darkBeige {
        font-size:1rem
    }
}

.font-semp-xxSmall-darkBeige.zh-cn,.zh-cn .font-semp-xxSmall-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-darkBeige.ko-kr,.ko-kr .font-semp-xxSmall-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-darkBeige.ru-ru,.ru-ru .font-semp-xxSmall-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-darkBeige.zh-tw,.zh-tw .font-semp-xxSmall-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-mediumBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-mediumBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-mediumBeige {
        font-size:1rem
    }
}

.font-semp-xxSmall-mediumBeige.zh-cn,.zh-cn .font-semp-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-mediumBeige.ko-kr,.ko-kr .font-semp-xxSmall-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-mediumBeige.ru-ru,.ru-ru .font-semp-xxSmall-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-mediumBeige.zh-tw,.zh-tw .font-semp-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-beige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-beige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-beige {
        font-size:1rem
    }
}

.font-semp-xxSmall-beige.zh-cn,.zh-cn .font-semp-xxSmall-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-beige.ko-kr,.ko-kr .font-semp-xxSmall-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-beige.ru-ru,.ru-ru .font-semp-xxSmall-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-beige.zh-tw,.zh-tw .font-semp-xxSmall-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-lightBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-lightBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-lightBeige {
        font-size:1rem
    }
}

.font-semp-xxSmall-lightBeige.zh-cn,.zh-cn .font-semp-xxSmall-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-lightBeige.ko-kr,.ko-kr .font-semp-xxSmall-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-lightBeige.ru-ru,.ru-ru .font-semp-xxSmall-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-lightBeige.zh-tw,.zh-tw .font-semp-xxSmall-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-blue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-blue {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-blue {
        font-size:1rem
    }
}

.font-semp-xxSmall-blue.zh-cn,.zh-cn .font-semp-xxSmall-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-blue.ko-kr,.ko-kr .font-semp-xxSmall-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-blue.ru-ru,.ru-ru .font-semp-xxSmall-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-blue.zh-tw,.zh-tw .font-semp-xxSmall-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-lightBlue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-lightBlue {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-lightBlue {
        font-size:1rem
    }
}

.font-semp-xxSmall-lightBlue.zh-cn,.zh-cn .font-semp-xxSmall-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-lightBlue.ko-kr,.ko-kr .font-semp-xxSmall-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-lightBlue.ru-ru,.ru-ru .font-semp-xxSmall-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-lightBlue.zh-tw,.zh-tw .font-semp-xxSmall-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-red {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-red {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-red {
        font-size:1rem
    }
}

.font-semp-xxSmall-red.zh-cn,.zh-cn .font-semp-xxSmall-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-red.ko-kr,.ko-kr .font-semp-xxSmall-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-red.ru-ru,.ru-ru .font-semp-xxSmall-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-red.zh-tw,.zh-tw .font-semp-xxSmall-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-mediumGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-mediumGreen {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-mediumGreen {
        font-size:1rem
    }
}

.font-semp-xxSmall-mediumGreen.zh-cn,.zh-cn .font-semp-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-mediumGreen.ko-kr,.ko-kr .font-semp-xxSmall-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-mediumGreen.ru-ru,.ru-ru .font-semp-xxSmall-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-mediumGreen.zh-tw,.zh-tw .font-semp-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-lightGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-lightGreen {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-lightGreen {
        font-size:1rem
    }
}

.font-semp-xxSmall-lightGreen.zh-cn,.zh-cn .font-semp-xxSmall-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-lightGreen.ko-kr,.ko-kr .font-semp-xxSmall-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-lightGreen.ru-ru,.ru-ru .font-semp-xxSmall-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-lightGreen.zh-tw,.zh-tw .font-semp-xxSmall-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-darkBrown {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-darkBrown {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-darkBrown {
        font-size:1rem
    }
}

.font-semp-xxSmall-darkBrown.zh-cn,.zh-cn .font-semp-xxSmall-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-darkBrown.ko-kr,.ko-kr .font-semp-xxSmall-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-darkBrown.ru-ru,.ru-ru .font-semp-xxSmall-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-darkBrown.zh-tw,.zh-tw .font-semp-xxSmall-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-mediumGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-mediumGold {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-mediumGold {
        font-size:1rem
    }
}

.font-semp-xxSmall-mediumGold.zh-cn,.zh-cn .font-semp-xxSmall-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-mediumGold.ko-kr,.ko-kr .font-semp-xxSmall-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-mediumGold.ru-ru,.ru-ru .font-semp-xxSmall-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-mediumGold.zh-tw,.zh-tw .font-semp-xxSmall-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-lightGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-lightGold {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-lightGold {
        font-size:1rem
    }
}

.font-semp-xxSmall-lightGold.zh-cn,.zh-cn .font-semp-xxSmall-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-lightGold.ko-kr,.ko-kr .font-semp-xxSmall-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-lightGold.ru-ru,.ru-ru .font-semp-xxSmall-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-lightGold.zh-tw,.zh-tw .font-semp-xxSmall-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-lightOrange {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-lightOrange {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-lightOrange {
        font-size:1rem
    }
}

.font-semp-xxSmall-lightOrange.zh-cn,.zh-cn .font-semp-xxSmall-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-lightOrange.ko-kr,.ko-kr .font-semp-xxSmall-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-lightOrange.ru-ru,.ru-ru .font-semp-xxSmall-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-lightOrange.zh-tw,.zh-tw .font-semp-xxSmall-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-black {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-black {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-black {
        font-size:1rem
    }
}

.font-semp-xxSmall-black.zh-cn,.zh-cn .font-semp-xxSmall-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-black.ko-kr,.ko-kr .font-semp-xxSmall-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-black.ru-ru,.ru-ru .font-semp-xxSmall-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-black.zh-tw,.zh-tw .font-semp-xxSmall-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-darkGray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-darkGray {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-darkGray {
        font-size:1rem
    }
}

.font-semp-xxSmall-darkGray.zh-cn,.zh-cn .font-semp-xxSmall-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-darkGray.ko-kr,.ko-kr .font-semp-xxSmall-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-darkGray.ru-ru,.ru-ru .font-semp-xxSmall-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-darkGray.zh-tw,.zh-tw .font-semp-xxSmall-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-gray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-gray {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-gray {
        font-size:1rem
    }
}

.font-semp-xxSmall-gray.zh-cn,.zh-cn .font-semp-xxSmall-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-gray.ko-kr,.ko-kr .font-semp-xxSmall-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-gray.ru-ru,.ru-ru .font-semp-xxSmall-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-gray.zh-tw,.zh-tw .font-semp-xxSmall-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-silver {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-silver {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-silver {
        font-size:1rem
    }
}

.font-semp-xxSmall-silver.zh-cn,.zh-cn .font-semp-xxSmall-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-silver.ko-kr,.ko-kr .font-semp-xxSmall-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-silver.ru-ru,.ru-ru .font-semp-xxSmall-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-silver.zh-tw,.zh-tw .font-semp-xxSmall-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxSmall-white {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxSmall-white {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxSmall-white {
        font-size:1rem
    }
}

.font-semp-xxSmall-white.zh-cn,.zh-cn .font-semp-xxSmall-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxSmall-white.ko-kr,.ko-kr .font-semp-xxSmall-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxSmall-white.ru-ru,.ru-ru .font-semp-xxSmall-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxSmall-white.zh-tw,.zh-tw .font-semp-xxSmall-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-darkBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-darkBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-darkBeige {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-darkBeige.zh-cn,.zh-cn .font-bliz-light-xxSmall-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-darkBeige.ko-kr,.ko-kr .font-bliz-light-xxSmall-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-darkBeige.ru-ru,.ru-ru .font-bliz-light-xxSmall-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-darkBeige.zh-tw,.zh-tw .font-bliz-light-xxSmall-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-mediumBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-mediumBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-mediumBeige {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-mediumBeige.zh-cn,.zh-cn .font-bliz-light-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-mediumBeige.ko-kr,.ko-kr .font-bliz-light-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-mediumBeige.ru-ru,.ru-ru .font-bliz-light-xxSmall-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-mediumBeige.zh-tw,.zh-tw .font-bliz-light-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-beige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-beige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-beige {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-beige.zh-cn,.zh-cn .font-bliz-light-xxSmall-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-beige.ko-kr,.ko-kr .font-bliz-light-xxSmall-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-beige.ru-ru,.ru-ru .font-bliz-light-xxSmall-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-beige.zh-tw,.zh-tw .font-bliz-light-xxSmall-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-lightBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-lightBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-lightBeige {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-lightBeige.zh-cn,.zh-cn .font-bliz-light-xxSmall-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-lightBeige.ko-kr,.ko-kr .font-bliz-light-xxSmall-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-lightBeige.ru-ru,.ru-ru .font-bliz-light-xxSmall-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-lightBeige.zh-tw,.zh-tw .font-bliz-light-xxSmall-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-blue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-blue {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-blue {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-blue.zh-cn,.zh-cn .font-bliz-light-xxSmall-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-blue.ko-kr,.ko-kr .font-bliz-light-xxSmall-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-blue.ru-ru,.ru-ru .font-bliz-light-xxSmall-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-blue.zh-tw,.zh-tw .font-bliz-light-xxSmall-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-lightBlue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-lightBlue {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-lightBlue {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-lightBlue.zh-cn,.zh-cn .font-bliz-light-xxSmall-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-lightBlue.ko-kr,.ko-kr .font-bliz-light-xxSmall-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-lightBlue.ru-ru,.ru-ru .font-bliz-light-xxSmall-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-lightBlue.zh-tw,.zh-tw .font-bliz-light-xxSmall-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-red {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-red {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-red {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-red.zh-cn,.zh-cn .font-bliz-light-xxSmall-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-red.ko-kr,.ko-kr .font-bliz-light-xxSmall-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-red.ru-ru,.ru-ru .font-bliz-light-xxSmall-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-red.zh-tw,.zh-tw .font-bliz-light-xxSmall-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-mediumGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-mediumGreen {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-mediumGreen {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-mediumGreen.zh-cn,.zh-cn .font-bliz-light-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-mediumGreen.ko-kr,.ko-kr .font-bliz-light-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-mediumGreen.ru-ru,.ru-ru .font-bliz-light-xxSmall-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-mediumGreen.zh-tw,.zh-tw .font-bliz-light-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-lightGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-lightGreen {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-lightGreen {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-lightGreen.zh-cn,.zh-cn .font-bliz-light-xxSmall-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-lightGreen.ko-kr,.ko-kr .font-bliz-light-xxSmall-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-lightGreen.ru-ru,.ru-ru .font-bliz-light-xxSmall-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-lightGreen.zh-tw,.zh-tw .font-bliz-light-xxSmall-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-darkBrown {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-darkBrown {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-darkBrown {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-darkBrown.zh-cn,.zh-cn .font-bliz-light-xxSmall-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-darkBrown.ko-kr,.ko-kr .font-bliz-light-xxSmall-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-darkBrown.ru-ru,.ru-ru .font-bliz-light-xxSmall-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-darkBrown.zh-tw,.zh-tw .font-bliz-light-xxSmall-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-mediumGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-mediumGold {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-mediumGold {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-mediumGold.zh-cn,.zh-cn .font-bliz-light-xxSmall-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-mediumGold.ko-kr,.ko-kr .font-bliz-light-xxSmall-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-mediumGold.ru-ru,.ru-ru .font-bliz-light-xxSmall-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-mediumGold.zh-tw,.zh-tw .font-bliz-light-xxSmall-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-lightGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-lightGold {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-lightGold {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-lightGold.zh-cn,.zh-cn .font-bliz-light-xxSmall-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-lightGold.ko-kr,.ko-kr .font-bliz-light-xxSmall-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-lightGold.ru-ru,.ru-ru .font-bliz-light-xxSmall-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-lightGold.zh-tw,.zh-tw .font-bliz-light-xxSmall-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-lightOrange {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-lightOrange {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-lightOrange {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-lightOrange.zh-cn,.zh-cn .font-bliz-light-xxSmall-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-lightOrange.ko-kr,.ko-kr .font-bliz-light-xxSmall-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-lightOrange.ru-ru,.ru-ru .font-bliz-light-xxSmall-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-lightOrange.zh-tw,.zh-tw .font-bliz-light-xxSmall-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-black {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-black {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-black {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-black.zh-cn,.zh-cn .font-bliz-light-xxSmall-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-black.ko-kr,.ko-kr .font-bliz-light-xxSmall-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-black.ru-ru,.ru-ru .font-bliz-light-xxSmall-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-black.zh-tw,.zh-tw .font-bliz-light-xxSmall-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-darkGray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-darkGray {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-darkGray {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-darkGray.zh-cn,.zh-cn .font-bliz-light-xxSmall-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-darkGray.ko-kr,.ko-kr .font-bliz-light-xxSmall-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-darkGray.ru-ru,.ru-ru .font-bliz-light-xxSmall-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-darkGray.zh-tw,.zh-tw .font-bliz-light-xxSmall-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-gray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-gray {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-gray {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-gray.zh-cn,.zh-cn .font-bliz-light-xxSmall-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-gray.ko-kr,.ko-kr .font-bliz-light-xxSmall-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-gray.ru-ru,.ru-ru .font-bliz-light-xxSmall-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-gray.zh-tw,.zh-tw .font-bliz-light-xxSmall-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-silver {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-silver {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-silver {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-silver.zh-cn,.zh-cn .font-bliz-light-xxSmall-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-silver.ko-kr,.ko-kr .font-bliz-light-xxSmall-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-silver.ru-ru,.ru-ru .font-bliz-light-xxSmall-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-silver.zh-tw,.zh-tw .font-bliz-light-xxSmall-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxSmall-white {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxSmall-white {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxSmall-white {
        font-size:1rem
    }
}

.font-bliz-light-xxSmall-white.zh-cn,.zh-cn .font-bliz-light-xxSmall-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxSmall-white.ko-kr,.ko-kr .font-bliz-light-xxSmall-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxSmall-white.ru-ru,.ru-ru .font-bliz-light-xxSmall-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxSmall-white.zh-tw,.zh-tw .font-bliz-light-xxSmall-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-darkBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-darkBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-darkBeige {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-darkBeige.zh-cn,.zh-cn .font-quadrata-xxSmall-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-darkBeige.ko-kr,.ko-kr .font-quadrata-xxSmall-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-darkBeige.ru-ru,.ru-ru .font-quadrata-xxSmall-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-darkBeige.zh-tw,.zh-tw .font-quadrata-xxSmall-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-mediumBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-mediumBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-mediumBeige {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-mediumBeige.zh-cn,.zh-cn .font-quadrata-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-mediumBeige.ko-kr,.ko-kr .font-quadrata-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-mediumBeige.ru-ru,.ru-ru .font-quadrata-xxSmall-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-mediumBeige.zh-tw,.zh-tw .font-quadrata-xxSmall-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-beige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-beige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-beige {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-beige.zh-cn,.zh-cn .font-quadrata-xxSmall-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-beige.ko-kr,.ko-kr .font-quadrata-xxSmall-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-beige.ru-ru,.ru-ru .font-quadrata-xxSmall-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-beige.zh-tw,.zh-tw .font-quadrata-xxSmall-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-lightBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-lightBeige {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-lightBeige {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-lightBeige.zh-cn,.zh-cn .font-quadrata-xxSmall-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-lightBeige.ko-kr,.ko-kr .font-quadrata-xxSmall-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-lightBeige.ru-ru,.ru-ru .font-quadrata-xxSmall-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-lightBeige.zh-tw,.zh-tw .font-quadrata-xxSmall-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-blue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-blue {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-blue {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-blue.zh-cn,.zh-cn .font-quadrata-xxSmall-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-blue.ko-kr,.ko-kr .font-quadrata-xxSmall-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-blue.ru-ru,.ru-ru .font-quadrata-xxSmall-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-blue.zh-tw,.zh-tw .font-quadrata-xxSmall-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-lightBlue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-lightBlue {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-lightBlue {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-lightBlue.zh-cn,.zh-cn .font-quadrata-xxSmall-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-lightBlue.ko-kr,.ko-kr .font-quadrata-xxSmall-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-lightBlue.ru-ru,.ru-ru .font-quadrata-xxSmall-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-lightBlue.zh-tw,.zh-tw .font-quadrata-xxSmall-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-red {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-red {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-red {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-red.zh-cn,.zh-cn .font-quadrata-xxSmall-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-red.ko-kr,.ko-kr .font-quadrata-xxSmall-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-red.ru-ru,.ru-ru .font-quadrata-xxSmall-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-red.zh-tw,.zh-tw .font-quadrata-xxSmall-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-mediumGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-mediumGreen {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-mediumGreen {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-mediumGreen.zh-cn,.zh-cn .font-quadrata-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-mediumGreen.ko-kr,.ko-kr .font-quadrata-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-mediumGreen.ru-ru,.ru-ru .font-quadrata-xxSmall-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-mediumGreen.zh-tw,.zh-tw .font-quadrata-xxSmall-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-lightGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-lightGreen {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-lightGreen {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-lightGreen.zh-cn,.zh-cn .font-quadrata-xxSmall-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-lightGreen.ko-kr,.ko-kr .font-quadrata-xxSmall-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-lightGreen.ru-ru,.ru-ru .font-quadrata-xxSmall-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-lightGreen.zh-tw,.zh-tw .font-quadrata-xxSmall-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-darkBrown {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-darkBrown {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-darkBrown {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-darkBrown.zh-cn,.zh-cn .font-quadrata-xxSmall-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-darkBrown.ko-kr,.ko-kr .font-quadrata-xxSmall-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-darkBrown.ru-ru,.ru-ru .font-quadrata-xxSmall-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-darkBrown.zh-tw,.zh-tw .font-quadrata-xxSmall-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-mediumGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-mediumGold {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-mediumGold {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-mediumGold.zh-cn,.zh-cn .font-quadrata-xxSmall-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-mediumGold.ko-kr,.ko-kr .font-quadrata-xxSmall-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-mediumGold.ru-ru,.ru-ru .font-quadrata-xxSmall-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-mediumGold.zh-tw,.zh-tw .font-quadrata-xxSmall-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-lightGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-lightGold {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-lightGold {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-lightGold.zh-cn,.zh-cn .font-quadrata-xxSmall-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-lightGold.ko-kr,.ko-kr .font-quadrata-xxSmall-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-lightGold.ru-ru,.ru-ru .font-quadrata-xxSmall-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-lightGold.zh-tw,.zh-tw .font-quadrata-xxSmall-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-lightOrange {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-lightOrange {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-lightOrange {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-lightOrange.zh-cn,.zh-cn .font-quadrata-xxSmall-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-lightOrange.ko-kr,.ko-kr .font-quadrata-xxSmall-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-lightOrange.ru-ru,.ru-ru .font-quadrata-xxSmall-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-lightOrange.zh-tw,.zh-tw .font-quadrata-xxSmall-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-black {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-black {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-black {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-black.zh-cn,.zh-cn .font-quadrata-xxSmall-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-black.ko-kr,.ko-kr .font-quadrata-xxSmall-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-black.ru-ru,.ru-ru .font-quadrata-xxSmall-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-black.zh-tw,.zh-tw .font-quadrata-xxSmall-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-darkGray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-darkGray {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-darkGray {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-darkGray.zh-cn,.zh-cn .font-quadrata-xxSmall-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-darkGray.ko-kr,.ko-kr .font-quadrata-xxSmall-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-darkGray.ru-ru,.ru-ru .font-quadrata-xxSmall-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-darkGray.zh-tw,.zh-tw .font-quadrata-xxSmall-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-gray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-gray {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-gray {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-gray.zh-cn,.zh-cn .font-quadrata-xxSmall-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-gray.ko-kr,.ko-kr .font-quadrata-xxSmall-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-gray.ru-ru,.ru-ru .font-quadrata-xxSmall-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-gray.zh-tw,.zh-tw .font-quadrata-xxSmall-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-silver {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-silver {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-silver {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-silver.zh-cn,.zh-cn .font-quadrata-xxSmall-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-silver.ko-kr,.ko-kr .font-quadrata-xxSmall-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-silver.ru-ru,.ru-ru .font-quadrata-xxSmall-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-silver.zh-tw,.zh-tw .font-quadrata-xxSmall-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxSmall-white {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-xxSmall-white {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxSmall-white {
        font-size:1rem
    }
}

.font-quadrata-xxSmall-white.zh-cn,.zh-cn .font-quadrata-xxSmall-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxSmall-white.ko-kr,.ko-kr .font-quadrata-xxSmall-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxSmall-white.ru-ru,.ru-ru .font-quadrata-xxSmall-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxSmall-white.zh-tw,.zh-tw .font-quadrata-xxSmall-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-xSmall {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-size-xSmall {
        font-size:1.2rem
    }
}

.font-semp-xSmall-darkBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-darkBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-darkBeige {
        font-size:1.2rem
    }
}

.font-semp-xSmall-darkBeige.zh-cn,.zh-cn .font-semp-xSmall-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-darkBeige.ko-kr,.ko-kr .font-semp-xSmall-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-darkBeige.ru-ru,.ru-ru .font-semp-xSmall-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-darkBeige.zh-tw,.zh-tw .font-semp-xSmall-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-mediumBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-mediumBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-mediumBeige {
        font-size:1.2rem
    }
}

.font-semp-xSmall-mediumBeige.zh-cn,.zh-cn .font-semp-xSmall-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-mediumBeige.ko-kr,.ko-kr .font-semp-xSmall-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-mediumBeige.ru-ru,.ru-ru .font-semp-xSmall-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-mediumBeige.zh-tw,.zh-tw .font-semp-xSmall-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-beige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-beige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-beige {
        font-size:1.2rem
    }
}

.font-semp-xSmall-beige.zh-cn,.zh-cn .font-semp-xSmall-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-beige.ko-kr,.ko-kr .font-semp-xSmall-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-beige.ru-ru,.ru-ru .font-semp-xSmall-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-beige.zh-tw,.zh-tw .font-semp-xSmall-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-lightBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-lightBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-lightBeige {
        font-size:1.2rem
    }
}

.font-semp-xSmall-lightBeige.zh-cn,.zh-cn .font-semp-xSmall-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-lightBeige.ko-kr,.ko-kr .font-semp-xSmall-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-lightBeige.ru-ru,.ru-ru .font-semp-xSmall-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-lightBeige.zh-tw,.zh-tw .font-semp-xSmall-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-blue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-blue {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-blue {
        font-size:1.2rem
    }
}

.font-semp-xSmall-blue.zh-cn,.zh-cn .font-semp-xSmall-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-blue.ko-kr,.ko-kr .font-semp-xSmall-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-blue.ru-ru,.ru-ru .font-semp-xSmall-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-blue.zh-tw,.zh-tw .font-semp-xSmall-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-lightBlue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-lightBlue {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-lightBlue {
        font-size:1.2rem
    }
}

.font-semp-xSmall-lightBlue.zh-cn,.zh-cn .font-semp-xSmall-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-lightBlue.ko-kr,.ko-kr .font-semp-xSmall-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-lightBlue.ru-ru,.ru-ru .font-semp-xSmall-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-lightBlue.zh-tw,.zh-tw .font-semp-xSmall-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-red {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-red {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-red {
        font-size:1.2rem
    }
}

.font-semp-xSmall-red.zh-cn,.zh-cn .font-semp-xSmall-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-red.ko-kr,.ko-kr .font-semp-xSmall-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-red.ru-ru,.ru-ru .font-semp-xSmall-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-red.zh-tw,.zh-tw .font-semp-xSmall-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-mediumGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-mediumGreen {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-mediumGreen {
        font-size:1.2rem
    }
}

.font-semp-xSmall-mediumGreen.zh-cn,.zh-cn .font-semp-xSmall-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-mediumGreen.ko-kr,.ko-kr .font-semp-xSmall-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-mediumGreen.ru-ru,.ru-ru .font-semp-xSmall-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-mediumGreen.zh-tw,.zh-tw .font-semp-xSmall-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-lightGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-lightGreen {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-lightGreen {
        font-size:1.2rem
    }
}

.font-semp-xSmall-lightGreen.zh-cn,.zh-cn .font-semp-xSmall-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-lightGreen.ko-kr,.ko-kr .font-semp-xSmall-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-lightGreen.ru-ru,.ru-ru .font-semp-xSmall-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-lightGreen.zh-tw,.zh-tw .font-semp-xSmall-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-darkBrown {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-darkBrown {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-darkBrown {
        font-size:1.2rem
    }
}

.font-semp-xSmall-darkBrown.zh-cn,.zh-cn .font-semp-xSmall-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-darkBrown.ko-kr,.ko-kr .font-semp-xSmall-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-darkBrown.ru-ru,.ru-ru .font-semp-xSmall-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-darkBrown.zh-tw,.zh-tw .font-semp-xSmall-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-mediumGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-mediumGold {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-mediumGold {
        font-size:1.2rem
    }
}

.font-semp-xSmall-mediumGold.zh-cn,.zh-cn .font-semp-xSmall-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-mediumGold.ko-kr,.ko-kr .font-semp-xSmall-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-mediumGold.ru-ru,.ru-ru .font-semp-xSmall-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-mediumGold.zh-tw,.zh-tw .font-semp-xSmall-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-lightGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-lightGold {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-lightGold {
        font-size:1.2rem
    }
}

.font-semp-xSmall-lightGold.zh-cn,.zh-cn .font-semp-xSmall-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-lightGold.ko-kr,.ko-kr .font-semp-xSmall-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-lightGold.ru-ru,.ru-ru .font-semp-xSmall-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-lightGold.zh-tw,.zh-tw .font-semp-xSmall-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-lightOrange {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-lightOrange {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-lightOrange {
        font-size:1.2rem
    }
}

.font-semp-xSmall-lightOrange.zh-cn,.zh-cn .font-semp-xSmall-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-lightOrange.ko-kr,.ko-kr .font-semp-xSmall-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-lightOrange.ru-ru,.ru-ru .font-semp-xSmall-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-lightOrange.zh-tw,.zh-tw .font-semp-xSmall-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-black {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-black {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-black {
        font-size:1.2rem
    }
}

.font-semp-xSmall-black.zh-cn,.zh-cn .font-semp-xSmall-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-black.ko-kr,.ko-kr .font-semp-xSmall-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-black.ru-ru,.ru-ru .font-semp-xSmall-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-black.zh-tw,.zh-tw .font-semp-xSmall-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-darkGray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-darkGray {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-darkGray {
        font-size:1.2rem
    }
}

.font-semp-xSmall-darkGray.zh-cn,.zh-cn .font-semp-xSmall-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-darkGray.ko-kr,.ko-kr .font-semp-xSmall-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-darkGray.ru-ru,.ru-ru .font-semp-xSmall-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-darkGray.zh-tw,.zh-tw .font-semp-xSmall-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-gray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-gray {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-gray {
        font-size:1.2rem
    }
}

.font-semp-xSmall-gray.zh-cn,.zh-cn .font-semp-xSmall-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-gray.ko-kr,.ko-kr .font-semp-xSmall-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-gray.ru-ru,.ru-ru .font-semp-xSmall-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-gray.zh-tw,.zh-tw .font-semp-xSmall-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-silver {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-silver {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-silver {
        font-size:1.2rem
    }
}

.font-semp-xSmall-silver.zh-cn,.zh-cn .font-semp-xSmall-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-silver.ko-kr,.ko-kr .font-semp-xSmall-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-silver.ru-ru,.ru-ru .font-semp-xSmall-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-silver.zh-tw,.zh-tw .font-semp-xSmall-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xSmall-white {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xSmall-white {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xSmall-white {
        font-size:1.2rem
    }
}

.font-semp-xSmall-white.zh-cn,.zh-cn .font-semp-xSmall-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xSmall-white.ko-kr,.ko-kr .font-semp-xSmall-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xSmall-white.ru-ru,.ru-ru .font-semp-xSmall-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xSmall-white.zh-tw,.zh-tw .font-semp-xSmall-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-darkBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-darkBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-darkBeige {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-darkBeige.zh-cn,.zh-cn .font-bliz-light-xSmall-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-darkBeige.ko-kr,.ko-kr .font-bliz-light-xSmall-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-darkBeige.ru-ru,.ru-ru .font-bliz-light-xSmall-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-darkBeige.zh-tw,.zh-tw .font-bliz-light-xSmall-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-mediumBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-mediumBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-mediumBeige {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-mediumBeige.zh-cn,.zh-cn .font-bliz-light-xSmall-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-mediumBeige.ko-kr,.ko-kr .font-bliz-light-xSmall-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-mediumBeige.ru-ru,.ru-ru .font-bliz-light-xSmall-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-mediumBeige.zh-tw,.zh-tw .font-bliz-light-xSmall-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-beige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-beige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-beige {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-beige.zh-cn,.zh-cn .font-bliz-light-xSmall-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-beige.ko-kr,.ko-kr .font-bliz-light-xSmall-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-beige.ru-ru,.ru-ru .font-bliz-light-xSmall-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-beige.zh-tw,.zh-tw .font-bliz-light-xSmall-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-lightBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-lightBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-lightBeige {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-lightBeige.zh-cn,.zh-cn .font-bliz-light-xSmall-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-lightBeige.ko-kr,.ko-kr .font-bliz-light-xSmall-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-lightBeige.ru-ru,.ru-ru .font-bliz-light-xSmall-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-lightBeige.zh-tw,.zh-tw .font-bliz-light-xSmall-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-blue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-blue {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-blue {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-blue.zh-cn,.zh-cn .font-bliz-light-xSmall-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-blue.ko-kr,.ko-kr .font-bliz-light-xSmall-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-blue.ru-ru,.ru-ru .font-bliz-light-xSmall-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-blue.zh-tw,.zh-tw .font-bliz-light-xSmall-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-lightBlue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-lightBlue {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-lightBlue {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-lightBlue.zh-cn,.zh-cn .font-bliz-light-xSmall-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-lightBlue.ko-kr,.ko-kr .font-bliz-light-xSmall-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-lightBlue.ru-ru,.ru-ru .font-bliz-light-xSmall-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-lightBlue.zh-tw,.zh-tw .font-bliz-light-xSmall-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-red {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-red {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-red {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-red.zh-cn,.zh-cn .font-bliz-light-xSmall-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-red.ko-kr,.ko-kr .font-bliz-light-xSmall-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-red.ru-ru,.ru-ru .font-bliz-light-xSmall-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-red.zh-tw,.zh-tw .font-bliz-light-xSmall-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-mediumGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-mediumGreen {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-mediumGreen {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-mediumGreen.zh-cn,.zh-cn .font-bliz-light-xSmall-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-mediumGreen.ko-kr,.ko-kr .font-bliz-light-xSmall-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-mediumGreen.ru-ru,.ru-ru .font-bliz-light-xSmall-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-mediumGreen.zh-tw,.zh-tw .font-bliz-light-xSmall-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-lightGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-lightGreen {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-lightGreen {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-lightGreen.zh-cn,.zh-cn .font-bliz-light-xSmall-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-lightGreen.ko-kr,.ko-kr .font-bliz-light-xSmall-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-lightGreen.ru-ru,.ru-ru .font-bliz-light-xSmall-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-lightGreen.zh-tw,.zh-tw .font-bliz-light-xSmall-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-darkBrown {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-darkBrown {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-darkBrown {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-darkBrown.zh-cn,.zh-cn .font-bliz-light-xSmall-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-darkBrown.ko-kr,.ko-kr .font-bliz-light-xSmall-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-darkBrown.ru-ru,.ru-ru .font-bliz-light-xSmall-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-darkBrown.zh-tw,.zh-tw .font-bliz-light-xSmall-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-mediumGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-mediumGold {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-mediumGold {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-mediumGold.zh-cn,.zh-cn .font-bliz-light-xSmall-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-mediumGold.ko-kr,.ko-kr .font-bliz-light-xSmall-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-mediumGold.ru-ru,.ru-ru .font-bliz-light-xSmall-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-mediumGold.zh-tw,.zh-tw .font-bliz-light-xSmall-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-lightGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-lightGold {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-lightGold {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-lightGold.zh-cn,.zh-cn .font-bliz-light-xSmall-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-lightGold.ko-kr,.ko-kr .font-bliz-light-xSmall-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-lightGold.ru-ru,.ru-ru .font-bliz-light-xSmall-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-lightGold.zh-tw,.zh-tw .font-bliz-light-xSmall-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-lightOrange {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-lightOrange {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-lightOrange {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-lightOrange.zh-cn,.zh-cn .font-bliz-light-xSmall-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-lightOrange.ko-kr,.ko-kr .font-bliz-light-xSmall-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-lightOrange.ru-ru,.ru-ru .font-bliz-light-xSmall-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-lightOrange.zh-tw,.zh-tw .font-bliz-light-xSmall-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-black {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-black {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-black {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-black.zh-cn,.zh-cn .font-bliz-light-xSmall-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-black.ko-kr,.ko-kr .font-bliz-light-xSmall-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-black.ru-ru,.ru-ru .font-bliz-light-xSmall-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-black.zh-tw,.zh-tw .font-bliz-light-xSmall-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-darkGray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-darkGray {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-darkGray {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-darkGray.zh-cn,.zh-cn .font-bliz-light-xSmall-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-darkGray.ko-kr,.ko-kr .font-bliz-light-xSmall-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-darkGray.ru-ru,.ru-ru .font-bliz-light-xSmall-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-darkGray.zh-tw,.zh-tw .font-bliz-light-xSmall-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-gray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-gray {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-gray {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-gray.zh-cn,.zh-cn .font-bliz-light-xSmall-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-gray.ko-kr,.ko-kr .font-bliz-light-xSmall-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-gray.ru-ru,.ru-ru .font-bliz-light-xSmall-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-gray.zh-tw,.zh-tw .font-bliz-light-xSmall-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-silver {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-silver {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-silver {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-silver.zh-cn,.zh-cn .font-bliz-light-xSmall-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-silver.ko-kr,.ko-kr .font-bliz-light-xSmall-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-silver.ru-ru,.ru-ru .font-bliz-light-xSmall-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-silver.zh-tw,.zh-tw .font-bliz-light-xSmall-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xSmall-white {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xSmall-white {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xSmall-white {
        font-size:1.2rem
    }
}

.font-bliz-light-xSmall-white.zh-cn,.zh-cn .font-bliz-light-xSmall-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xSmall-white.ko-kr,.ko-kr .font-bliz-light-xSmall-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xSmall-white.ru-ru,.ru-ru .font-bliz-light-xSmall-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xSmall-white.zh-tw,.zh-tw .font-bliz-light-xSmall-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-darkBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-darkBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-darkBeige {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-darkBeige.zh-cn,.zh-cn .font-quadrata-xSmall-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-darkBeige.ko-kr,.ko-kr .font-quadrata-xSmall-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-darkBeige.ru-ru,.ru-ru .font-quadrata-xSmall-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-darkBeige.zh-tw,.zh-tw .font-quadrata-xSmall-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-mediumBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-mediumBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-mediumBeige {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-mediumBeige.zh-cn,.zh-cn .font-quadrata-xSmall-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-mediumBeige.ko-kr,.ko-kr .font-quadrata-xSmall-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-mediumBeige.ru-ru,.ru-ru .font-quadrata-xSmall-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-mediumBeige.zh-tw,.zh-tw .font-quadrata-xSmall-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-beige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-beige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-beige {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-beige.zh-cn,.zh-cn .font-quadrata-xSmall-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-beige.ko-kr,.ko-kr .font-quadrata-xSmall-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-beige.ru-ru,.ru-ru .font-quadrata-xSmall-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-beige.zh-tw,.zh-tw .font-quadrata-xSmall-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-lightBeige {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-lightBeige {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-lightBeige {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-lightBeige.zh-cn,.zh-cn .font-quadrata-xSmall-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-lightBeige.ko-kr,.ko-kr .font-quadrata-xSmall-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-lightBeige.ru-ru,.ru-ru .font-quadrata-xSmall-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-lightBeige.zh-tw,.zh-tw .font-quadrata-xSmall-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-blue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-blue {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-blue {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-blue.zh-cn,.zh-cn .font-quadrata-xSmall-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-blue.ko-kr,.ko-kr .font-quadrata-xSmall-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-blue.ru-ru,.ru-ru .font-quadrata-xSmall-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-blue.zh-tw,.zh-tw .font-quadrata-xSmall-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-lightBlue {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-lightBlue {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-lightBlue {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-lightBlue.zh-cn,.zh-cn .font-quadrata-xSmall-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-lightBlue.ko-kr,.ko-kr .font-quadrata-xSmall-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-lightBlue.ru-ru,.ru-ru .font-quadrata-xSmall-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-lightBlue.zh-tw,.zh-tw .font-quadrata-xSmall-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-red {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-red {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-red {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-red.zh-cn,.zh-cn .font-quadrata-xSmall-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-red.ko-kr,.ko-kr .font-quadrata-xSmall-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-red.ru-ru,.ru-ru .font-quadrata-xSmall-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-red.zh-tw,.zh-tw .font-quadrata-xSmall-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-mediumGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-mediumGreen {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-mediumGreen {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-mediumGreen.zh-cn,.zh-cn .font-quadrata-xSmall-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-mediumGreen.ko-kr,.ko-kr .font-quadrata-xSmall-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-mediumGreen.ru-ru,.ru-ru .font-quadrata-xSmall-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-mediumGreen.zh-tw,.zh-tw .font-quadrata-xSmall-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-lightGreen {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-lightGreen {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-lightGreen {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-lightGreen.zh-cn,.zh-cn .font-quadrata-xSmall-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-lightGreen.ko-kr,.ko-kr .font-quadrata-xSmall-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-lightGreen.ru-ru,.ru-ru .font-quadrata-xSmall-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-lightGreen.zh-tw,.zh-tw .font-quadrata-xSmall-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-darkBrown {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-darkBrown {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-darkBrown {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-darkBrown.zh-cn,.zh-cn .font-quadrata-xSmall-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-darkBrown.ko-kr,.ko-kr .font-quadrata-xSmall-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-darkBrown.ru-ru,.ru-ru .font-quadrata-xSmall-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-darkBrown.zh-tw,.zh-tw .font-quadrata-xSmall-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-mediumGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-mediumGold {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-mediumGold {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-mediumGold.zh-cn,.zh-cn .font-quadrata-xSmall-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-mediumGold.ko-kr,.ko-kr .font-quadrata-xSmall-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-mediumGold.ru-ru,.ru-ru .font-quadrata-xSmall-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-mediumGold.zh-tw,.zh-tw .font-quadrata-xSmall-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-lightGold {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-lightGold {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-lightGold {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-lightGold.zh-cn,.zh-cn .font-quadrata-xSmall-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-lightGold.ko-kr,.ko-kr .font-quadrata-xSmall-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-lightGold.ru-ru,.ru-ru .font-quadrata-xSmall-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-lightGold.zh-tw,.zh-tw .font-quadrata-xSmall-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-lightOrange {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-lightOrange {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-lightOrange {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-lightOrange.zh-cn,.zh-cn .font-quadrata-xSmall-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-lightOrange.ko-kr,.ko-kr .font-quadrata-xSmall-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-lightOrange.ru-ru,.ru-ru .font-quadrata-xSmall-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-lightOrange.zh-tw,.zh-tw .font-quadrata-xSmall-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-black {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-black {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-black {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-black.zh-cn,.zh-cn .font-quadrata-xSmall-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-black.ko-kr,.ko-kr .font-quadrata-xSmall-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-black.ru-ru,.ru-ru .font-quadrata-xSmall-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-black.zh-tw,.zh-tw .font-quadrata-xSmall-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-darkGray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-darkGray {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-darkGray {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-darkGray.zh-cn,.zh-cn .font-quadrata-xSmall-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-darkGray.ko-kr,.ko-kr .font-quadrata-xSmall-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-darkGray.ru-ru,.ru-ru .font-quadrata-xSmall-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-darkGray.zh-tw,.zh-tw .font-quadrata-xSmall-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-gray {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-gray {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-gray {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-gray.zh-cn,.zh-cn .font-quadrata-xSmall-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-gray.ko-kr,.ko-kr .font-quadrata-xSmall-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-gray.ru-ru,.ru-ru .font-quadrata-xSmall-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-gray.zh-tw,.zh-tw .font-quadrata-xSmall-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-silver {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-silver {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-silver {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-silver.zh-cn,.zh-cn .font-quadrata-xSmall-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-silver.ko-kr,.ko-kr .font-quadrata-xSmall-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-silver.ru-ru,.ru-ru .font-quadrata-xSmall-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-silver.zh-tw,.zh-tw .font-quadrata-xSmall-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xSmall-white {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-xSmall-white {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xSmall-white {
        font-size:1.2rem
    }
}

.font-quadrata-xSmall-white.zh-cn,.zh-cn .font-quadrata-xSmall-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xSmall-white.ko-kr,.ko-kr .font-quadrata-xSmall-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xSmall-white.ru-ru,.ru-ru .font-quadrata-xSmall-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xSmall-white.zh-tw,.zh-tw .font-quadrata-xSmall-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-small {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-size-small {
        font-size:1.44rem
    }
}

.font-semp-small-darkBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-darkBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-darkBeige {
        font-size:1.44rem
    }
}

.font-semp-small-darkBeige.zh-cn,.zh-cn .font-semp-small-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-darkBeige.ko-kr,.ko-kr .font-semp-small-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-darkBeige.ru-ru,.ru-ru .font-semp-small-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-darkBeige.zh-tw,.zh-tw .font-semp-small-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-mediumBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-mediumBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-mediumBeige {
        font-size:1.44rem
    }
}

.font-semp-small-mediumBeige.zh-cn,.zh-cn .font-semp-small-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-mediumBeige.ko-kr,.ko-kr .font-semp-small-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-mediumBeige.ru-ru,.ru-ru .font-semp-small-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-mediumBeige.zh-tw,.zh-tw .font-semp-small-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-beige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-beige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-beige {
        font-size:1.44rem
    }
}

.font-semp-small-beige.zh-cn,.zh-cn .font-semp-small-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-beige.ko-kr,.ko-kr .font-semp-small-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-beige.ru-ru,.ru-ru .font-semp-small-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-beige.zh-tw,.zh-tw .font-semp-small-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-lightBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-lightBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-lightBeige {
        font-size:1.44rem
    }
}

.font-semp-small-lightBeige.zh-cn,.zh-cn .font-semp-small-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-lightBeige.ko-kr,.ko-kr .font-semp-small-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-lightBeige.ru-ru,.ru-ru .font-semp-small-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-lightBeige.zh-tw,.zh-tw .font-semp-small-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-blue {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-blue {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-blue {
        font-size:1.44rem
    }
}

.font-semp-small-blue.zh-cn,.zh-cn .font-semp-small-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-blue.ko-kr,.ko-kr .font-semp-small-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-blue.ru-ru,.ru-ru .font-semp-small-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-blue.zh-tw,.zh-tw .font-semp-small-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-lightBlue {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-lightBlue {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-lightBlue {
        font-size:1.44rem
    }
}

.font-semp-small-lightBlue.zh-cn,.zh-cn .font-semp-small-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-lightBlue.ko-kr,.ko-kr .font-semp-small-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-lightBlue.ru-ru,.ru-ru .font-semp-small-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-lightBlue.zh-tw,.zh-tw .font-semp-small-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-red {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-red {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-red {
        font-size:1.44rem
    }
}

.font-semp-small-red.zh-cn,.zh-cn .font-semp-small-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-red.ko-kr,.ko-kr .font-semp-small-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-red.ru-ru,.ru-ru .font-semp-small-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-red.zh-tw,.zh-tw .font-semp-small-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-mediumGreen {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-mediumGreen {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-mediumGreen {
        font-size:1.44rem
    }
}

.font-semp-small-mediumGreen.zh-cn,.zh-cn .font-semp-small-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-mediumGreen.ko-kr,.ko-kr .font-semp-small-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-mediumGreen.ru-ru,.ru-ru .font-semp-small-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-mediumGreen.zh-tw,.zh-tw .font-semp-small-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-lightGreen {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-lightGreen {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-lightGreen {
        font-size:1.44rem
    }
}

.font-semp-small-lightGreen.zh-cn,.zh-cn .font-semp-small-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-lightGreen.ko-kr,.ko-kr .font-semp-small-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-lightGreen.ru-ru,.ru-ru .font-semp-small-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-lightGreen.zh-tw,.zh-tw .font-semp-small-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-darkBrown {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-darkBrown {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-darkBrown {
        font-size:1.44rem
    }
}

.font-semp-small-darkBrown.zh-cn,.zh-cn .font-semp-small-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-darkBrown.ko-kr,.ko-kr .font-semp-small-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-darkBrown.ru-ru,.ru-ru .font-semp-small-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-darkBrown.zh-tw,.zh-tw .font-semp-small-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-mediumGold {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-mediumGold {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-mediumGold {
        font-size:1.44rem
    }
}

.font-semp-small-mediumGold.zh-cn,.zh-cn .font-semp-small-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-mediumGold.ko-kr,.ko-kr .font-semp-small-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-mediumGold.ru-ru,.ru-ru .font-semp-small-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-mediumGold.zh-tw,.zh-tw .font-semp-small-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-lightGold {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-lightGold {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-lightGold {
        font-size:1.44rem
    }
}

.font-semp-small-lightGold.zh-cn,.zh-cn .font-semp-small-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-lightGold.ko-kr,.ko-kr .font-semp-small-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-lightGold.ru-ru,.ru-ru .font-semp-small-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-lightGold.zh-tw,.zh-tw .font-semp-small-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-lightOrange {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-lightOrange {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-lightOrange {
        font-size:1.44rem
    }
}

.font-semp-small-lightOrange.zh-cn,.zh-cn .font-semp-small-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-lightOrange.ko-kr,.ko-kr .font-semp-small-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-lightOrange.ru-ru,.ru-ru .font-semp-small-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-lightOrange.zh-tw,.zh-tw .font-semp-small-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-black {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-black {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-black {
        font-size:1.44rem
    }
}

.font-semp-small-black.zh-cn,.zh-cn .font-semp-small-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-black.ko-kr,.ko-kr .font-semp-small-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-black.ru-ru,.ru-ru .font-semp-small-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-black.zh-tw,.zh-tw .font-semp-small-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-darkGray {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-darkGray {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-darkGray {
        font-size:1.44rem
    }
}

.font-semp-small-darkGray.zh-cn,.zh-cn .font-semp-small-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-darkGray.ko-kr,.ko-kr .font-semp-small-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-darkGray.ru-ru,.ru-ru .font-semp-small-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-darkGray.zh-tw,.zh-tw .font-semp-small-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-gray {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-gray {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-gray {
        font-size:1.44rem
    }
}

.font-semp-small-gray.zh-cn,.zh-cn .font-semp-small-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-gray.ko-kr,.ko-kr .font-semp-small-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-gray.ru-ru,.ru-ru .font-semp-small-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-gray.zh-tw,.zh-tw .font-semp-small-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-silver {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-silver {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-silver {
        font-size:1.44rem
    }
}

.font-semp-small-silver.zh-cn,.zh-cn .font-semp-small-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-silver.ko-kr,.ko-kr .font-semp-small-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-silver.ru-ru,.ru-ru .font-semp-small-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-silver.zh-tw,.zh-tw .font-semp-small-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-small-white {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-small-white {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-semp-small-white {
        font-size:1.44rem
    }
}

.font-semp-small-white.zh-cn,.zh-cn .font-semp-small-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-small-white.ko-kr,.ko-kr .font-semp-small-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-small-white.ru-ru,.ru-ru .font-semp-small-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-small-white.zh-tw,.zh-tw .font-semp-small-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-darkBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-darkBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-darkBeige {
        font-size:1.44rem
    }
}

.font-bliz-light-small-darkBeige.zh-cn,.zh-cn .font-bliz-light-small-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-darkBeige.ko-kr,.ko-kr .font-bliz-light-small-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-darkBeige.ru-ru,.ru-ru .font-bliz-light-small-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-darkBeige.zh-tw,.zh-tw .font-bliz-light-small-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-mediumBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-mediumBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-mediumBeige {
        font-size:1.44rem
    }
}

.font-bliz-light-small-mediumBeige.zh-cn,.zh-cn .font-bliz-light-small-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-mediumBeige.ko-kr,.ko-kr .font-bliz-light-small-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-mediumBeige.ru-ru,.ru-ru .font-bliz-light-small-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-mediumBeige.zh-tw,.zh-tw .font-bliz-light-small-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-beige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-beige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-beige {
        font-size:1.44rem
    }
}

.font-bliz-light-small-beige.zh-cn,.zh-cn .font-bliz-light-small-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-beige.ko-kr,.ko-kr .font-bliz-light-small-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-beige.ru-ru,.ru-ru .font-bliz-light-small-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-beige.zh-tw,.zh-tw .font-bliz-light-small-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-lightBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-lightBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-lightBeige {
        font-size:1.44rem
    }
}

.font-bliz-light-small-lightBeige.zh-cn,.zh-cn .font-bliz-light-small-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-lightBeige.ko-kr,.ko-kr .font-bliz-light-small-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-lightBeige.ru-ru,.ru-ru .font-bliz-light-small-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-lightBeige.zh-tw,.zh-tw .font-bliz-light-small-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-blue {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-blue {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-blue {
        font-size:1.44rem
    }
}

.font-bliz-light-small-blue.zh-cn,.zh-cn .font-bliz-light-small-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-blue.ko-kr,.ko-kr .font-bliz-light-small-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-blue.ru-ru,.ru-ru .font-bliz-light-small-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-blue.zh-tw,.zh-tw .font-bliz-light-small-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-lightBlue {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-lightBlue {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-lightBlue {
        font-size:1.44rem
    }
}

.font-bliz-light-small-lightBlue.zh-cn,.zh-cn .font-bliz-light-small-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-lightBlue.ko-kr,.ko-kr .font-bliz-light-small-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-lightBlue.ru-ru,.ru-ru .font-bliz-light-small-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-lightBlue.zh-tw,.zh-tw .font-bliz-light-small-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-red {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-red {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-red {
        font-size:1.44rem
    }
}

.font-bliz-light-small-red.zh-cn,.zh-cn .font-bliz-light-small-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-red.ko-kr,.ko-kr .font-bliz-light-small-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-red.ru-ru,.ru-ru .font-bliz-light-small-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-red.zh-tw,.zh-tw .font-bliz-light-small-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-mediumGreen {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-mediumGreen {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-mediumGreen {
        font-size:1.44rem
    }
}

.font-bliz-light-small-mediumGreen.zh-cn,.zh-cn .font-bliz-light-small-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-mediumGreen.ko-kr,.ko-kr .font-bliz-light-small-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-mediumGreen.ru-ru,.ru-ru .font-bliz-light-small-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-mediumGreen.zh-tw,.zh-tw .font-bliz-light-small-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-lightGreen {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-lightGreen {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-lightGreen {
        font-size:1.44rem
    }
}

.font-bliz-light-small-lightGreen.zh-cn,.zh-cn .font-bliz-light-small-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-lightGreen.ko-kr,.ko-kr .font-bliz-light-small-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-lightGreen.ru-ru,.ru-ru .font-bliz-light-small-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-lightGreen.zh-tw,.zh-tw .font-bliz-light-small-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-darkBrown {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-darkBrown {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-darkBrown {
        font-size:1.44rem
    }
}

.font-bliz-light-small-darkBrown.zh-cn,.zh-cn .font-bliz-light-small-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-darkBrown.ko-kr,.ko-kr .font-bliz-light-small-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-darkBrown.ru-ru,.ru-ru .font-bliz-light-small-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-darkBrown.zh-tw,.zh-tw .font-bliz-light-small-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-mediumGold {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-mediumGold {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-mediumGold {
        font-size:1.44rem
    }
}

.font-bliz-light-small-mediumGold.zh-cn,.zh-cn .font-bliz-light-small-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-mediumGold.ko-kr,.ko-kr .font-bliz-light-small-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-mediumGold.ru-ru,.ru-ru .font-bliz-light-small-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-mediumGold.zh-tw,.zh-tw .font-bliz-light-small-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-lightGold {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-lightGold {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-lightGold {
        font-size:1.44rem
    }
}

.font-bliz-light-small-lightGold.zh-cn,.zh-cn .font-bliz-light-small-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-lightGold.ko-kr,.ko-kr .font-bliz-light-small-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-lightGold.ru-ru,.ru-ru .font-bliz-light-small-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-lightGold.zh-tw,.zh-tw .font-bliz-light-small-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-lightOrange {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-lightOrange {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-lightOrange {
        font-size:1.44rem
    }
}

.font-bliz-light-small-lightOrange.zh-cn,.zh-cn .font-bliz-light-small-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-lightOrange.ko-kr,.ko-kr .font-bliz-light-small-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-lightOrange.ru-ru,.ru-ru .font-bliz-light-small-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-lightOrange.zh-tw,.zh-tw .font-bliz-light-small-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-black {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-black {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-black {
        font-size:1.44rem
    }
}

.font-bliz-light-small-black.zh-cn,.zh-cn .font-bliz-light-small-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-black.ko-kr,.ko-kr .font-bliz-light-small-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-black.ru-ru,.ru-ru .font-bliz-light-small-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-black.zh-tw,.zh-tw .font-bliz-light-small-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-darkGray {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-darkGray {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-darkGray {
        font-size:1.44rem
    }
}

.font-bliz-light-small-darkGray.zh-cn,.zh-cn .font-bliz-light-small-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-darkGray.ko-kr,.ko-kr .font-bliz-light-small-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-darkGray.ru-ru,.ru-ru .font-bliz-light-small-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-darkGray.zh-tw,.zh-tw .font-bliz-light-small-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-gray {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-gray {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-gray {
        font-size:1.44rem
    }
}

.font-bliz-light-small-gray.zh-cn,.zh-cn .font-bliz-light-small-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-gray.ko-kr,.ko-kr .font-bliz-light-small-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-gray.ru-ru,.ru-ru .font-bliz-light-small-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-gray.zh-tw,.zh-tw .font-bliz-light-small-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-silver {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-silver {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-silver {
        font-size:1.44rem
    }
}

.font-bliz-light-small-silver.zh-cn,.zh-cn .font-bliz-light-small-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-silver.ko-kr,.ko-kr .font-bliz-light-small-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-silver.ru-ru,.ru-ru .font-bliz-light-small-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-silver.zh-tw,.zh-tw .font-bliz-light-small-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-small-white {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-small-white {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-small-white {
        font-size:1.44rem
    }
}

.font-bliz-light-small-white.zh-cn,.zh-cn .font-bliz-light-small-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-small-white.ko-kr,.ko-kr .font-bliz-light-small-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-small-white.ru-ru,.ru-ru .font-bliz-light-small-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-small-white.zh-tw,.zh-tw .font-bliz-light-small-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-darkBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-small-darkBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-darkBeige {
        font-size:1.44rem
    }
}

.font-quadrata-small-darkBeige.zh-cn,.zh-cn .font-quadrata-small-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-darkBeige.ko-kr,.ko-kr .font-quadrata-small-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-darkBeige.ru-ru,.ru-ru .font-quadrata-small-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-darkBeige.zh-tw,.zh-tw .font-quadrata-small-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-mediumBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-small-mediumBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-mediumBeige {
        font-size:1.44rem
    }
}

.font-quadrata-small-mediumBeige.zh-cn,.zh-cn .font-quadrata-small-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-mediumBeige.ko-kr,.ko-kr .font-quadrata-small-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-mediumBeige.ru-ru,.ru-ru .font-quadrata-small-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-mediumBeige.zh-tw,.zh-tw .font-quadrata-small-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-beige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-small-beige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-beige {
        font-size:1.44rem
    }
}

.font-quadrata-small-beige.zh-cn,.zh-cn .font-quadrata-small-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-beige.ko-kr,.ko-kr .font-quadrata-small-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-beige.ru-ru,.ru-ru .font-quadrata-small-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-beige.zh-tw,.zh-tw .font-quadrata-small-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-lightBeige {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-small-lightBeige {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-lightBeige {
        font-size:1.44rem
    }
}

.font-quadrata-small-lightBeige.zh-cn,.zh-cn .font-quadrata-small-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-lightBeige.ko-kr,.ko-kr .font-quadrata-small-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-lightBeige.ru-ru,.ru-ru .font-quadrata-small-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-lightBeige.zh-tw,.zh-tw .font-quadrata-small-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-blue {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-small-blue {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-blue {
        font-size:1.44rem
    }
}

.font-quadrata-small-blue.zh-cn,.zh-cn .font-quadrata-small-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-blue.ko-kr,.ko-kr .font-quadrata-small-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-blue.ru-ru,.ru-ru .font-quadrata-small-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-blue.zh-tw,.zh-tw .font-quadrata-small-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-lightBlue {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-small-lightBlue {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-lightBlue {
        font-size:1.44rem
    }
}

.font-quadrata-small-lightBlue.zh-cn,.zh-cn .font-quadrata-small-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-lightBlue.ko-kr,.ko-kr .font-quadrata-small-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-lightBlue.ru-ru,.ru-ru .font-quadrata-small-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-lightBlue.zh-tw,.zh-tw .font-quadrata-small-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-red {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-small-red {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-red {
        font-size:1.44rem
    }
}

.font-quadrata-small-red.zh-cn,.zh-cn .font-quadrata-small-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-red.ko-kr,.ko-kr .font-quadrata-small-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-red.ru-ru,.ru-ru .font-quadrata-small-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-red.zh-tw,.zh-tw .font-quadrata-small-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-mediumGreen {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-small-mediumGreen {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-mediumGreen {
        font-size:1.44rem
    }
}

.font-quadrata-small-mediumGreen.zh-cn,.zh-cn .font-quadrata-small-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-mediumGreen.ko-kr,.ko-kr .font-quadrata-small-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-mediumGreen.ru-ru,.ru-ru .font-quadrata-small-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-mediumGreen.zh-tw,.zh-tw .font-quadrata-small-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-lightGreen {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-small-lightGreen {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-lightGreen {
        font-size:1.44rem
    }
}

.font-quadrata-small-lightGreen.zh-cn,.zh-cn .font-quadrata-small-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-lightGreen.ko-kr,.ko-kr .font-quadrata-small-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-lightGreen.ru-ru,.ru-ru .font-quadrata-small-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-lightGreen.zh-tw,.zh-tw .font-quadrata-small-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-darkBrown {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-small-darkBrown {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-darkBrown {
        font-size:1.44rem
    }
}

.font-quadrata-small-darkBrown.zh-cn,.zh-cn .font-quadrata-small-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-darkBrown.ko-kr,.ko-kr .font-quadrata-small-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-darkBrown.ru-ru,.ru-ru .font-quadrata-small-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-darkBrown.zh-tw,.zh-tw .font-quadrata-small-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-mediumGold {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-small-mediumGold {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-mediumGold {
        font-size:1.44rem
    }
}

.font-quadrata-small-mediumGold.zh-cn,.zh-cn .font-quadrata-small-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-mediumGold.ko-kr,.ko-kr .font-quadrata-small-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-mediumGold.ru-ru,.ru-ru .font-quadrata-small-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-mediumGold.zh-tw,.zh-tw .font-quadrata-small-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-lightGold {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-small-lightGold {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-lightGold {
        font-size:1.44rem
    }
}

.font-quadrata-small-lightGold.zh-cn,.zh-cn .font-quadrata-small-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-lightGold.ko-kr,.ko-kr .font-quadrata-small-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-lightGold.ru-ru,.ru-ru .font-quadrata-small-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-lightGold.zh-tw,.zh-tw .font-quadrata-small-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-lightOrange {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-small-lightOrange {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-lightOrange {
        font-size:1.44rem
    }
}

.font-quadrata-small-lightOrange.zh-cn,.zh-cn .font-quadrata-small-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-lightOrange.ko-kr,.ko-kr .font-quadrata-small-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-lightOrange.ru-ru,.ru-ru .font-quadrata-small-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-lightOrange.zh-tw,.zh-tw .font-quadrata-small-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-black {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-small-black {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-black {
        font-size:1.44rem
    }
}

.font-quadrata-small-black.zh-cn,.zh-cn .font-quadrata-small-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-black.ko-kr,.ko-kr .font-quadrata-small-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-black.ru-ru,.ru-ru .font-quadrata-small-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-black.zh-tw,.zh-tw .font-quadrata-small-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-darkGray {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-small-darkGray {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-darkGray {
        font-size:1.44rem
    }
}

.font-quadrata-small-darkGray.zh-cn,.zh-cn .font-quadrata-small-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-darkGray.ko-kr,.ko-kr .font-quadrata-small-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-darkGray.ru-ru,.ru-ru .font-quadrata-small-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-darkGray.zh-tw,.zh-tw .font-quadrata-small-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-gray {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-small-gray {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-gray {
        font-size:1.44rem
    }
}

.font-quadrata-small-gray.zh-cn,.zh-cn .font-quadrata-small-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-gray.ko-kr,.ko-kr .font-quadrata-small-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-gray.ru-ru,.ru-ru .font-quadrata-small-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-gray.zh-tw,.zh-tw .font-quadrata-small-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-silver {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-small-silver {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-silver {
        font-size:1.44rem
    }
}

.font-quadrata-small-silver.zh-cn,.zh-cn .font-quadrata-small-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-silver.ko-kr,.ko-kr .font-quadrata-small-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-silver.ru-ru,.ru-ru .font-quadrata-small-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-silver.zh-tw,.zh-tw .font-quadrata-small-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-small-white {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-small-white {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-small-white {
        font-size:1.44rem
    }
}

.font-quadrata-small-white.zh-cn,.zh-cn .font-quadrata-small-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-small-white.ko-kr,.ko-kr .font-quadrata-small-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-small-white.ru-ru,.ru-ru .font-quadrata-small-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-small-white.zh-tw,.zh-tw .font-quadrata-small-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-medium {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-size-medium {
        font-size:1.728rem
    }
}

.font-semp-medium-darkBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-darkBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-darkBeige {
        font-size:1.728rem
    }
}

.font-semp-medium-darkBeige.zh-cn,.zh-cn .font-semp-medium-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-darkBeige.ko-kr,.ko-kr .font-semp-medium-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-darkBeige.ru-ru,.ru-ru .font-semp-medium-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-darkBeige.zh-tw,.zh-tw .font-semp-medium-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-mediumBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-mediumBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-mediumBeige {
        font-size:1.728rem
    }
}

.font-semp-medium-mediumBeige.zh-cn,.zh-cn .font-semp-medium-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-mediumBeige.ko-kr,.ko-kr .font-semp-medium-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-mediumBeige.ru-ru,.ru-ru .font-semp-medium-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-mediumBeige.zh-tw,.zh-tw .font-semp-medium-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-beige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-beige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-beige {
        font-size:1.728rem
    }
}

.font-semp-medium-beige.zh-cn,.zh-cn .font-semp-medium-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-beige.ko-kr,.ko-kr .font-semp-medium-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-beige.ru-ru,.ru-ru .font-semp-medium-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-beige.zh-tw,.zh-tw .font-semp-medium-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-lightBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-lightBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-lightBeige {
        font-size:1.728rem
    }
}

.font-semp-medium-lightBeige.zh-cn,.zh-cn .font-semp-medium-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-lightBeige.ko-kr,.ko-kr .font-semp-medium-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-lightBeige.ru-ru,.ru-ru .font-semp-medium-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-lightBeige.zh-tw,.zh-tw .font-semp-medium-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-blue {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-blue {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-blue {
        font-size:1.728rem
    }
}

.font-semp-medium-blue.zh-cn,.zh-cn .font-semp-medium-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-blue.ko-kr,.ko-kr .font-semp-medium-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-blue.ru-ru,.ru-ru .font-semp-medium-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-blue.zh-tw,.zh-tw .font-semp-medium-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-lightBlue {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-lightBlue {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-lightBlue {
        font-size:1.728rem
    }
}

.font-semp-medium-lightBlue.zh-cn,.zh-cn .font-semp-medium-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-lightBlue.ko-kr,.ko-kr .font-semp-medium-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-lightBlue.ru-ru,.ru-ru .font-semp-medium-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-lightBlue.zh-tw,.zh-tw .font-semp-medium-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-red {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-red {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-red {
        font-size:1.728rem
    }
}

.font-semp-medium-red.zh-cn,.zh-cn .font-semp-medium-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-red.ko-kr,.ko-kr .font-semp-medium-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-red.ru-ru,.ru-ru .font-semp-medium-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-red.zh-tw,.zh-tw .font-semp-medium-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-mediumGreen {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-mediumGreen {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-mediumGreen {
        font-size:1.728rem
    }
}

.font-semp-medium-mediumGreen.zh-cn,.zh-cn .font-semp-medium-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-mediumGreen.ko-kr,.ko-kr .font-semp-medium-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-mediumGreen.ru-ru,.ru-ru .font-semp-medium-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-mediumGreen.zh-tw,.zh-tw .font-semp-medium-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-lightGreen {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-lightGreen {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-lightGreen {
        font-size:1.728rem
    }
}

.font-semp-medium-lightGreen.zh-cn,.zh-cn .font-semp-medium-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-lightGreen.ko-kr,.ko-kr .font-semp-medium-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-lightGreen.ru-ru,.ru-ru .font-semp-medium-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-lightGreen.zh-tw,.zh-tw .font-semp-medium-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-darkBrown {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-darkBrown {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-darkBrown {
        font-size:1.728rem
    }
}

.font-semp-medium-darkBrown.zh-cn,.zh-cn .font-semp-medium-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-darkBrown.ko-kr,.ko-kr .font-semp-medium-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-darkBrown.ru-ru,.ru-ru .font-semp-medium-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-darkBrown.zh-tw,.zh-tw .font-semp-medium-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-mediumGold {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-mediumGold {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-mediumGold {
        font-size:1.728rem
    }
}

.font-semp-medium-mediumGold.zh-cn,.zh-cn .font-semp-medium-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-mediumGold.ko-kr,.ko-kr .font-semp-medium-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-mediumGold.ru-ru,.ru-ru .font-semp-medium-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-mediumGold.zh-tw,.zh-tw .font-semp-medium-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-lightGold {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-lightGold {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-lightGold {
        font-size:1.728rem
    }
}

.font-semp-medium-lightGold.zh-cn,.zh-cn .font-semp-medium-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-lightGold.ko-kr,.ko-kr .font-semp-medium-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-lightGold.ru-ru,.ru-ru .font-semp-medium-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-lightGold.zh-tw,.zh-tw .font-semp-medium-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-lightOrange {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-lightOrange {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-lightOrange {
        font-size:1.728rem
    }
}

.font-semp-medium-lightOrange.zh-cn,.zh-cn .font-semp-medium-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-lightOrange.ko-kr,.ko-kr .font-semp-medium-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-lightOrange.ru-ru,.ru-ru .font-semp-medium-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-lightOrange.zh-tw,.zh-tw .font-semp-medium-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-black {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-black {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-black {
        font-size:1.728rem
    }
}

.font-semp-medium-black.zh-cn,.zh-cn .font-semp-medium-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-black.ko-kr,.ko-kr .font-semp-medium-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-black.ru-ru,.ru-ru .font-semp-medium-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-black.zh-tw,.zh-tw .font-semp-medium-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-darkGray {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-darkGray {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-darkGray {
        font-size:1.728rem
    }
}

.font-semp-medium-darkGray.zh-cn,.zh-cn .font-semp-medium-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-darkGray.ko-kr,.ko-kr .font-semp-medium-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-darkGray.ru-ru,.ru-ru .font-semp-medium-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-darkGray.zh-tw,.zh-tw .font-semp-medium-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-gray {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-gray {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-gray {
        font-size:1.728rem
    }
}

.font-semp-medium-gray.zh-cn,.zh-cn .font-semp-medium-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-gray.ko-kr,.ko-kr .font-semp-medium-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-gray.ru-ru,.ru-ru .font-semp-medium-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-gray.zh-tw,.zh-tw .font-semp-medium-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-silver {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-silver {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-silver {
        font-size:1.728rem
    }
}

.font-semp-medium-silver.zh-cn,.zh-cn .font-semp-medium-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-silver.ko-kr,.ko-kr .font-semp-medium-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-silver.ru-ru,.ru-ru .font-semp-medium-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-silver.zh-tw,.zh-tw .font-semp-medium-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-medium-white {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-medium-white {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-semp-medium-white {
        font-size:1.728rem
    }
}

.font-semp-medium-white.zh-cn,.zh-cn .font-semp-medium-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-medium-white.ko-kr,.ko-kr .font-semp-medium-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-medium-white.ru-ru,.ru-ru .font-semp-medium-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-medium-white.zh-tw,.zh-tw .font-semp-medium-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-darkBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-darkBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-darkBeige {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-darkBeige.zh-cn,.zh-cn .font-bliz-light-medium-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-darkBeige.ko-kr,.ko-kr .font-bliz-light-medium-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-darkBeige.ru-ru,.ru-ru .font-bliz-light-medium-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-darkBeige.zh-tw,.zh-tw .font-bliz-light-medium-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-mediumBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-mediumBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-mediumBeige {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-mediumBeige.zh-cn,.zh-cn .font-bliz-light-medium-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-mediumBeige.ko-kr,.ko-kr .font-bliz-light-medium-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-mediumBeige.ru-ru,.ru-ru .font-bliz-light-medium-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-mediumBeige.zh-tw,.zh-tw .font-bliz-light-medium-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-beige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-beige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-beige {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-beige.zh-cn,.zh-cn .font-bliz-light-medium-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-beige.ko-kr,.ko-kr .font-bliz-light-medium-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-beige.ru-ru,.ru-ru .font-bliz-light-medium-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-beige.zh-tw,.zh-tw .font-bliz-light-medium-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-lightBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-lightBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-lightBeige {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-lightBeige.zh-cn,.zh-cn .font-bliz-light-medium-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-lightBeige.ko-kr,.ko-kr .font-bliz-light-medium-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-lightBeige.ru-ru,.ru-ru .font-bliz-light-medium-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-lightBeige.zh-tw,.zh-tw .font-bliz-light-medium-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-blue {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-blue {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-blue {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-blue.zh-cn,.zh-cn .font-bliz-light-medium-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-blue.ko-kr,.ko-kr .font-bliz-light-medium-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-blue.ru-ru,.ru-ru .font-bliz-light-medium-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-blue.zh-tw,.zh-tw .font-bliz-light-medium-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-lightBlue {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-lightBlue {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-lightBlue {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-lightBlue.zh-cn,.zh-cn .font-bliz-light-medium-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-lightBlue.ko-kr,.ko-kr .font-bliz-light-medium-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-lightBlue.ru-ru,.ru-ru .font-bliz-light-medium-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-lightBlue.zh-tw,.zh-tw .font-bliz-light-medium-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-red {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-red {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-red {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-red.zh-cn,.zh-cn .font-bliz-light-medium-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-red.ko-kr,.ko-kr .font-bliz-light-medium-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-red.ru-ru,.ru-ru .font-bliz-light-medium-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-red.zh-tw,.zh-tw .font-bliz-light-medium-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-mediumGreen {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-mediumGreen {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-mediumGreen {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-mediumGreen.zh-cn,.zh-cn .font-bliz-light-medium-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-mediumGreen.ko-kr,.ko-kr .font-bliz-light-medium-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-mediumGreen.ru-ru,.ru-ru .font-bliz-light-medium-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-mediumGreen.zh-tw,.zh-tw .font-bliz-light-medium-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-lightGreen {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-lightGreen {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-lightGreen {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-lightGreen.zh-cn,.zh-cn .font-bliz-light-medium-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-lightGreen.ko-kr,.ko-kr .font-bliz-light-medium-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-lightGreen.ru-ru,.ru-ru .font-bliz-light-medium-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-lightGreen.zh-tw,.zh-tw .font-bliz-light-medium-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-darkBrown {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-darkBrown {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-darkBrown {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-darkBrown.zh-cn,.zh-cn .font-bliz-light-medium-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-darkBrown.ko-kr,.ko-kr .font-bliz-light-medium-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-darkBrown.ru-ru,.ru-ru .font-bliz-light-medium-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-darkBrown.zh-tw,.zh-tw .font-bliz-light-medium-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-mediumGold {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-mediumGold {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-mediumGold {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-mediumGold.zh-cn,.zh-cn .font-bliz-light-medium-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-mediumGold.ko-kr,.ko-kr .font-bliz-light-medium-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-mediumGold.ru-ru,.ru-ru .font-bliz-light-medium-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-mediumGold.zh-tw,.zh-tw .font-bliz-light-medium-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-lightGold {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-lightGold {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-lightGold {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-lightGold.zh-cn,.zh-cn .font-bliz-light-medium-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-lightGold.ko-kr,.ko-kr .font-bliz-light-medium-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-lightGold.ru-ru,.ru-ru .font-bliz-light-medium-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-lightGold.zh-tw,.zh-tw .font-bliz-light-medium-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-lightOrange {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-lightOrange {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-lightOrange {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-lightOrange.zh-cn,.zh-cn .font-bliz-light-medium-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-lightOrange.ko-kr,.ko-kr .font-bliz-light-medium-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-lightOrange.ru-ru,.ru-ru .font-bliz-light-medium-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-lightOrange.zh-tw,.zh-tw .font-bliz-light-medium-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-black {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-black {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-black {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-black.zh-cn,.zh-cn .font-bliz-light-medium-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-black.ko-kr,.ko-kr .font-bliz-light-medium-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-black.ru-ru,.ru-ru .font-bliz-light-medium-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-black.zh-tw,.zh-tw .font-bliz-light-medium-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-darkGray {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-darkGray {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-darkGray {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-darkGray.zh-cn,.zh-cn .font-bliz-light-medium-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-darkGray.ko-kr,.ko-kr .font-bliz-light-medium-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-darkGray.ru-ru,.ru-ru .font-bliz-light-medium-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-darkGray.zh-tw,.zh-tw .font-bliz-light-medium-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-gray {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-gray {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-gray {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-gray.zh-cn,.zh-cn .font-bliz-light-medium-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-gray.ko-kr,.ko-kr .font-bliz-light-medium-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-gray.ru-ru,.ru-ru .font-bliz-light-medium-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-gray.zh-tw,.zh-tw .font-bliz-light-medium-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-silver {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-silver {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-silver {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-silver.zh-cn,.zh-cn .font-bliz-light-medium-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-silver.ko-kr,.ko-kr .font-bliz-light-medium-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-silver.ru-ru,.ru-ru .font-bliz-light-medium-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-silver.zh-tw,.zh-tw .font-bliz-light-medium-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-medium-white {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-medium-white {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-medium-white {
        font-size:1.728rem
    }
}

.font-bliz-light-medium-white.zh-cn,.zh-cn .font-bliz-light-medium-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-medium-white.ko-kr,.ko-kr .font-bliz-light-medium-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-medium-white.ru-ru,.ru-ru .font-bliz-light-medium-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-medium-white.zh-tw,.zh-tw .font-bliz-light-medium-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-darkBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-medium-darkBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-darkBeige {
        font-size:1.728rem
    }
}

.font-quadrata-medium-darkBeige.zh-cn,.zh-cn .font-quadrata-medium-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-darkBeige.ko-kr,.ko-kr .font-quadrata-medium-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-darkBeige.ru-ru,.ru-ru .font-quadrata-medium-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-darkBeige.zh-tw,.zh-tw .font-quadrata-medium-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-mediumBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-medium-mediumBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-mediumBeige {
        font-size:1.728rem
    }
}

.font-quadrata-medium-mediumBeige.zh-cn,.zh-cn .font-quadrata-medium-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-mediumBeige.ko-kr,.ko-kr .font-quadrata-medium-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-mediumBeige.ru-ru,.ru-ru .font-quadrata-medium-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-mediumBeige.zh-tw,.zh-tw .font-quadrata-medium-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-beige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-medium-beige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-beige {
        font-size:1.728rem
    }
}

.font-quadrata-medium-beige.zh-cn,.zh-cn .font-quadrata-medium-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-beige.ko-kr,.ko-kr .font-quadrata-medium-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-beige.ru-ru,.ru-ru .font-quadrata-medium-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-beige.zh-tw,.zh-tw .font-quadrata-medium-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-lightBeige {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-medium-lightBeige {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-lightBeige {
        font-size:1.728rem
    }
}

.font-quadrata-medium-lightBeige.zh-cn,.zh-cn .font-quadrata-medium-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-lightBeige.ko-kr,.ko-kr .font-quadrata-medium-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-lightBeige.ru-ru,.ru-ru .font-quadrata-medium-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-lightBeige.zh-tw,.zh-tw .font-quadrata-medium-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-blue {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-medium-blue {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-blue {
        font-size:1.728rem
    }
}

.font-quadrata-medium-blue.zh-cn,.zh-cn .font-quadrata-medium-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-blue.ko-kr,.ko-kr .font-quadrata-medium-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-blue.ru-ru,.ru-ru .font-quadrata-medium-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-blue.zh-tw,.zh-tw .font-quadrata-medium-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-lightBlue {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-medium-lightBlue {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-lightBlue {
        font-size:1.728rem
    }
}

.font-quadrata-medium-lightBlue.zh-cn,.zh-cn .font-quadrata-medium-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-lightBlue.ko-kr,.ko-kr .font-quadrata-medium-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-lightBlue.ru-ru,.ru-ru .font-quadrata-medium-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-lightBlue.zh-tw,.zh-tw .font-quadrata-medium-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-red {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-medium-red {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-red {
        font-size:1.728rem
    }
}

.font-quadrata-medium-red.zh-cn,.zh-cn .font-quadrata-medium-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-red.ko-kr,.ko-kr .font-quadrata-medium-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-red.ru-ru,.ru-ru .font-quadrata-medium-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-red.zh-tw,.zh-tw .font-quadrata-medium-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-mediumGreen {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-medium-mediumGreen {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-mediumGreen {
        font-size:1.728rem
    }
}

.font-quadrata-medium-mediumGreen.zh-cn,.zh-cn .font-quadrata-medium-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-mediumGreen.ko-kr,.ko-kr .font-quadrata-medium-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-mediumGreen.ru-ru,.ru-ru .font-quadrata-medium-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-mediumGreen.zh-tw,.zh-tw .font-quadrata-medium-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-lightGreen {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-medium-lightGreen {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-lightGreen {
        font-size:1.728rem
    }
}

.font-quadrata-medium-lightGreen.zh-cn,.zh-cn .font-quadrata-medium-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-lightGreen.ko-kr,.ko-kr .font-quadrata-medium-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-lightGreen.ru-ru,.ru-ru .font-quadrata-medium-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-lightGreen.zh-tw,.zh-tw .font-quadrata-medium-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-darkBrown {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-medium-darkBrown {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-darkBrown {
        font-size:1.728rem
    }
}

.font-quadrata-medium-darkBrown.zh-cn,.zh-cn .font-quadrata-medium-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-darkBrown.ko-kr,.ko-kr .font-quadrata-medium-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-darkBrown.ru-ru,.ru-ru .font-quadrata-medium-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-darkBrown.zh-tw,.zh-tw .font-quadrata-medium-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-mediumGold {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-medium-mediumGold {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-mediumGold {
        font-size:1.728rem
    }
}

.font-quadrata-medium-mediumGold.zh-cn,.zh-cn .font-quadrata-medium-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-mediumGold.ko-kr,.ko-kr .font-quadrata-medium-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-mediumGold.ru-ru,.ru-ru .font-quadrata-medium-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-mediumGold.zh-tw,.zh-tw .font-quadrata-medium-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-lightGold {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-medium-lightGold {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-lightGold {
        font-size:1.728rem
    }
}

.font-quadrata-medium-lightGold.zh-cn,.zh-cn .font-quadrata-medium-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-lightGold.ko-kr,.ko-kr .font-quadrata-medium-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-lightGold.ru-ru,.ru-ru .font-quadrata-medium-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-lightGold.zh-tw,.zh-tw .font-quadrata-medium-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-lightOrange {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-medium-lightOrange {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-lightOrange {
        font-size:1.728rem
    }
}

.font-quadrata-medium-lightOrange.zh-cn,.zh-cn .font-quadrata-medium-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-lightOrange.ko-kr,.ko-kr .font-quadrata-medium-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-lightOrange.ru-ru,.ru-ru .font-quadrata-medium-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-lightOrange.zh-tw,.zh-tw .font-quadrata-medium-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-black {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-medium-black {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-black {
        font-size:1.728rem
    }
}

.font-quadrata-medium-black.zh-cn,.zh-cn .font-quadrata-medium-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-black.ko-kr,.ko-kr .font-quadrata-medium-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-black.ru-ru,.ru-ru .font-quadrata-medium-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-black.zh-tw,.zh-tw .font-quadrata-medium-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-darkGray {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-medium-darkGray {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-darkGray {
        font-size:1.728rem
    }
}

.font-quadrata-medium-darkGray.zh-cn,.zh-cn .font-quadrata-medium-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-darkGray.ko-kr,.ko-kr .font-quadrata-medium-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-darkGray.ru-ru,.ru-ru .font-quadrata-medium-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-darkGray.zh-tw,.zh-tw .font-quadrata-medium-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-gray {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-medium-gray {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-gray {
        font-size:1.728rem
    }
}

.font-quadrata-medium-gray.zh-cn,.zh-cn .font-quadrata-medium-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-gray.ko-kr,.ko-kr .font-quadrata-medium-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-gray.ru-ru,.ru-ru .font-quadrata-medium-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-gray.zh-tw,.zh-tw .font-quadrata-medium-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-silver {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-medium-silver {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-silver {
        font-size:1.728rem
    }
}

.font-quadrata-medium-silver.zh-cn,.zh-cn .font-quadrata-medium-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-silver.ko-kr,.ko-kr .font-quadrata-medium-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-silver.ru-ru,.ru-ru .font-quadrata-medium-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-silver.zh-tw,.zh-tw .font-quadrata-medium-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-medium-white {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-medium-white {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-medium-white {
        font-size:1.728rem
    }
}

.font-quadrata-medium-white.zh-cn,.zh-cn .font-quadrata-medium-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-medium-white.ko-kr,.ko-kr .font-quadrata-medium-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-medium-white.ru-ru,.ru-ru .font-quadrata-medium-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-medium-white.zh-tw,.zh-tw .font-quadrata-medium-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-big {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-size-big {
        font-size:2.074rem
    }
}

.font-semp-big-darkBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-darkBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-darkBeige {
        font-size:2.074rem
    }
}

.font-semp-big-darkBeige.zh-cn,.zh-cn .font-semp-big-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-darkBeige.ko-kr,.ko-kr .font-semp-big-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-darkBeige.ru-ru,.ru-ru .font-semp-big-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-darkBeige.zh-tw,.zh-tw .font-semp-big-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-mediumBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-mediumBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-mediumBeige {
        font-size:2.074rem
    }
}

.font-semp-big-mediumBeige.zh-cn,.zh-cn .font-semp-big-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-mediumBeige.ko-kr,.ko-kr .font-semp-big-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-mediumBeige.ru-ru,.ru-ru .font-semp-big-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-mediumBeige.zh-tw,.zh-tw .font-semp-big-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-beige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-beige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-beige {
        font-size:2.074rem
    }
}

.font-semp-big-beige.zh-cn,.zh-cn .font-semp-big-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-beige.ko-kr,.ko-kr .font-semp-big-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-beige.ru-ru,.ru-ru .font-semp-big-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-beige.zh-tw,.zh-tw .font-semp-big-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-lightBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-lightBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-lightBeige {
        font-size:2.074rem
    }
}

.font-semp-big-lightBeige.zh-cn,.zh-cn .font-semp-big-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-lightBeige.ko-kr,.ko-kr .font-semp-big-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-lightBeige.ru-ru,.ru-ru .font-semp-big-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-lightBeige.zh-tw,.zh-tw .font-semp-big-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-blue {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-blue {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-blue {
        font-size:2.074rem
    }
}

.font-semp-big-blue.zh-cn,.zh-cn .font-semp-big-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-blue.ko-kr,.ko-kr .font-semp-big-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-blue.ru-ru,.ru-ru .font-semp-big-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-blue.zh-tw,.zh-tw .font-semp-big-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-lightBlue {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-lightBlue {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-lightBlue {
        font-size:2.074rem
    }
}

.font-semp-big-lightBlue.zh-cn,.zh-cn .font-semp-big-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-lightBlue.ko-kr,.ko-kr .font-semp-big-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-lightBlue.ru-ru,.ru-ru .font-semp-big-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-lightBlue.zh-tw,.zh-tw .font-semp-big-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-red {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-red {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-red {
        font-size:2.074rem
    }
}

.font-semp-big-red.zh-cn,.zh-cn .font-semp-big-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-red.ko-kr,.ko-kr .font-semp-big-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-red.ru-ru,.ru-ru .font-semp-big-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-red.zh-tw,.zh-tw .font-semp-big-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-mediumGreen {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-mediumGreen {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-mediumGreen {
        font-size:2.074rem
    }
}

.font-semp-big-mediumGreen.zh-cn,.zh-cn .font-semp-big-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-mediumGreen.ko-kr,.ko-kr .font-semp-big-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-mediumGreen.ru-ru,.ru-ru .font-semp-big-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-mediumGreen.zh-tw,.zh-tw .font-semp-big-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-lightGreen {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-lightGreen {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-lightGreen {
        font-size:2.074rem
    }
}

.font-semp-big-lightGreen.zh-cn,.zh-cn .font-semp-big-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-lightGreen.ko-kr,.ko-kr .font-semp-big-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-lightGreen.ru-ru,.ru-ru .font-semp-big-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-lightGreen.zh-tw,.zh-tw .font-semp-big-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-darkBrown {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-darkBrown {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-darkBrown {
        font-size:2.074rem
    }
}

.font-semp-big-darkBrown.zh-cn,.zh-cn .font-semp-big-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-darkBrown.ko-kr,.ko-kr .font-semp-big-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-darkBrown.ru-ru,.ru-ru .font-semp-big-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-darkBrown.zh-tw,.zh-tw .font-semp-big-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-mediumGold {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-mediumGold {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-mediumGold {
        font-size:2.074rem
    }
}

.font-semp-big-mediumGold.zh-cn,.zh-cn .font-semp-big-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-mediumGold.ko-kr,.ko-kr .font-semp-big-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-mediumGold.ru-ru,.ru-ru .font-semp-big-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-mediumGold.zh-tw,.zh-tw .font-semp-big-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-lightGold {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-lightGold {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-lightGold {
        font-size:2.074rem
    }
}

.font-semp-big-lightGold.zh-cn,.zh-cn .font-semp-big-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-lightGold.ko-kr,.ko-kr .font-semp-big-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-lightGold.ru-ru,.ru-ru .font-semp-big-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-lightGold.zh-tw,.zh-tw .font-semp-big-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-lightOrange {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-lightOrange {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-lightOrange {
        font-size:2.074rem
    }
}

.font-semp-big-lightOrange.zh-cn,.zh-cn .font-semp-big-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-lightOrange.ko-kr,.ko-kr .font-semp-big-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-lightOrange.ru-ru,.ru-ru .font-semp-big-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-lightOrange.zh-tw,.zh-tw .font-semp-big-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-black {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-black {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-black {
        font-size:2.074rem
    }
}

.font-semp-big-black.zh-cn,.zh-cn .font-semp-big-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-black.ko-kr,.ko-kr .font-semp-big-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-black.ru-ru,.ru-ru .font-semp-big-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-black.zh-tw,.zh-tw .font-semp-big-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-darkGray {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-darkGray {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-darkGray {
        font-size:2.074rem
    }
}

.font-semp-big-darkGray.zh-cn,.zh-cn .font-semp-big-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-darkGray.ko-kr,.ko-kr .font-semp-big-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-darkGray.ru-ru,.ru-ru .font-semp-big-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-darkGray.zh-tw,.zh-tw .font-semp-big-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-gray {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-gray {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-gray {
        font-size:2.074rem
    }
}

.font-semp-big-gray.zh-cn,.zh-cn .font-semp-big-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-gray.ko-kr,.ko-kr .font-semp-big-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-gray.ru-ru,.ru-ru .font-semp-big-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-gray.zh-tw,.zh-tw .font-semp-big-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-silver {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-silver {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-silver {
        font-size:2.074rem
    }
}

.font-semp-big-silver.zh-cn,.zh-cn .font-semp-big-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-silver.ko-kr,.ko-kr .font-semp-big-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-silver.ru-ru,.ru-ru .font-semp-big-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-silver.zh-tw,.zh-tw .font-semp-big-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-big-white {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-big-white {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-semp-big-white {
        font-size:2.074rem
    }
}

.font-semp-big-white.zh-cn,.zh-cn .font-semp-big-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-big-white.ko-kr,.ko-kr .font-semp-big-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-big-white.ru-ru,.ru-ru .font-semp-big-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-big-white.zh-tw,.zh-tw .font-semp-big-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-darkBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-darkBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-darkBeige {
        font-size:2.074rem
    }
}

.font-bliz-light-big-darkBeige.zh-cn,.zh-cn .font-bliz-light-big-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-darkBeige.ko-kr,.ko-kr .font-bliz-light-big-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-darkBeige.ru-ru,.ru-ru .font-bliz-light-big-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-darkBeige.zh-tw,.zh-tw .font-bliz-light-big-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-mediumBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-mediumBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-mediumBeige {
        font-size:2.074rem
    }
}

.font-bliz-light-big-mediumBeige.zh-cn,.zh-cn .font-bliz-light-big-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-mediumBeige.ko-kr,.ko-kr .font-bliz-light-big-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-mediumBeige.ru-ru,.ru-ru .font-bliz-light-big-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-mediumBeige.zh-tw,.zh-tw .font-bliz-light-big-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-beige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-beige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-beige {
        font-size:2.074rem
    }
}

.font-bliz-light-big-beige.zh-cn,.zh-cn .font-bliz-light-big-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-beige.ko-kr,.ko-kr .font-bliz-light-big-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-beige.ru-ru,.ru-ru .font-bliz-light-big-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-beige.zh-tw,.zh-tw .font-bliz-light-big-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-lightBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-lightBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-lightBeige {
        font-size:2.074rem
    }
}

.font-bliz-light-big-lightBeige.zh-cn,.zh-cn .font-bliz-light-big-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-lightBeige.ko-kr,.ko-kr .font-bliz-light-big-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-lightBeige.ru-ru,.ru-ru .font-bliz-light-big-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-lightBeige.zh-tw,.zh-tw .font-bliz-light-big-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-blue {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-blue {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-blue {
        font-size:2.074rem
    }
}

.font-bliz-light-big-blue.zh-cn,.zh-cn .font-bliz-light-big-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-blue.ko-kr,.ko-kr .font-bliz-light-big-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-blue.ru-ru,.ru-ru .font-bliz-light-big-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-blue.zh-tw,.zh-tw .font-bliz-light-big-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-lightBlue {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-lightBlue {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-lightBlue {
        font-size:2.074rem
    }
}

.font-bliz-light-big-lightBlue.zh-cn,.zh-cn .font-bliz-light-big-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-lightBlue.ko-kr,.ko-kr .font-bliz-light-big-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-lightBlue.ru-ru,.ru-ru .font-bliz-light-big-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-lightBlue.zh-tw,.zh-tw .font-bliz-light-big-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-red {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-red {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-red {
        font-size:2.074rem
    }
}

.font-bliz-light-big-red.zh-cn,.zh-cn .font-bliz-light-big-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-red.ko-kr,.ko-kr .font-bliz-light-big-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-red.ru-ru,.ru-ru .font-bliz-light-big-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-red.zh-tw,.zh-tw .font-bliz-light-big-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-mediumGreen {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-mediumGreen {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-mediumGreen {
        font-size:2.074rem
    }
}

.font-bliz-light-big-mediumGreen.zh-cn,.zh-cn .font-bliz-light-big-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-mediumGreen.ko-kr,.ko-kr .font-bliz-light-big-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-mediumGreen.ru-ru,.ru-ru .font-bliz-light-big-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-mediumGreen.zh-tw,.zh-tw .font-bliz-light-big-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-lightGreen {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-lightGreen {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-lightGreen {
        font-size:2.074rem
    }
}

.font-bliz-light-big-lightGreen.zh-cn,.zh-cn .font-bliz-light-big-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-lightGreen.ko-kr,.ko-kr .font-bliz-light-big-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-lightGreen.ru-ru,.ru-ru .font-bliz-light-big-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-lightGreen.zh-tw,.zh-tw .font-bliz-light-big-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-darkBrown {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-darkBrown {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-darkBrown {
        font-size:2.074rem
    }
}

.font-bliz-light-big-darkBrown.zh-cn,.zh-cn .font-bliz-light-big-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-darkBrown.ko-kr,.ko-kr .font-bliz-light-big-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-darkBrown.ru-ru,.ru-ru .font-bliz-light-big-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-darkBrown.zh-tw,.zh-tw .font-bliz-light-big-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-mediumGold {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-mediumGold {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-mediumGold {
        font-size:2.074rem
    }
}

.font-bliz-light-big-mediumGold.zh-cn,.zh-cn .font-bliz-light-big-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-mediumGold.ko-kr,.ko-kr .font-bliz-light-big-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-mediumGold.ru-ru,.ru-ru .font-bliz-light-big-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-mediumGold.zh-tw,.zh-tw .font-bliz-light-big-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-lightGold {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-lightGold {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-lightGold {
        font-size:2.074rem
    }
}

.font-bliz-light-big-lightGold.zh-cn,.zh-cn .font-bliz-light-big-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-lightGold.ko-kr,.ko-kr .font-bliz-light-big-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-lightGold.ru-ru,.ru-ru .font-bliz-light-big-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-lightGold.zh-tw,.zh-tw .font-bliz-light-big-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-lightOrange {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-lightOrange {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-lightOrange {
        font-size:2.074rem
    }
}

.font-bliz-light-big-lightOrange.zh-cn,.zh-cn .font-bliz-light-big-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-lightOrange.ko-kr,.ko-kr .font-bliz-light-big-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-lightOrange.ru-ru,.ru-ru .font-bliz-light-big-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-lightOrange.zh-tw,.zh-tw .font-bliz-light-big-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-black {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-black {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-black {
        font-size:2.074rem
    }
}

.font-bliz-light-big-black.zh-cn,.zh-cn .font-bliz-light-big-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-black.ko-kr,.ko-kr .font-bliz-light-big-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-black.ru-ru,.ru-ru .font-bliz-light-big-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-black.zh-tw,.zh-tw .font-bliz-light-big-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-darkGray {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-darkGray {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-darkGray {
        font-size:2.074rem
    }
}

.font-bliz-light-big-darkGray.zh-cn,.zh-cn .font-bliz-light-big-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-darkGray.ko-kr,.ko-kr .font-bliz-light-big-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-darkGray.ru-ru,.ru-ru .font-bliz-light-big-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-darkGray.zh-tw,.zh-tw .font-bliz-light-big-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-gray {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-gray {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-gray {
        font-size:2.074rem
    }
}

.font-bliz-light-big-gray.zh-cn,.zh-cn .font-bliz-light-big-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-gray.ko-kr,.ko-kr .font-bliz-light-big-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-gray.ru-ru,.ru-ru .font-bliz-light-big-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-gray.zh-tw,.zh-tw .font-bliz-light-big-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-silver {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-silver {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-silver {
        font-size:2.074rem
    }
}

.font-bliz-light-big-silver.zh-cn,.zh-cn .font-bliz-light-big-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-silver.ko-kr,.ko-kr .font-bliz-light-big-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-silver.ru-ru,.ru-ru .font-bliz-light-big-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-silver.zh-tw,.zh-tw .font-bliz-light-big-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-big-white {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-big-white {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-big-white {
        font-size:2.074rem
    }
}

.font-bliz-light-big-white.zh-cn,.zh-cn .font-bliz-light-big-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-big-white.ko-kr,.ko-kr .font-bliz-light-big-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-big-white.ru-ru,.ru-ru .font-bliz-light-big-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-big-white.zh-tw,.zh-tw .font-bliz-light-big-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-darkBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-big-darkBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-darkBeige {
        font-size:2.074rem
    }
}

.font-quadrata-big-darkBeige.zh-cn,.zh-cn .font-quadrata-big-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-darkBeige.ko-kr,.ko-kr .font-quadrata-big-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-darkBeige.ru-ru,.ru-ru .font-quadrata-big-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-darkBeige.zh-tw,.zh-tw .font-quadrata-big-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-mediumBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-big-mediumBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-mediumBeige {
        font-size:2.074rem
    }
}

.font-quadrata-big-mediumBeige.zh-cn,.zh-cn .font-quadrata-big-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-mediumBeige.ko-kr,.ko-kr .font-quadrata-big-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-mediumBeige.ru-ru,.ru-ru .font-quadrata-big-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-mediumBeige.zh-tw,.zh-tw .font-quadrata-big-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-beige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-big-beige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-beige {
        font-size:2.074rem
    }
}

.font-quadrata-big-beige.zh-cn,.zh-cn .font-quadrata-big-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-beige.ko-kr,.ko-kr .font-quadrata-big-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-beige.ru-ru,.ru-ru .font-quadrata-big-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-beige.zh-tw,.zh-tw .font-quadrata-big-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-lightBeige {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-big-lightBeige {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-lightBeige {
        font-size:2.074rem
    }
}

.font-quadrata-big-lightBeige.zh-cn,.zh-cn .font-quadrata-big-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-lightBeige.ko-kr,.ko-kr .font-quadrata-big-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-lightBeige.ru-ru,.ru-ru .font-quadrata-big-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-lightBeige.zh-tw,.zh-tw .font-quadrata-big-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-blue {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-big-blue {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-blue {
        font-size:2.074rem
    }
}

.font-quadrata-big-blue.zh-cn,.zh-cn .font-quadrata-big-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-blue.ko-kr,.ko-kr .font-quadrata-big-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-blue.ru-ru,.ru-ru .font-quadrata-big-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-blue.zh-tw,.zh-tw .font-quadrata-big-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-lightBlue {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-big-lightBlue {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-lightBlue {
        font-size:2.074rem
    }
}

.font-quadrata-big-lightBlue.zh-cn,.zh-cn .font-quadrata-big-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-lightBlue.ko-kr,.ko-kr .font-quadrata-big-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-lightBlue.ru-ru,.ru-ru .font-quadrata-big-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-lightBlue.zh-tw,.zh-tw .font-quadrata-big-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-red {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-big-red {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-red {
        font-size:2.074rem
    }
}

.font-quadrata-big-red.zh-cn,.zh-cn .font-quadrata-big-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-red.ko-kr,.ko-kr .font-quadrata-big-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-red.ru-ru,.ru-ru .font-quadrata-big-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-red.zh-tw,.zh-tw .font-quadrata-big-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-mediumGreen {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-big-mediumGreen {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-mediumGreen {
        font-size:2.074rem
    }
}

.font-quadrata-big-mediumGreen.zh-cn,.zh-cn .font-quadrata-big-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-mediumGreen.ko-kr,.ko-kr .font-quadrata-big-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-mediumGreen.ru-ru,.ru-ru .font-quadrata-big-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-mediumGreen.zh-tw,.zh-tw .font-quadrata-big-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-lightGreen {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-big-lightGreen {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-lightGreen {
        font-size:2.074rem
    }
}

.font-quadrata-big-lightGreen.zh-cn,.zh-cn .font-quadrata-big-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-lightGreen.ko-kr,.ko-kr .font-quadrata-big-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-lightGreen.ru-ru,.ru-ru .font-quadrata-big-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-lightGreen.zh-tw,.zh-tw .font-quadrata-big-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-darkBrown {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-big-darkBrown {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-darkBrown {
        font-size:2.074rem
    }
}

.font-quadrata-big-darkBrown.zh-cn,.zh-cn .font-quadrata-big-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-darkBrown.ko-kr,.ko-kr .font-quadrata-big-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-darkBrown.ru-ru,.ru-ru .font-quadrata-big-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-darkBrown.zh-tw,.zh-tw .font-quadrata-big-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-mediumGold {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-big-mediumGold {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-mediumGold {
        font-size:2.074rem
    }
}

.font-quadrata-big-mediumGold.zh-cn,.zh-cn .font-quadrata-big-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-mediumGold.ko-kr,.ko-kr .font-quadrata-big-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-mediumGold.ru-ru,.ru-ru .font-quadrata-big-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-mediumGold.zh-tw,.zh-tw .font-quadrata-big-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-lightGold {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-big-lightGold {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-lightGold {
        font-size:2.074rem
    }
}

span.page-link {
    color: #fff ;
    background: #22242c ;
    border: unset;
}
.page-item.disabled .page-link {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.page-item.active .page-link {
    background-color: #1a1c23;
    border-color: #1a1c23;
}

.font-quadrata-big-lightGold.zh-cn,.zh-cn .font-quadrata-big-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-lightGold.ko-kr,.ko-kr .font-quadrata-big-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-lightGold.ru-ru,.ru-ru .font-quadrata-big-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-lightGold.zh-tw,.zh-tw .font-quadrata-big-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-lightOrange {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-big-lightOrange {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-lightOrange {
        font-size:2.074rem
    }
}

.font-quadrata-big-lightOrange.zh-cn,.zh-cn .font-quadrata-big-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-lightOrange.ko-kr,.ko-kr .font-quadrata-big-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-lightOrange.ru-ru,.ru-ru .font-quadrata-big-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-lightOrange.zh-tw,.zh-tw .font-quadrata-big-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-black {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-big-black {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-black {
        font-size:2.074rem
    }
}

.font-quadrata-big-black.zh-cn,.zh-cn .font-quadrata-big-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-black.ko-kr,.ko-kr .font-quadrata-big-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-black.ru-ru,.ru-ru .font-quadrata-big-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-black.zh-tw,.zh-tw .font-quadrata-big-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-darkGray {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-big-darkGray {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-darkGray {
        font-size:2.074rem
    }
}

.font-quadrata-big-darkGray.zh-cn,.zh-cn .font-quadrata-big-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-darkGray.ko-kr,.ko-kr .font-quadrata-big-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-darkGray.ru-ru,.ru-ru .font-quadrata-big-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-darkGray.zh-tw,.zh-tw .font-quadrata-big-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-gray {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-big-gray {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-gray {
        font-size:2.074rem
    }
}

.font-quadrata-big-gray.zh-cn,.zh-cn .font-quadrata-big-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-gray.ko-kr,.ko-kr .font-quadrata-big-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-gray.ru-ru,.ru-ru .font-quadrata-big-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-gray.zh-tw,.zh-tw .font-quadrata-big-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-silver {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-big-silver {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-silver {
        font-size:2.074rem
    }
}

.font-quadrata-big-silver.zh-cn,.zh-cn .font-quadrata-big-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-silver.ko-kr,.ko-kr .font-quadrata-big-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-silver.ru-ru,.ru-ru .font-quadrata-big-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-silver.zh-tw,.zh-tw .font-quadrata-big-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-big-white {
    font-size: 1.5554999999999999rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-big-white {
        font-size:1.7629rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-big-white {
        font-size:2.074rem
    }
}

.font-quadrata-big-white.zh-cn,.zh-cn .font-quadrata-big-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-big-white.ko-kr,.ko-kr .font-quadrata-big-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-big-white.ru-ru,.ru-ru .font-quadrata-big-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-big-white.zh-tw,.zh-tw .font-quadrata-big-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-large {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-size-large {
        font-size:2.488rem
    }
}

.font-semp-large-darkBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-darkBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-darkBeige {
        font-size:2.488rem
    }
}

.font-semp-large-darkBeige.zh-cn,.zh-cn .font-semp-large-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-darkBeige.ko-kr,.ko-kr .font-semp-large-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-darkBeige.ru-ru,.ru-ru .font-semp-large-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-darkBeige.zh-tw,.zh-tw .font-semp-large-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-mediumBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-mediumBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-mediumBeige {
        font-size:2.488rem
    }
}

.font-semp-large-mediumBeige.zh-cn,.zh-cn .font-semp-large-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-mediumBeige.ko-kr,.ko-kr .font-semp-large-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-mediumBeige.ru-ru,.ru-ru .font-semp-large-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-mediumBeige.zh-tw,.zh-tw .font-semp-large-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-beige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-beige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-beige {
        font-size:2.488rem
    }
}

.font-semp-large-beige.zh-cn,.zh-cn .font-semp-large-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-beige.ko-kr,.ko-kr .font-semp-large-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-beige.ru-ru,.ru-ru .font-semp-large-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-beige.zh-tw,.zh-tw .font-semp-large-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-lightBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-lightBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-lightBeige {
        font-size:2.488rem
    }
}

.font-semp-large-lightBeige.zh-cn,.zh-cn .font-semp-large-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-lightBeige.ko-kr,.ko-kr .font-semp-large-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-lightBeige.ru-ru,.ru-ru .font-semp-large-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-lightBeige.zh-tw,.zh-tw .font-semp-large-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-blue {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-blue {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-blue {
        font-size:2.488rem
    }
}

.font-semp-large-blue.zh-cn,.zh-cn .font-semp-large-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-blue.ko-kr,.ko-kr .font-semp-large-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-blue.ru-ru,.ru-ru .font-semp-large-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-blue.zh-tw,.zh-tw .font-semp-large-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-lightBlue {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-lightBlue {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-lightBlue {
        font-size:2.488rem
    }
}

.font-semp-large-lightBlue.zh-cn,.zh-cn .font-semp-large-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-lightBlue.ko-kr,.ko-kr .font-semp-large-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-lightBlue.ru-ru,.ru-ru .font-semp-large-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-lightBlue.zh-tw,.zh-tw .font-semp-large-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-red {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-red {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-red {
        font-size:2.488rem
    }
}

.font-semp-large-red.zh-cn,.zh-cn .font-semp-large-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-red.ko-kr,.ko-kr .font-semp-large-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-red.ru-ru,.ru-ru .font-semp-large-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-red.zh-tw,.zh-tw .font-semp-large-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-mediumGreen {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-mediumGreen {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-mediumGreen {
        font-size:2.488rem
    }
}

.font-semp-large-mediumGreen.zh-cn,.zh-cn .font-semp-large-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-mediumGreen.ko-kr,.ko-kr .font-semp-large-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-mediumGreen.ru-ru,.ru-ru .font-semp-large-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-mediumGreen.zh-tw,.zh-tw .font-semp-large-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-lightGreen {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-lightGreen {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-lightGreen {
        font-size:2.488rem
    }
}

.font-semp-large-lightGreen.zh-cn,.zh-cn .font-semp-large-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-lightGreen.ko-kr,.ko-kr .font-semp-large-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-lightGreen.ru-ru,.ru-ru .font-semp-large-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-lightGreen.zh-tw,.zh-tw .font-semp-large-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-darkBrown {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-darkBrown {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-darkBrown {
        font-size:2.488rem
    }
}

.font-semp-large-darkBrown.zh-cn,.zh-cn .font-semp-large-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-darkBrown.ko-kr,.ko-kr .font-semp-large-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-darkBrown.ru-ru,.ru-ru .font-semp-large-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-darkBrown.zh-tw,.zh-tw .font-semp-large-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-mediumGold {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-mediumGold {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-mediumGold {
        font-size:2.488rem
    }
}

.font-semp-large-mediumGold.zh-cn,.zh-cn .font-semp-large-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-mediumGold.ko-kr,.ko-kr .font-semp-large-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-mediumGold.ru-ru,.ru-ru .font-semp-large-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-mediumGold.zh-tw,.zh-tw .font-semp-large-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-lightGold {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-lightGold {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-lightGold {
        font-size:2.488rem
    }
}

.font-semp-large-lightGold.zh-cn,.zh-cn .font-semp-large-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-lightGold.ko-kr,.ko-kr .font-semp-large-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-lightGold.ru-ru,.ru-ru .font-semp-large-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-lightGold.zh-tw,.zh-tw .font-semp-large-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-lightOrange {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-lightOrange {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-lightOrange {
        font-size:2.488rem
    }
}

.font-semp-large-lightOrange.zh-cn,.zh-cn .font-semp-large-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-lightOrange.ko-kr,.ko-kr .font-semp-large-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-lightOrange.ru-ru,.ru-ru .font-semp-large-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-lightOrange.zh-tw,.zh-tw .font-semp-large-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-black {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-black {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-black {
        font-size:2.488rem
    }
}

.font-semp-large-black.zh-cn,.zh-cn .font-semp-large-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-black.ko-kr,.ko-kr .font-semp-large-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-black.ru-ru,.ru-ru .font-semp-large-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-black.zh-tw,.zh-tw .font-semp-large-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-darkGray {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-darkGray {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-darkGray {
        font-size:2.488rem
    }
}

.font-semp-large-darkGray.zh-cn,.zh-cn .font-semp-large-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-darkGray.ko-kr,.ko-kr .font-semp-large-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-darkGray.ru-ru,.ru-ru .font-semp-large-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-darkGray.zh-tw,.zh-tw .font-semp-large-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-gray {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-gray {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-gray {
        font-size:2.488rem
    }
}

.font-semp-large-gray.zh-cn,.zh-cn .font-semp-large-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-gray.ko-kr,.ko-kr .font-semp-large-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-gray.ru-ru,.ru-ru .font-semp-large-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-gray.zh-tw,.zh-tw .font-semp-large-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-silver {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-silver {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-silver {
        font-size:2.488rem
    }
}

.font-semp-large-silver.zh-cn,.zh-cn .font-semp-large-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-silver.ko-kr,.ko-kr .font-semp-large-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-silver.ru-ru,.ru-ru .font-semp-large-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-silver.zh-tw,.zh-tw .font-semp-large-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-large-white {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-large-white {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-semp-large-white {
        font-size:2.488rem
    }
}

.font-semp-large-white.zh-cn,.zh-cn .font-semp-large-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-large-white.ko-kr,.ko-kr .font-semp-large-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-large-white.ru-ru,.ru-ru .font-semp-large-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-large-white.zh-tw,.zh-tw .font-semp-large-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-darkBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-darkBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-darkBeige {
        font-size:2.488rem
    }
}

.font-bliz-light-large-darkBeige.zh-cn,.zh-cn .font-bliz-light-large-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-darkBeige.ko-kr,.ko-kr .font-bliz-light-large-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-darkBeige.ru-ru,.ru-ru .font-bliz-light-large-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-darkBeige.zh-tw,.zh-tw .font-bliz-light-large-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-mediumBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-mediumBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-mediumBeige {
        font-size:2.488rem
    }
}

.font-bliz-light-large-mediumBeige.zh-cn,.zh-cn .font-bliz-light-large-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-mediumBeige.ko-kr,.ko-kr .font-bliz-light-large-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-mediumBeige.ru-ru,.ru-ru .font-bliz-light-large-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-mediumBeige.zh-tw,.zh-tw .font-bliz-light-large-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-beige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-beige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-beige {
        font-size:2.488rem
    }
}

.font-bliz-light-large-beige.zh-cn,.zh-cn .font-bliz-light-large-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-beige.ko-kr,.ko-kr .font-bliz-light-large-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-beige.ru-ru,.ru-ru .font-bliz-light-large-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-beige.zh-tw,.zh-tw .font-bliz-light-large-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-lightBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-lightBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-lightBeige {
        font-size:2.488rem
    }
}

.font-bliz-light-large-lightBeige.zh-cn,.zh-cn .font-bliz-light-large-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-lightBeige.ko-kr,.ko-kr .font-bliz-light-large-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-lightBeige.ru-ru,.ru-ru .font-bliz-light-large-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-lightBeige.zh-tw,.zh-tw .font-bliz-light-large-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-blue {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-blue {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-blue {
        font-size:2.488rem
    }
}

.font-bliz-light-large-blue.zh-cn,.zh-cn .font-bliz-light-large-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-blue.ko-kr,.ko-kr .font-bliz-light-large-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-blue.ru-ru,.ru-ru .font-bliz-light-large-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-blue.zh-tw,.zh-tw .font-bliz-light-large-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-lightBlue {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-lightBlue {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-lightBlue {
        font-size:2.488rem
    }
}

.font-bliz-light-large-lightBlue.zh-cn,.zh-cn .font-bliz-light-large-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-lightBlue.ko-kr,.ko-kr .font-bliz-light-large-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-lightBlue.ru-ru,.ru-ru .font-bliz-light-large-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-lightBlue.zh-tw,.zh-tw .font-bliz-light-large-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-red {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-red {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-red {
        font-size:2.488rem
    }
}

.font-bliz-light-large-red.zh-cn,.zh-cn .font-bliz-light-large-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-red.ko-kr,.ko-kr .font-bliz-light-large-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-red.ru-ru,.ru-ru .font-bliz-light-large-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-red.zh-tw,.zh-tw .font-bliz-light-large-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-mediumGreen {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-mediumGreen {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-mediumGreen {
        font-size:2.488rem
    }
}

.font-bliz-light-large-mediumGreen.zh-cn,.zh-cn .font-bliz-light-large-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-mediumGreen.ko-kr,.ko-kr .font-bliz-light-large-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-mediumGreen.ru-ru,.ru-ru .font-bliz-light-large-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-mediumGreen.zh-tw,.zh-tw .font-bliz-light-large-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-lightGreen {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-lightGreen {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-lightGreen {
        font-size:2.488rem
    }
}

.font-bliz-light-large-lightGreen.zh-cn,.zh-cn .font-bliz-light-large-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-lightGreen.ko-kr,.ko-kr .font-bliz-light-large-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-lightGreen.ru-ru,.ru-ru .font-bliz-light-large-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-lightGreen.zh-tw,.zh-tw .font-bliz-light-large-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-darkBrown {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-darkBrown {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-darkBrown {
        font-size:2.488rem
    }
}

.font-bliz-light-large-darkBrown.zh-cn,.zh-cn .font-bliz-light-large-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-darkBrown.ko-kr,.ko-kr .font-bliz-light-large-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-darkBrown.ru-ru,.ru-ru .font-bliz-light-large-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-darkBrown.zh-tw,.zh-tw .font-bliz-light-large-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-mediumGold {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-mediumGold {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-mediumGold {
        font-size:2.488rem
    }
}

.font-bliz-light-large-mediumGold.zh-cn,.zh-cn .font-bliz-light-large-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-mediumGold.ko-kr,.ko-kr .font-bliz-light-large-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-mediumGold.ru-ru,.ru-ru .font-bliz-light-large-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-mediumGold.zh-tw,.zh-tw .font-bliz-light-large-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-lightGold {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-lightGold {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-lightGold {
        font-size:2.488rem
    }
}

.font-bliz-light-large-lightGold.zh-cn,.zh-cn .font-bliz-light-large-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-lightGold.ko-kr,.ko-kr .font-bliz-light-large-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-lightGold.ru-ru,.ru-ru .font-bliz-light-large-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-lightGold.zh-tw,.zh-tw .font-bliz-light-large-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-lightOrange {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-lightOrange {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-lightOrange {
        font-size:2.488rem
    }
}

.font-bliz-light-large-lightOrange.zh-cn,.zh-cn .font-bliz-light-large-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-lightOrange.ko-kr,.ko-kr .font-bliz-light-large-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-lightOrange.ru-ru,.ru-ru .font-bliz-light-large-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-lightOrange.zh-tw,.zh-tw .font-bliz-light-large-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-black {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-black {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-black {
        font-size:2.488rem
    }
}

.font-bliz-light-large-black.zh-cn,.zh-cn .font-bliz-light-large-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-black.ko-kr,.ko-kr .font-bliz-light-large-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-black.ru-ru,.ru-ru .font-bliz-light-large-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-black.zh-tw,.zh-tw .font-bliz-light-large-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-darkGray {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-darkGray {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-darkGray {
        font-size:2.488rem
    }
}

.font-bliz-light-large-darkGray.zh-cn,.zh-cn .font-bliz-light-large-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-darkGray.ko-kr,.ko-kr .font-bliz-light-large-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-darkGray.ru-ru,.ru-ru .font-bliz-light-large-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-darkGray.zh-tw,.zh-tw .font-bliz-light-large-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-gray {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-gray {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-gray {
        font-size:2.488rem
    }
}

.font-bliz-light-large-gray.zh-cn,.zh-cn .font-bliz-light-large-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-gray.ko-kr,.ko-kr .font-bliz-light-large-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-gray.ru-ru,.ru-ru .font-bliz-light-large-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-gray.zh-tw,.zh-tw .font-bliz-light-large-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-silver {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-silver {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-silver {
        font-size:2.488rem
    }
}

.font-bliz-light-large-silver.zh-cn,.zh-cn .font-bliz-light-large-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-silver.ko-kr,.ko-kr .font-bliz-light-large-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-silver.ru-ru,.ru-ru .font-bliz-light-large-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-silver.zh-tw,.zh-tw .font-bliz-light-large-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-large-white {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-large-white {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-large-white {
        font-size:2.488rem
    }
}

.font-bliz-light-large-white.zh-cn,.zh-cn .font-bliz-light-large-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-large-white.ko-kr,.ko-kr .font-bliz-light-large-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-large-white.ru-ru,.ru-ru .font-bliz-light-large-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-large-white.zh-tw,.zh-tw .font-bliz-light-large-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-darkBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-large-darkBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-darkBeige {
        font-size:2.488rem
    }
}

.font-quadrata-large-darkBeige.zh-cn,.zh-cn .font-quadrata-large-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-darkBeige.ko-kr,.ko-kr .font-quadrata-large-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-darkBeige.ru-ru,.ru-ru .font-quadrata-large-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-darkBeige.zh-tw,.zh-tw .font-quadrata-large-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-mediumBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-large-mediumBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-mediumBeige {
        font-size:2.488rem
    }
}

.font-quadrata-large-mediumBeige.zh-cn,.zh-cn .font-quadrata-large-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-mediumBeige.ko-kr,.ko-kr .font-quadrata-large-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-mediumBeige.ru-ru,.ru-ru .font-quadrata-large-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-mediumBeige.zh-tw,.zh-tw .font-quadrata-large-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-beige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-large-beige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-beige {
        font-size:2.488rem
    }
}

.font-quadrata-large-beige.zh-cn,.zh-cn .font-quadrata-large-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-beige.ko-kr,.ko-kr .font-quadrata-large-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-beige.ru-ru,.ru-ru .font-quadrata-large-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-beige.zh-tw,.zh-tw .font-quadrata-large-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-lightBeige {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-large-lightBeige {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-lightBeige {
        font-size:2.488rem
    }
}

.font-quadrata-large-lightBeige.zh-cn,.zh-cn .font-quadrata-large-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-lightBeige.ko-kr,.ko-kr .font-quadrata-large-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-lightBeige.ru-ru,.ru-ru .font-quadrata-large-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-lightBeige.zh-tw,.zh-tw .font-quadrata-large-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-blue {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-large-blue {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-blue {
        font-size:2.488rem
    }
}

.font-quadrata-large-blue.zh-cn,.zh-cn .font-quadrata-large-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-blue.ko-kr,.ko-kr .font-quadrata-large-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-blue.ru-ru,.ru-ru .font-quadrata-large-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-blue.zh-tw,.zh-tw .font-quadrata-large-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-lightBlue {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-large-lightBlue {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-lightBlue {
        font-size:2.488rem
    }
}

.font-quadrata-large-lightBlue.zh-cn,.zh-cn .font-quadrata-large-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-lightBlue.ko-kr,.ko-kr .font-quadrata-large-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-lightBlue.ru-ru,.ru-ru .font-quadrata-large-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-lightBlue.zh-tw,.zh-tw .font-quadrata-large-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-red {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-large-red {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-red {
        font-size:2.488rem
    }
}

.font-quadrata-large-red.zh-cn,.zh-cn .font-quadrata-large-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-red.ko-kr,.ko-kr .font-quadrata-large-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-red.ru-ru,.ru-ru .font-quadrata-large-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-red.zh-tw,.zh-tw .font-quadrata-large-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-mediumGreen {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-large-mediumGreen {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-mediumGreen {
        font-size:2.488rem
    }
}

.font-quadrata-large-mediumGreen.zh-cn,.zh-cn .font-quadrata-large-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-mediumGreen.ko-kr,.ko-kr .font-quadrata-large-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-mediumGreen.ru-ru,.ru-ru .font-quadrata-large-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-mediumGreen.zh-tw,.zh-tw .font-quadrata-large-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-lightGreen {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-large-lightGreen {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-lightGreen {
        font-size:2.488rem
    }
}

.font-quadrata-large-lightGreen.zh-cn,.zh-cn .font-quadrata-large-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-lightGreen.ko-kr,.ko-kr .font-quadrata-large-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-lightGreen.ru-ru,.ru-ru .font-quadrata-large-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-lightGreen.zh-tw,.zh-tw .font-quadrata-large-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-darkBrown {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-large-darkBrown {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-darkBrown {
        font-size:2.488rem
    }
}

.font-quadrata-large-darkBrown.zh-cn,.zh-cn .font-quadrata-large-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-darkBrown.ko-kr,.ko-kr .font-quadrata-large-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-darkBrown.ru-ru,.ru-ru .font-quadrata-large-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-darkBrown.zh-tw,.zh-tw .font-quadrata-large-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-mediumGold {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-large-mediumGold {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-mediumGold {
        font-size:2.488rem
    }
}

.font-quadrata-large-mediumGold.zh-cn,.zh-cn .font-quadrata-large-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-mediumGold.ko-kr,.ko-kr .font-quadrata-large-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-mediumGold.ru-ru,.ru-ru .font-quadrata-large-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-mediumGold.zh-tw,.zh-tw .font-quadrata-large-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-lightGold {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-large-lightGold {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-lightGold {
        font-size:2.488rem
    }
}

.font-quadrata-large-lightGold.zh-cn,.zh-cn .font-quadrata-large-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-lightGold.ko-kr,.ko-kr .font-quadrata-large-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-lightGold.ru-ru,.ru-ru .font-quadrata-large-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-lightGold.zh-tw,.zh-tw .font-quadrata-large-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-lightOrange {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-large-lightOrange {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-lightOrange {
        font-size:2.488rem
    }
}

.font-quadrata-large-lightOrange.zh-cn,.zh-cn .font-quadrata-large-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-lightOrange.ko-kr,.ko-kr .font-quadrata-large-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-lightOrange.ru-ru,.ru-ru .font-quadrata-large-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-lightOrange.zh-tw,.zh-tw .font-quadrata-large-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-black {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-large-black {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-black {
        font-size:2.488rem
    }
}

.font-quadrata-large-black.zh-cn,.zh-cn .font-quadrata-large-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-black.ko-kr,.ko-kr .font-quadrata-large-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-black.ru-ru,.ru-ru .font-quadrata-large-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-black.zh-tw,.zh-tw .font-quadrata-large-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-darkGray {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-large-darkGray {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-darkGray {
        font-size:2.488rem
    }
}

.font-quadrata-large-darkGray.zh-cn,.zh-cn .font-quadrata-large-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-darkGray.ko-kr,.ko-kr .font-quadrata-large-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-darkGray.ru-ru,.ru-ru .font-quadrata-large-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-darkGray.zh-tw,.zh-tw .font-quadrata-large-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-gray {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-large-gray {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-gray {
        font-size:2.488rem
    }
}

.font-quadrata-large-gray.zh-cn,.zh-cn .font-quadrata-large-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-gray.ko-kr,.ko-kr .font-quadrata-large-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-gray.ru-ru,.ru-ru .font-quadrata-large-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-gray.zh-tw,.zh-tw .font-quadrata-large-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-silver {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-large-silver {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-silver {
        font-size:2.488rem
    }
}

.font-quadrata-large-silver.zh-cn,.zh-cn .font-quadrata-large-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-silver.ko-kr,.ko-kr .font-quadrata-large-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-silver.ru-ru,.ru-ru .font-quadrata-large-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-silver.zh-tw,.zh-tw .font-quadrata-large-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-large-white {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-large-white {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-large-white {
        font-size:2.488rem
    }
}

.font-quadrata-large-white.zh-cn,.zh-cn .font-quadrata-large-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-large-white.ko-kr,.ko-kr .font-quadrata-large-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-large-white.ru-ru,.ru-ru .font-quadrata-large-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-large-white.zh-tw,.zh-tw .font-quadrata-large-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-xLarge {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-size-xLarge {
        font-size:2.986rem
    }
}

.font-semp-xLarge-darkBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-darkBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-darkBeige {
        font-size:2.986rem
    }
}

.font-semp-xLarge-darkBeige.zh-cn,.zh-cn .font-semp-xLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-darkBeige.ko-kr,.ko-kr .font-semp-xLarge-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-darkBeige.ru-ru,.ru-ru .font-semp-xLarge-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-darkBeige.zh-tw,.zh-tw .font-semp-xLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-mediumBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-mediumBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-mediumBeige {
        font-size:2.986rem
    }
}

.font-semp-xLarge-mediumBeige.zh-cn,.zh-cn .font-semp-xLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-mediumBeige.ko-kr,.ko-kr .font-semp-xLarge-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-mediumBeige.ru-ru,.ru-ru .font-semp-xLarge-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-mediumBeige.zh-tw,.zh-tw .font-semp-xLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-beige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-beige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-beige {
        font-size:2.986rem
    }
}

.font-semp-xLarge-beige.zh-cn,.zh-cn .font-semp-xLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-beige.ko-kr,.ko-kr .font-semp-xLarge-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-beige.ru-ru,.ru-ru .font-semp-xLarge-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-beige.zh-tw,.zh-tw .font-semp-xLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-lightBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-lightBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-lightBeige {
        font-size:2.986rem
    }
}

.font-semp-xLarge-lightBeige.zh-cn,.zh-cn .font-semp-xLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-lightBeige.ko-kr,.ko-kr .font-semp-xLarge-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-lightBeige.ru-ru,.ru-ru .font-semp-xLarge-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-lightBeige.zh-tw,.zh-tw .font-semp-xLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-blue {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-blue {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-blue {
        font-size:2.986rem
    }
}

.font-semp-xLarge-blue.zh-cn,.zh-cn .font-semp-xLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-blue.ko-kr,.ko-kr .font-semp-xLarge-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-blue.ru-ru,.ru-ru .font-semp-xLarge-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-blue.zh-tw,.zh-tw .font-semp-xLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-lightBlue {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-lightBlue {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-lightBlue {
        font-size:2.986rem
    }
}

.font-semp-xLarge-lightBlue.zh-cn,.zh-cn .font-semp-xLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-lightBlue.ko-kr,.ko-kr .font-semp-xLarge-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-lightBlue.ru-ru,.ru-ru .font-semp-xLarge-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-lightBlue.zh-tw,.zh-tw .font-semp-xLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-red {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-red {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-red {
        font-size:2.986rem
    }
}

.font-semp-xLarge-red.zh-cn,.zh-cn .font-semp-xLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-red.ko-kr,.ko-kr .font-semp-xLarge-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-red.ru-ru,.ru-ru .font-semp-xLarge-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-red.zh-tw,.zh-tw .font-semp-xLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-mediumGreen {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-mediumGreen {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-mediumGreen {
        font-size:2.986rem
    }
}

.font-semp-xLarge-mediumGreen.zh-cn,.zh-cn .font-semp-xLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-mediumGreen.ko-kr,.ko-kr .font-semp-xLarge-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-mediumGreen.ru-ru,.ru-ru .font-semp-xLarge-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-mediumGreen.zh-tw,.zh-tw .font-semp-xLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-lightGreen {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-lightGreen {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-lightGreen {
        font-size:2.986rem
    }
}

.font-semp-xLarge-lightGreen.zh-cn,.zh-cn .font-semp-xLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-lightGreen.ko-kr,.ko-kr .font-semp-xLarge-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-lightGreen.ru-ru,.ru-ru .font-semp-xLarge-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-lightGreen.zh-tw,.zh-tw .font-semp-xLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-darkBrown {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-darkBrown {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-darkBrown {
        font-size:2.986rem
    }
}

.font-semp-xLarge-darkBrown.zh-cn,.zh-cn .font-semp-xLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-darkBrown.ko-kr,.ko-kr .font-semp-xLarge-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-darkBrown.ru-ru,.ru-ru .font-semp-xLarge-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-darkBrown.zh-tw,.zh-tw .font-semp-xLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-mediumGold {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-mediumGold {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-mediumGold {
        font-size:2.986rem
    }
}

.font-semp-xLarge-mediumGold.zh-cn,.zh-cn .font-semp-xLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-mediumGold.ko-kr,.ko-kr .font-semp-xLarge-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-mediumGold.ru-ru,.ru-ru .font-semp-xLarge-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-mediumGold.zh-tw,.zh-tw .font-semp-xLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-lightGold {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-lightGold {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-lightGold {
        font-size:2.986rem
    }
}

.font-semp-xLarge-lightGold.zh-cn,.zh-cn .font-semp-xLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-lightGold.ko-kr,.ko-kr .font-semp-xLarge-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-lightGold.ru-ru,.ru-ru .font-semp-xLarge-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-lightGold.zh-tw,.zh-tw .font-semp-xLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-lightOrange {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-lightOrange {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-lightOrange {
        font-size:2.986rem
    }
}

.font-semp-xLarge-lightOrange.zh-cn,.zh-cn .font-semp-xLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-lightOrange.ko-kr,.ko-kr .font-semp-xLarge-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-lightOrange.ru-ru,.ru-ru .font-semp-xLarge-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-lightOrange.zh-tw,.zh-tw .font-semp-xLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-black {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-black {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-black {
        font-size:2.986rem
    }
}

.font-semp-xLarge-black.zh-cn,.zh-cn .font-semp-xLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-black.ko-kr,.ko-kr .font-semp-xLarge-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-black.ru-ru,.ru-ru .font-semp-xLarge-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-black.zh-tw,.zh-tw .font-semp-xLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-darkGray {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-darkGray {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-darkGray {
        font-size:2.986rem
    }
}

.font-semp-xLarge-darkGray.zh-cn,.zh-cn .font-semp-xLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-darkGray.ko-kr,.ko-kr .font-semp-xLarge-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-darkGray.ru-ru,.ru-ru .font-semp-xLarge-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-darkGray.zh-tw,.zh-tw .font-semp-xLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-gray {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-gray {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-gray {
        font-size:2.986rem
    }
}

.font-semp-xLarge-gray.zh-cn,.zh-cn .font-semp-xLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-gray.ko-kr,.ko-kr .font-semp-xLarge-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-gray.ru-ru,.ru-ru .font-semp-xLarge-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-gray.zh-tw,.zh-tw .font-semp-xLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-silver {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-silver {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-silver {
        font-size:2.986rem
    }
}

.font-semp-xLarge-silver.zh-cn,.zh-cn .font-semp-xLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-silver.ko-kr,.ko-kr .font-semp-xLarge-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-silver.ru-ru,.ru-ru .font-semp-xLarge-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-silver.zh-tw,.zh-tw .font-semp-xLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xLarge-white {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xLarge-white {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xLarge-white {
        font-size:2.986rem
    }
}

.font-semp-xLarge-white.zh-cn,.zh-cn .font-semp-xLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xLarge-white.ko-kr,.ko-kr .font-semp-xLarge-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xLarge-white.ru-ru,.ru-ru .font-semp-xLarge-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xLarge-white.zh-tw,.zh-tw .font-semp-xLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-darkBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-darkBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-darkBeige {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-darkBeige.zh-cn,.zh-cn .font-bliz-light-xLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-darkBeige.ko-kr,.ko-kr .font-bliz-light-xLarge-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-darkBeige.ru-ru,.ru-ru .font-bliz-light-xLarge-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-darkBeige.zh-tw,.zh-tw .font-bliz-light-xLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-mediumBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-mediumBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-mediumBeige {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-mediumBeige.zh-cn,.zh-cn .font-bliz-light-xLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-mediumBeige.ko-kr,.ko-kr .font-bliz-light-xLarge-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-mediumBeige.ru-ru,.ru-ru .font-bliz-light-xLarge-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-mediumBeige.zh-tw,.zh-tw .font-bliz-light-xLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-beige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-beige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-beige {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-beige.zh-cn,.zh-cn .font-bliz-light-xLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-beige.ko-kr,.ko-kr .font-bliz-light-xLarge-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-beige.ru-ru,.ru-ru .font-bliz-light-xLarge-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-beige.zh-tw,.zh-tw .font-bliz-light-xLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-lightBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-lightBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-lightBeige {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-lightBeige.zh-cn,.zh-cn .font-bliz-light-xLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-lightBeige.ko-kr,.ko-kr .font-bliz-light-xLarge-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-lightBeige.ru-ru,.ru-ru .font-bliz-light-xLarge-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-lightBeige.zh-tw,.zh-tw .font-bliz-light-xLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-blue {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-blue {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-blue {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-blue.zh-cn,.zh-cn .font-bliz-light-xLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-blue.ko-kr,.ko-kr .font-bliz-light-xLarge-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-blue.ru-ru,.ru-ru .font-bliz-light-xLarge-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-blue.zh-tw,.zh-tw .font-bliz-light-xLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-lightBlue {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-lightBlue {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-lightBlue {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-lightBlue.zh-cn,.zh-cn .font-bliz-light-xLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-lightBlue.ko-kr,.ko-kr .font-bliz-light-xLarge-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-lightBlue.ru-ru,.ru-ru .font-bliz-light-xLarge-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-lightBlue.zh-tw,.zh-tw .font-bliz-light-xLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-red {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-red {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-red {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-red.zh-cn,.zh-cn .font-bliz-light-xLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-red.ko-kr,.ko-kr .font-bliz-light-xLarge-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-red.ru-ru,.ru-ru .font-bliz-light-xLarge-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-red.zh-tw,.zh-tw .font-bliz-light-xLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-mediumGreen {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-mediumGreen {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-mediumGreen {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-mediumGreen.zh-cn,.zh-cn .font-bliz-light-xLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-mediumGreen.ko-kr,.ko-kr .font-bliz-light-xLarge-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-mediumGreen.ru-ru,.ru-ru .font-bliz-light-xLarge-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-mediumGreen.zh-tw,.zh-tw .font-bliz-light-xLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-lightGreen {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-lightGreen {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-lightGreen {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-lightGreen.zh-cn,.zh-cn .font-bliz-light-xLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-lightGreen.ko-kr,.ko-kr .font-bliz-light-xLarge-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-lightGreen.ru-ru,.ru-ru .font-bliz-light-xLarge-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-lightGreen.zh-tw,.zh-tw .font-bliz-light-xLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-darkBrown {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-darkBrown {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-darkBrown {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-darkBrown.zh-cn,.zh-cn .font-bliz-light-xLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-darkBrown.ko-kr,.ko-kr .font-bliz-light-xLarge-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-darkBrown.ru-ru,.ru-ru .font-bliz-light-xLarge-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-darkBrown.zh-tw,.zh-tw .font-bliz-light-xLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-mediumGold {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-mediumGold {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-mediumGold {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-mediumGold.zh-cn,.zh-cn .font-bliz-light-xLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-mediumGold.ko-kr,.ko-kr .font-bliz-light-xLarge-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-mediumGold.ru-ru,.ru-ru .font-bliz-light-xLarge-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-mediumGold.zh-tw,.zh-tw .font-bliz-light-xLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-lightGold {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-lightGold {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-lightGold {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-lightGold.zh-cn,.zh-cn .font-bliz-light-xLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-lightGold.ko-kr,.ko-kr .font-bliz-light-xLarge-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-lightGold.ru-ru,.ru-ru .font-bliz-light-xLarge-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-lightGold.zh-tw,.zh-tw .font-bliz-light-xLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-lightOrange {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-lightOrange {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-lightOrange {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-lightOrange.zh-cn,.zh-cn .font-bliz-light-xLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-lightOrange.ko-kr,.ko-kr .font-bliz-light-xLarge-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-lightOrange.ru-ru,.ru-ru .font-bliz-light-xLarge-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-lightOrange.zh-tw,.zh-tw .font-bliz-light-xLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-black {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-black {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-black {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-black.zh-cn,.zh-cn .font-bliz-light-xLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-black.ko-kr,.ko-kr .font-bliz-light-xLarge-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-black.ru-ru,.ru-ru .font-bliz-light-xLarge-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-black.zh-tw,.zh-tw .font-bliz-light-xLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-darkGray {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-darkGray {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-darkGray {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-darkGray.zh-cn,.zh-cn .font-bliz-light-xLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-darkGray.ko-kr,.ko-kr .font-bliz-light-xLarge-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-darkGray.ru-ru,.ru-ru .font-bliz-light-xLarge-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-darkGray.zh-tw,.zh-tw .font-bliz-light-xLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-gray {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-gray {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-gray {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-gray.zh-cn,.zh-cn .font-bliz-light-xLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-gray.ko-kr,.ko-kr .font-bliz-light-xLarge-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-gray.ru-ru,.ru-ru .font-bliz-light-xLarge-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-gray.zh-tw,.zh-tw .font-bliz-light-xLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-silver {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-silver {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-silver {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-silver.zh-cn,.zh-cn .font-bliz-light-xLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-silver.ko-kr,.ko-kr .font-bliz-light-xLarge-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-silver.ru-ru,.ru-ru .font-bliz-light-xLarge-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-silver.zh-tw,.zh-tw .font-bliz-light-xLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xLarge-white {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xLarge-white {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xLarge-white {
        font-size:2.986rem
    }
}

.font-bliz-light-xLarge-white.zh-cn,.zh-cn .font-bliz-light-xLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xLarge-white.ko-kr,.ko-kr .font-bliz-light-xLarge-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xLarge-white.ru-ru,.ru-ru .font-bliz-light-xLarge-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xLarge-white.zh-tw,.zh-tw .font-bliz-light-xLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-darkBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-darkBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-darkBeige {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-darkBeige.zh-cn,.zh-cn .font-quadrata-xLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-darkBeige.ko-kr,.ko-kr .font-quadrata-xLarge-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-darkBeige.ru-ru,.ru-ru .font-quadrata-xLarge-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-darkBeige.zh-tw,.zh-tw .font-quadrata-xLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-mediumBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-mediumBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-mediumBeige {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-mediumBeige.zh-cn,.zh-cn .font-quadrata-xLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-mediumBeige.ko-kr,.ko-kr .font-quadrata-xLarge-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-mediumBeige.ru-ru,.ru-ru .font-quadrata-xLarge-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-mediumBeige.zh-tw,.zh-tw .font-quadrata-xLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-beige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-beige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-beige {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-beige.zh-cn,.zh-cn .font-quadrata-xLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-beige.ko-kr,.ko-kr .font-quadrata-xLarge-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-beige.ru-ru,.ru-ru .font-quadrata-xLarge-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-beige.zh-tw,.zh-tw .font-quadrata-xLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-lightBeige {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-lightBeige {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-lightBeige {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-lightBeige.zh-cn,.zh-cn .font-quadrata-xLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-lightBeige.ko-kr,.ko-kr .font-quadrata-xLarge-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-lightBeige.ru-ru,.ru-ru .font-quadrata-xLarge-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-lightBeige.zh-tw,.zh-tw .font-quadrata-xLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-blue {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-blue {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-blue {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-blue.zh-cn,.zh-cn .font-quadrata-xLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-blue.ko-kr,.ko-kr .font-quadrata-xLarge-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-blue.ru-ru,.ru-ru .font-quadrata-xLarge-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-blue.zh-tw,.zh-tw .font-quadrata-xLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-lightBlue {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-lightBlue {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-lightBlue {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-lightBlue.zh-cn,.zh-cn .font-quadrata-xLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-lightBlue.ko-kr,.ko-kr .font-quadrata-xLarge-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-lightBlue.ru-ru,.ru-ru .font-quadrata-xLarge-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-lightBlue.zh-tw,.zh-tw .font-quadrata-xLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-red {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-red {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-red {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-red.zh-cn,.zh-cn .font-quadrata-xLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-red.ko-kr,.ko-kr .font-quadrata-xLarge-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-red.ru-ru,.ru-ru .font-quadrata-xLarge-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-red.zh-tw,.zh-tw .font-quadrata-xLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-mediumGreen {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-mediumGreen {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-mediumGreen {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-mediumGreen.zh-cn,.zh-cn .font-quadrata-xLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-mediumGreen.ko-kr,.ko-kr .font-quadrata-xLarge-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-mediumGreen.ru-ru,.ru-ru .font-quadrata-xLarge-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-mediumGreen.zh-tw,.zh-tw .font-quadrata-xLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-lightGreen {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-lightGreen {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-lightGreen {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-lightGreen.zh-cn,.zh-cn .font-quadrata-xLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-lightGreen.ko-kr,.ko-kr .font-quadrata-xLarge-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-lightGreen.ru-ru,.ru-ru .font-quadrata-xLarge-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-lightGreen.zh-tw,.zh-tw .font-quadrata-xLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-darkBrown {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-darkBrown {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-darkBrown {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-darkBrown.zh-cn,.zh-cn .font-quadrata-xLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-darkBrown.ko-kr,.ko-kr .font-quadrata-xLarge-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-darkBrown.ru-ru,.ru-ru .font-quadrata-xLarge-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-darkBrown.zh-tw,.zh-tw .font-quadrata-xLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-mediumGold {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-mediumGold {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-mediumGold {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-mediumGold.zh-cn,.zh-cn .font-quadrata-xLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-mediumGold.ko-kr,.ko-kr .font-quadrata-xLarge-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-mediumGold.ru-ru,.ru-ru .font-quadrata-xLarge-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-mediumGold.zh-tw,.zh-tw .font-quadrata-xLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-lightGold {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-lightGold {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-lightGold {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-lightGold.zh-cn,.zh-cn .font-quadrata-xLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-lightGold.ko-kr,.ko-kr .font-quadrata-xLarge-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-lightGold.ru-ru,.ru-ru .font-quadrata-xLarge-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-lightGold.zh-tw,.zh-tw .font-quadrata-xLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-lightOrange {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-lightOrange {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-lightOrange {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-lightOrange.zh-cn,.zh-cn .font-quadrata-xLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-lightOrange.ko-kr,.ko-kr .font-quadrata-xLarge-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-lightOrange.ru-ru,.ru-ru .font-quadrata-xLarge-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-lightOrange.zh-tw,.zh-tw .font-quadrata-xLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-black {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-black {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-black {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-black.zh-cn,.zh-cn .font-quadrata-xLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-black.ko-kr,.ko-kr .font-quadrata-xLarge-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-black.ru-ru,.ru-ru .font-quadrata-xLarge-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-black.zh-tw,.zh-tw .font-quadrata-xLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-darkGray {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-darkGray {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-darkGray {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-darkGray.zh-cn,.zh-cn .font-quadrata-xLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-darkGray.ko-kr,.ko-kr .font-quadrata-xLarge-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-darkGray.ru-ru,.ru-ru .font-quadrata-xLarge-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-darkGray.zh-tw,.zh-tw .font-quadrata-xLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-gray {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-gray {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-gray {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-gray.zh-cn,.zh-cn .font-quadrata-xLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-gray.ko-kr,.ko-kr .font-quadrata-xLarge-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-gray.ru-ru,.ru-ru .font-quadrata-xLarge-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-gray.zh-tw,.zh-tw .font-quadrata-xLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-silver {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-silver {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-silver {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-silver.zh-cn,.zh-cn .font-quadrata-xLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-silver.ko-kr,.ko-kr .font-quadrata-xLarge-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-silver.ru-ru,.ru-ru .font-quadrata-xLarge-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-silver.zh-tw,.zh-tw .font-quadrata-xLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xLarge-white {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-xLarge-white {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xLarge-white {
        font-size:2.986rem
    }
}

.font-quadrata-xLarge-white.zh-cn,.zh-cn .font-quadrata-xLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xLarge-white.ko-kr,.ko-kr .font-quadrata-xLarge-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xLarge-white.ru-ru,.ru-ru .font-quadrata-xLarge-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xLarge-white.zh-tw,.zh-tw .font-quadrata-xLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-xxLarge {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-size-xxLarge {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-darkBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-darkBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-darkBeige {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-darkBeige.zh-cn,.zh-cn .font-semp-xxLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-darkBeige.ko-kr,.ko-kr .font-semp-xxLarge-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-darkBeige.ru-ru,.ru-ru .font-semp-xxLarge-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-darkBeige.zh-tw,.zh-tw .font-semp-xxLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-mediumBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-mediumBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-mediumBeige {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-mediumBeige.zh-cn,.zh-cn .font-semp-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-mediumBeige.ko-kr,.ko-kr .font-semp-xxLarge-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-mediumBeige.ru-ru,.ru-ru .font-semp-xxLarge-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-mediumBeige.zh-tw,.zh-tw .font-semp-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-beige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-beige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-beige {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-beige.zh-cn,.zh-cn .font-semp-xxLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-beige.ko-kr,.ko-kr .font-semp-xxLarge-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-beige.ru-ru,.ru-ru .font-semp-xxLarge-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-beige.zh-tw,.zh-tw .font-semp-xxLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-lightBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-lightBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-lightBeige {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-lightBeige.zh-cn,.zh-cn .font-semp-xxLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-lightBeige.ko-kr,.ko-kr .font-semp-xxLarge-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-lightBeige.ru-ru,.ru-ru .font-semp-xxLarge-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-lightBeige.zh-tw,.zh-tw .font-semp-xxLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-blue {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-blue {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-blue {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-blue.zh-cn,.zh-cn .font-semp-xxLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-blue.ko-kr,.ko-kr .font-semp-xxLarge-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-blue.ru-ru,.ru-ru .font-semp-xxLarge-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-blue.zh-tw,.zh-tw .font-semp-xxLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-lightBlue {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-lightBlue {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-lightBlue {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-lightBlue.zh-cn,.zh-cn .font-semp-xxLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-lightBlue.ko-kr,.ko-kr .font-semp-xxLarge-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-lightBlue.ru-ru,.ru-ru .font-semp-xxLarge-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-lightBlue.zh-tw,.zh-tw .font-semp-xxLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-red {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-red {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-red {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-red.zh-cn,.zh-cn .font-semp-xxLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-red.ko-kr,.ko-kr .font-semp-xxLarge-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-red.ru-ru,.ru-ru .font-semp-xxLarge-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-red.zh-tw,.zh-tw .font-semp-xxLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-mediumGreen {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-mediumGreen {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-mediumGreen {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-mediumGreen.zh-cn,.zh-cn .font-semp-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-mediumGreen.ko-kr,.ko-kr .font-semp-xxLarge-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-mediumGreen.ru-ru,.ru-ru .font-semp-xxLarge-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-mediumGreen.zh-tw,.zh-tw .font-semp-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-lightGreen {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-lightGreen {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-lightGreen {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-lightGreen.zh-cn,.zh-cn .font-semp-xxLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-lightGreen.ko-kr,.ko-kr .font-semp-xxLarge-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-lightGreen.ru-ru,.ru-ru .font-semp-xxLarge-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-lightGreen.zh-tw,.zh-tw .font-semp-xxLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-darkBrown {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-darkBrown {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-darkBrown {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-darkBrown.zh-cn,.zh-cn .font-semp-xxLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-darkBrown.ko-kr,.ko-kr .font-semp-xxLarge-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-darkBrown.ru-ru,.ru-ru .font-semp-xxLarge-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-darkBrown.zh-tw,.zh-tw .font-semp-xxLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-mediumGold {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-mediumGold {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-mediumGold {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-mediumGold.zh-cn,.zh-cn .font-semp-xxLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-mediumGold.ko-kr,.ko-kr .font-semp-xxLarge-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-mediumGold.ru-ru,.ru-ru .font-semp-xxLarge-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-mediumGold.zh-tw,.zh-tw .font-semp-xxLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-lightGold {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-lightGold {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-lightGold {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-lightGold.zh-cn,.zh-cn .font-semp-xxLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-lightGold.ko-kr,.ko-kr .font-semp-xxLarge-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-lightGold.ru-ru,.ru-ru .font-semp-xxLarge-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-lightGold.zh-tw,.zh-tw .font-semp-xxLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-lightOrange {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-lightOrange {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-lightOrange {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-lightOrange.zh-cn,.zh-cn .font-semp-xxLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-lightOrange.ko-kr,.ko-kr .font-semp-xxLarge-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-lightOrange.ru-ru,.ru-ru .font-semp-xxLarge-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-lightOrange.zh-tw,.zh-tw .font-semp-xxLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-black {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-black {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-black {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-black.zh-cn,.zh-cn .font-semp-xxLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-black.ko-kr,.ko-kr .font-semp-xxLarge-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-black.ru-ru,.ru-ru .font-semp-xxLarge-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-black.zh-tw,.zh-tw .font-semp-xxLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-darkGray {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-darkGray {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-darkGray {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-darkGray.zh-cn,.zh-cn .font-semp-xxLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-darkGray.ko-kr,.ko-kr .font-semp-xxLarge-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-darkGray.ru-ru,.ru-ru .font-semp-xxLarge-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-darkGray.zh-tw,.zh-tw .font-semp-xxLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-gray {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-gray {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-gray {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-gray.zh-cn,.zh-cn .font-semp-xxLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-gray.ko-kr,.ko-kr .font-semp-xxLarge-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-gray.ru-ru,.ru-ru .font-semp-xxLarge-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-gray.zh-tw,.zh-tw .font-semp-xxLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-silver {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-silver {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-silver {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-silver.zh-cn,.zh-cn .font-semp-xxLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-silver.ko-kr,.ko-kr .font-semp-xxLarge-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-silver.ru-ru,.ru-ru .font-semp-xxLarge-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-silver.zh-tw,.zh-tw .font-semp-xxLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxLarge-white {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxLarge-white {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxLarge-white {
        font-size:3.583rem
    }
}

.font-semp-xxLarge-white.zh-cn,.zh-cn .font-semp-xxLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxLarge-white.ko-kr,.ko-kr .font-semp-xxLarge-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxLarge-white.ru-ru,.ru-ru .font-semp-xxLarge-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxLarge-white.zh-tw,.zh-tw .font-semp-xxLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-darkBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-darkBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-darkBeige {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-darkBeige.zh-cn,.zh-cn .font-bliz-light-xxLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-darkBeige.ko-kr,.ko-kr .font-bliz-light-xxLarge-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-darkBeige.ru-ru,.ru-ru .font-bliz-light-xxLarge-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-darkBeige.zh-tw,.zh-tw .font-bliz-light-xxLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-mediumBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-mediumBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-mediumBeige {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-mediumBeige.zh-cn,.zh-cn .font-bliz-light-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-mediumBeige.ko-kr,.ko-kr .font-bliz-light-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-mediumBeige.ru-ru,.ru-ru .font-bliz-light-xxLarge-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-mediumBeige.zh-tw,.zh-tw .font-bliz-light-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-beige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-beige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-beige {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-beige.zh-cn,.zh-cn .font-bliz-light-xxLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-beige.ko-kr,.ko-kr .font-bliz-light-xxLarge-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-beige.ru-ru,.ru-ru .font-bliz-light-xxLarge-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-beige.zh-tw,.zh-tw .font-bliz-light-xxLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-lightBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-lightBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-lightBeige {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-lightBeige.zh-cn,.zh-cn .font-bliz-light-xxLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-lightBeige.ko-kr,.ko-kr .font-bliz-light-xxLarge-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-lightBeige.ru-ru,.ru-ru .font-bliz-light-xxLarge-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-lightBeige.zh-tw,.zh-tw .font-bliz-light-xxLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-blue {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-blue {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-blue {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-blue.zh-cn,.zh-cn .font-bliz-light-xxLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-blue.ko-kr,.ko-kr .font-bliz-light-xxLarge-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-blue.ru-ru,.ru-ru .font-bliz-light-xxLarge-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-blue.zh-tw,.zh-tw .font-bliz-light-xxLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-lightBlue {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-lightBlue {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-lightBlue {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-lightBlue.zh-cn,.zh-cn .font-bliz-light-xxLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-lightBlue.ko-kr,.ko-kr .font-bliz-light-xxLarge-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-lightBlue.ru-ru,.ru-ru .font-bliz-light-xxLarge-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-lightBlue.zh-tw,.zh-tw .font-bliz-light-xxLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-red {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-red {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-red {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-red.zh-cn,.zh-cn .font-bliz-light-xxLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-red.ko-kr,.ko-kr .font-bliz-light-xxLarge-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-red.ru-ru,.ru-ru .font-bliz-light-xxLarge-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-red.zh-tw,.zh-tw .font-bliz-light-xxLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-mediumGreen {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-mediumGreen {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-mediumGreen {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-mediumGreen.zh-cn,.zh-cn .font-bliz-light-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-mediumGreen.ko-kr,.ko-kr .font-bliz-light-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-mediumGreen.ru-ru,.ru-ru .font-bliz-light-xxLarge-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-mediumGreen.zh-tw,.zh-tw .font-bliz-light-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-lightGreen {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-lightGreen {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-lightGreen {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-lightGreen.zh-cn,.zh-cn .font-bliz-light-xxLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-lightGreen.ko-kr,.ko-kr .font-bliz-light-xxLarge-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-lightGreen.ru-ru,.ru-ru .font-bliz-light-xxLarge-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-lightGreen.zh-tw,.zh-tw .font-bliz-light-xxLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-darkBrown {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-darkBrown {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-darkBrown {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-darkBrown.zh-cn,.zh-cn .font-bliz-light-xxLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-darkBrown.ko-kr,.ko-kr .font-bliz-light-xxLarge-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-darkBrown.ru-ru,.ru-ru .font-bliz-light-xxLarge-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-darkBrown.zh-tw,.zh-tw .font-bliz-light-xxLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-mediumGold {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-mediumGold {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-mediumGold {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-mediumGold.zh-cn,.zh-cn .font-bliz-light-xxLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-mediumGold.ko-kr,.ko-kr .font-bliz-light-xxLarge-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-mediumGold.ru-ru,.ru-ru .font-bliz-light-xxLarge-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-mediumGold.zh-tw,.zh-tw .font-bliz-light-xxLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-lightGold {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-lightGold {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-lightGold {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-lightGold.zh-cn,.zh-cn .font-bliz-light-xxLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-lightGold.ko-kr,.ko-kr .font-bliz-light-xxLarge-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-lightGold.ru-ru,.ru-ru .font-bliz-light-xxLarge-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-lightGold.zh-tw,.zh-tw .font-bliz-light-xxLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-lightOrange {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-lightOrange {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-lightOrange {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-lightOrange.zh-cn,.zh-cn .font-bliz-light-xxLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-lightOrange.ko-kr,.ko-kr .font-bliz-light-xxLarge-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-lightOrange.ru-ru,.ru-ru .font-bliz-light-xxLarge-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-lightOrange.zh-tw,.zh-tw .font-bliz-light-xxLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-black {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-black {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-black {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-black.zh-cn,.zh-cn .font-bliz-light-xxLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-black.ko-kr,.ko-kr .font-bliz-light-xxLarge-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-black.ru-ru,.ru-ru .font-bliz-light-xxLarge-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-black.zh-tw,.zh-tw .font-bliz-light-xxLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-darkGray {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-darkGray {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-darkGray {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-darkGray.zh-cn,.zh-cn .font-bliz-light-xxLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-darkGray.ko-kr,.ko-kr .font-bliz-light-xxLarge-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-darkGray.ru-ru,.ru-ru .font-bliz-light-xxLarge-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-darkGray.zh-tw,.zh-tw .font-bliz-light-xxLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-gray {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-gray {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-gray {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-gray.zh-cn,.zh-cn .font-bliz-light-xxLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-gray.ko-kr,.ko-kr .font-bliz-light-xxLarge-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-gray.ru-ru,.ru-ru .font-bliz-light-xxLarge-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-gray.zh-tw,.zh-tw .font-bliz-light-xxLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-silver {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-silver {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-silver {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-silver.zh-cn,.zh-cn .font-bliz-light-xxLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-silver.ko-kr,.ko-kr .font-bliz-light-xxLarge-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-silver.ru-ru,.ru-ru .font-bliz-light-xxLarge-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-silver.zh-tw,.zh-tw .font-bliz-light-xxLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxLarge-white {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxLarge-white {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxLarge-white {
        font-size:3.583rem
    }
}

.font-bliz-light-xxLarge-white.zh-cn,.zh-cn .font-bliz-light-xxLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxLarge-white.ko-kr,.ko-kr .font-bliz-light-xxLarge-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxLarge-white.ru-ru,.ru-ru .font-bliz-light-xxLarge-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxLarge-white.zh-tw,.zh-tw .font-bliz-light-xxLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-darkBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-darkBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-darkBeige {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-darkBeige.zh-cn,.zh-cn .font-quadrata-xxLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-darkBeige.ko-kr,.ko-kr .font-quadrata-xxLarge-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-darkBeige.ru-ru,.ru-ru .font-quadrata-xxLarge-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-darkBeige.zh-tw,.zh-tw .font-quadrata-xxLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-mediumBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-mediumBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-mediumBeige {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-mediumBeige.zh-cn,.zh-cn .font-quadrata-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-mediumBeige.ko-kr,.ko-kr .font-quadrata-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-mediumBeige.ru-ru,.ru-ru .font-quadrata-xxLarge-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-mediumBeige.zh-tw,.zh-tw .font-quadrata-xxLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-beige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-beige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-beige {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-beige.zh-cn,.zh-cn .font-quadrata-xxLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-beige.ko-kr,.ko-kr .font-quadrata-xxLarge-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-beige.ru-ru,.ru-ru .font-quadrata-xxLarge-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-beige.zh-tw,.zh-tw .font-quadrata-xxLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-lightBeige {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-lightBeige {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-lightBeige {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-lightBeige.zh-cn,.zh-cn .font-quadrata-xxLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-lightBeige.ko-kr,.ko-kr .font-quadrata-xxLarge-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-lightBeige.ru-ru,.ru-ru .font-quadrata-xxLarge-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-lightBeige.zh-tw,.zh-tw .font-quadrata-xxLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-blue {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-blue {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-blue {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-blue.zh-cn,.zh-cn .font-quadrata-xxLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-blue.ko-kr,.ko-kr .font-quadrata-xxLarge-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-blue.ru-ru,.ru-ru .font-quadrata-xxLarge-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-blue.zh-tw,.zh-tw .font-quadrata-xxLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-lightBlue {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-lightBlue {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-lightBlue {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-lightBlue.zh-cn,.zh-cn .font-quadrata-xxLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-lightBlue.ko-kr,.ko-kr .font-quadrata-xxLarge-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-lightBlue.ru-ru,.ru-ru .font-quadrata-xxLarge-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-lightBlue.zh-tw,.zh-tw .font-quadrata-xxLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-red {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-red {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-red {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-red.zh-cn,.zh-cn .font-quadrata-xxLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-red.ko-kr,.ko-kr .font-quadrata-xxLarge-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-red.ru-ru,.ru-ru .font-quadrata-xxLarge-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-red.zh-tw,.zh-tw .font-quadrata-xxLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-mediumGreen {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-mediumGreen {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-mediumGreen {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-mediumGreen.zh-cn,.zh-cn .font-quadrata-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-mediumGreen.ko-kr,.ko-kr .font-quadrata-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-mediumGreen.ru-ru,.ru-ru .font-quadrata-xxLarge-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-mediumGreen.zh-tw,.zh-tw .font-quadrata-xxLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-lightGreen {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-lightGreen {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-lightGreen {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-lightGreen.zh-cn,.zh-cn .font-quadrata-xxLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-lightGreen.ko-kr,.ko-kr .font-quadrata-xxLarge-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-lightGreen.ru-ru,.ru-ru .font-quadrata-xxLarge-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-lightGreen.zh-tw,.zh-tw .font-quadrata-xxLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-darkBrown {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-darkBrown {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-darkBrown {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-darkBrown.zh-cn,.zh-cn .font-quadrata-xxLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-darkBrown.ko-kr,.ko-kr .font-quadrata-xxLarge-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-darkBrown.ru-ru,.ru-ru .font-quadrata-xxLarge-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-darkBrown.zh-tw,.zh-tw .font-quadrata-xxLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-mediumGold {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-mediumGold {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-mediumGold {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-mediumGold.zh-cn,.zh-cn .font-quadrata-xxLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-mediumGold.ko-kr,.ko-kr .font-quadrata-xxLarge-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-mediumGold.ru-ru,.ru-ru .font-quadrata-xxLarge-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-mediumGold.zh-tw,.zh-tw .font-quadrata-xxLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-lightGold {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-lightGold {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-lightGold {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-lightGold.zh-cn,.zh-cn .font-quadrata-xxLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-lightGold.ko-kr,.ko-kr .font-quadrata-xxLarge-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-lightGold.ru-ru,.ru-ru .font-quadrata-xxLarge-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-lightGold.zh-tw,.zh-tw .font-quadrata-xxLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-lightOrange {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-lightOrange {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-lightOrange {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-lightOrange.zh-cn,.zh-cn .font-quadrata-xxLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-lightOrange.ko-kr,.ko-kr .font-quadrata-xxLarge-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-lightOrange.ru-ru,.ru-ru .font-quadrata-xxLarge-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-lightOrange.zh-tw,.zh-tw .font-quadrata-xxLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-black {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-black {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-black {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-black.zh-cn,.zh-cn .font-quadrata-xxLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-black.ko-kr,.ko-kr .font-quadrata-xxLarge-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-black.ru-ru,.ru-ru .font-quadrata-xxLarge-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-black.zh-tw,.zh-tw .font-quadrata-xxLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-darkGray {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-darkGray {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-darkGray {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-darkGray.zh-cn,.zh-cn .font-quadrata-xxLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-darkGray.ko-kr,.ko-kr .font-quadrata-xxLarge-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-darkGray.ru-ru,.ru-ru .font-quadrata-xxLarge-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-darkGray.zh-tw,.zh-tw .font-quadrata-xxLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-gray {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-gray {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-gray {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-gray.zh-cn,.zh-cn .font-quadrata-xxLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-gray.ko-kr,.ko-kr .font-quadrata-xxLarge-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-gray.ru-ru,.ru-ru .font-quadrata-xxLarge-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-gray.zh-tw,.zh-tw .font-quadrata-xxLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-silver {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-silver {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-silver {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-silver.zh-cn,.zh-cn .font-quadrata-xxLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-silver.ko-kr,.ko-kr .font-quadrata-xxLarge-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-silver.ru-ru,.ru-ru .font-quadrata-xxLarge-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-silver.zh-tw,.zh-tw .font-quadrata-xxLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxLarge-white {
    font-size: 2.68725rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-xxLarge-white {
        font-size:3.04555rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxLarge-white {
        font-size:3.583rem
    }
}

.font-quadrata-xxLarge-white.zh-cn,.zh-cn .font-quadrata-xxLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxLarge-white.ko-kr,.ko-kr .font-quadrata-xxLarge-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxLarge-white.ru-ru,.ru-ru .font-quadrata-xxLarge-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxLarge-white.zh-tw,.zh-tw .font-quadrata-xxLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

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

@media (min-width: 720px) {
    .font-size-xxxLarge {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-size-xxxLarge {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-darkBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-darkBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-darkBeige {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-darkBeige.zh-cn,.zh-cn .font-semp-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-darkBeige.ko-kr,.ko-kr .font-semp-xxxLarge-darkBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-darkBeige.ru-ru,.ru-ru .font-semp-xxxLarge-darkBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-darkBeige.zh-tw,.zh-tw .font-semp-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-mediumBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-mediumBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-mediumBeige {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-mediumBeige.zh-cn,.zh-cn .font-semp-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-mediumBeige.ko-kr,.ko-kr .font-semp-xxxLarge-mediumBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-mediumBeige.ru-ru,.ru-ru .font-semp-xxxLarge-mediumBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-mediumBeige.zh-tw,.zh-tw .font-semp-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-beige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-beige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-beige {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-beige.zh-cn,.zh-cn .font-semp-xxxLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-beige.ko-kr,.ko-kr .font-semp-xxxLarge-beige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-beige.ru-ru,.ru-ru .font-semp-xxxLarge-beige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-beige.zh-tw,.zh-tw .font-semp-xxxLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-lightBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-lightBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-lightBeige {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-lightBeige.zh-cn,.zh-cn .font-semp-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-lightBeige.ko-kr,.ko-kr .font-semp-xxxLarge-lightBeige {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-lightBeige.ru-ru,.ru-ru .font-semp-xxxLarge-lightBeige {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-lightBeige.zh-tw,.zh-tw .font-semp-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-blue {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-blue {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-blue {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-blue.zh-cn,.zh-cn .font-semp-xxxLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-blue.ko-kr,.ko-kr .font-semp-xxxLarge-blue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-blue.ru-ru,.ru-ru .font-semp-xxxLarge-blue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-blue.zh-tw,.zh-tw .font-semp-xxxLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-lightBlue {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-lightBlue {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-lightBlue {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-lightBlue.zh-cn,.zh-cn .font-semp-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-lightBlue.ko-kr,.ko-kr .font-semp-xxxLarge-lightBlue {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-lightBlue.ru-ru,.ru-ru .font-semp-xxxLarge-lightBlue {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-lightBlue.zh-tw,.zh-tw .font-semp-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-red {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-red {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-red {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-red.zh-cn,.zh-cn .font-semp-xxxLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-red.ko-kr,.ko-kr .font-semp-xxxLarge-red {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-red.ru-ru,.ru-ru .font-semp-xxxLarge-red {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-red.zh-tw,.zh-tw .font-semp-xxxLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-mediumGreen {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-mediumGreen {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-mediumGreen {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-mediumGreen.zh-cn,.zh-cn .font-semp-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-mediumGreen.ko-kr,.ko-kr .font-semp-xxxLarge-mediumGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-mediumGreen.ru-ru,.ru-ru .font-semp-xxxLarge-mediumGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-mediumGreen.zh-tw,.zh-tw .font-semp-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-lightGreen {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-lightGreen {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-lightGreen {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-lightGreen.zh-cn,.zh-cn .font-semp-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-lightGreen.ko-kr,.ko-kr .font-semp-xxxLarge-lightGreen {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-lightGreen.ru-ru,.ru-ru .font-semp-xxxLarge-lightGreen {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-lightGreen.zh-tw,.zh-tw .font-semp-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-darkBrown {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-darkBrown {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-darkBrown {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-darkBrown.zh-cn,.zh-cn .font-semp-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-darkBrown.ko-kr,.ko-kr .font-semp-xxxLarge-darkBrown {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-darkBrown.ru-ru,.ru-ru .font-semp-xxxLarge-darkBrown {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-darkBrown.zh-tw,.zh-tw .font-semp-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-mediumGold {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-mediumGold {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-mediumGold {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-mediumGold.zh-cn,.zh-cn .font-semp-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-mediumGold.ko-kr,.ko-kr .font-semp-xxxLarge-mediumGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-mediumGold.ru-ru,.ru-ru .font-semp-xxxLarge-mediumGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-mediumGold.zh-tw,.zh-tw .font-semp-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-lightGold {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-lightGold {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-lightGold {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-lightGold.zh-cn,.zh-cn .font-semp-xxxLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-lightGold.ko-kr,.ko-kr .font-semp-xxxLarge-lightGold {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-lightGold.ru-ru,.ru-ru .font-semp-xxxLarge-lightGold {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-lightGold.zh-tw,.zh-tw .font-semp-xxxLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-lightOrange {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-lightOrange {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-lightOrange {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-lightOrange.zh-cn,.zh-cn .font-semp-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-lightOrange.ko-kr,.ko-kr .font-semp-xxxLarge-lightOrange {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-lightOrange.ru-ru,.ru-ru .font-semp-xxxLarge-lightOrange {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-lightOrange.zh-tw,.zh-tw .font-semp-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-black {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-black {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-black {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-black.zh-cn,.zh-cn .font-semp-xxxLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-black.ko-kr,.ko-kr .font-semp-xxxLarge-black {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-black.ru-ru,.ru-ru .font-semp-xxxLarge-black {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-black.zh-tw,.zh-tw .font-semp-xxxLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-darkGray {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-darkGray {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-darkGray {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-darkGray.zh-cn,.zh-cn .font-semp-xxxLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-darkGray.ko-kr,.ko-kr .font-semp-xxxLarge-darkGray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-darkGray.ru-ru,.ru-ru .font-semp-xxxLarge-darkGray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-darkGray.zh-tw,.zh-tw .font-semp-xxxLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-gray {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-gray {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-gray {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-gray.zh-cn,.zh-cn .font-semp-xxxLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-gray.ko-kr,.ko-kr .font-semp-xxxLarge-gray {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-gray.ru-ru,.ru-ru .font-semp-xxxLarge-gray {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-gray.zh-tw,.zh-tw .font-semp-xxxLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-silver {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-silver {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-silver {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-silver.zh-cn,.zh-cn .font-semp-xxxLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-silver.ko-kr,.ko-kr .font-semp-xxxLarge-silver {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-silver.ru-ru,.ru-ru .font-semp-xxxLarge-silver {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-silver.zh-tw,.zh-tw .font-semp-xxxLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-semp-xxxLarge-white {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .font-semp-xxxLarge-white {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-semp-xxxLarge-white {
        font-size:4.3rem
    }
}

.font-semp-xxxLarge-white.zh-cn,.zh-cn .font-semp-xxxLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-semp-xxxLarge-white.ko-kr,.ko-kr .font-semp-xxxLarge-white {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-semp-xxxLarge-white.ru-ru,.ru-ru .font-semp-xxxLarge-white {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-semp-xxxLarge-white.zh-tw,.zh-tw .font-semp-xxxLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-darkBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-darkBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-darkBeige {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-darkBeige.zh-cn,.zh-cn .font-bliz-light-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-darkBeige.ko-kr,.ko-kr .font-bliz-light-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-darkBeige.ru-ru,.ru-ru .font-bliz-light-xxxLarge-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-darkBeige.zh-tw,.zh-tw .font-bliz-light-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-mediumBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-mediumBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-mediumBeige {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-mediumBeige.zh-cn,.zh-cn .font-bliz-light-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-mediumBeige.ko-kr,.ko-kr .font-bliz-light-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-mediumBeige.ru-ru,.ru-ru .font-bliz-light-xxxLarge-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-mediumBeige.zh-tw,.zh-tw .font-bliz-light-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-beige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-beige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-beige {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-beige.zh-cn,.zh-cn .font-bliz-light-xxxLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-beige.ko-kr,.ko-kr .font-bliz-light-xxxLarge-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-beige.ru-ru,.ru-ru .font-bliz-light-xxxLarge-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-beige.zh-tw,.zh-tw .font-bliz-light-xxxLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-lightBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f3eee2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-lightBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-lightBeige {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-lightBeige.zh-cn,.zh-cn .font-bliz-light-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-lightBeige.ko-kr,.ko-kr .font-bliz-light-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-lightBeige.ru-ru,.ru-ru .font-bliz-light-xxxLarge-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-lightBeige.zh-tw,.zh-tw .font-bliz-light-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-blue {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-blue {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-blue {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-blue.zh-cn,.zh-cn .font-bliz-light-xxxLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-blue.ko-kr,.ko-kr .font-bliz-light-xxxLarge-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-blue.ru-ru,.ru-ru .font-bliz-light-xxxLarge-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-blue.zh-tw,.zh-tw .font-bliz-light-xxxLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-lightBlue {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #2a4b71;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-lightBlue {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-lightBlue {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-lightBlue.zh-cn,.zh-cn .font-bliz-light-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-lightBlue.ko-kr,.ko-kr .font-bliz-light-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-lightBlue.ru-ru,.ru-ru .font-bliz-light-xxxLarge-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-lightBlue.zh-tw,.zh-tw .font-bliz-light-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-red {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #961901;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-red {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-red {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-red.zh-cn,.zh-cn .font-bliz-light-xxxLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-red.ko-kr,.ko-kr .font-bliz-light-xxxLarge-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-red.ru-ru,.ru-ru .font-bliz-light-xxxLarge-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-red.zh-tw,.zh-tw .font-bliz-light-xxxLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-mediumGreen {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #1b9601;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-mediumGreen {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-mediumGreen {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-mediumGreen.zh-cn,.zh-cn .font-bliz-light-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-mediumGreen.ko-kr,.ko-kr .font-bliz-light-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-mediumGreen.ru-ru,.ru-ru .font-bliz-light-xxxLarge-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-mediumGreen.zh-tw,.zh-tw .font-bliz-light-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-lightGreen {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #0f0;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-lightGreen {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-lightGreen {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-lightGreen.zh-cn,.zh-cn .font-bliz-light-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-lightGreen.ko-kr,.ko-kr .font-bliz-light-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-lightGreen.ru-ru,.ru-ru .font-bliz-light-xxxLarge-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-lightGreen.zh-tw,.zh-tw .font-bliz-light-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-darkBrown {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-darkBrown {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-darkBrown {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-darkBrown.zh-cn,.zh-cn .font-bliz-light-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-darkBrown.ko-kr,.ko-kr .font-bliz-light-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-darkBrown.ru-ru,.ru-ru .font-bliz-light-xxxLarge-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-darkBrown.zh-tw,.zh-tw .font-bliz-light-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-mediumGold {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #c76700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-mediumGold {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-mediumGold {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-mediumGold.zh-cn,.zh-cn .font-bliz-light-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-mediumGold.ko-kr,.ko-kr .font-bliz-light-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-mediumGold.ru-ru,.ru-ru .font-bliz-light-xxxLarge-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-mediumGold.zh-tw,.zh-tw .font-bliz-light-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-lightGold {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-lightGold {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-lightGold {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-lightGold.zh-cn,.zh-cn .font-bliz-light-xxxLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-lightGold.ko-kr,.ko-kr .font-bliz-light-xxxLarge-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-lightGold.ru-ru,.ru-ru .font-bliz-light-xxxLarge-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-lightGold.zh-tw,.zh-tw .font-bliz-light-xxxLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-lightOrange {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ff7200;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-lightOrange {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-lightOrange {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-lightOrange.zh-cn,.zh-cn .font-bliz-light-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-lightOrange.ko-kr,.ko-kr .font-bliz-light-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-lightOrange.ru-ru,.ru-ru .font-bliz-light-xxxLarge-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-lightOrange.zh-tw,.zh-tw .font-bliz-light-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-black {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #000;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-black {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-black {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-black.zh-cn,.zh-cn .font-bliz-light-xxxLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-black.ko-kr,.ko-kr .font-bliz-light-xxxLarge-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-black.ru-ru,.ru-ru .font-bliz-light-xxxLarge-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-black.zh-tw,.zh-tw .font-bliz-light-xxxLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-darkGray {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #777;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-darkGray {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-darkGray {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-darkGray.zh-cn,.zh-cn .font-bliz-light-xxxLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-darkGray.ko-kr,.ko-kr .font-bliz-light-xxxLarge-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-darkGray.ru-ru,.ru-ru .font-bliz-light-xxxLarge-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-darkGray.zh-tw,.zh-tw .font-bliz-light-xxxLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-gray {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-gray {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-gray {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-gray.zh-cn,.zh-cn .font-bliz-light-xxxLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-gray.ko-kr,.ko-kr .font-bliz-light-xxxLarge-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-gray.ru-ru,.ru-ru .font-bliz-light-xxxLarge-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-gray.zh-tw,.zh-tw .font-bliz-light-xxxLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-silver {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #aaa;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-silver {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-silver {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-silver.zh-cn,.zh-cn .font-bliz-light-xxxLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-silver.ko-kr,.ko-kr .font-bliz-light-xxxLarge-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-silver.ru-ru,.ru-ru .font-bliz-light-xxxLarge-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-silver.zh-tw,.zh-tw .font-bliz-light-xxxLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-bliz-light-xxxLarge-white {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .font-bliz-light-xxxLarge-white {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-bliz-light-xxxLarge-white {
        font-size:4.3rem
    }
}

.font-bliz-light-xxxLarge-white.zh-cn,.zh-cn .font-bliz-light-xxxLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-bliz-light-xxxLarge-white.ko-kr,.ko-kr .font-bliz-light-xxxLarge-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-bliz-light-xxxLarge-white.ru-ru,.ru-ru .font-bliz-light-xxxLarge-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-bliz-light-xxxLarge-white.zh-tw,.zh-tw .font-bliz-light-xxxLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-darkBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #b1997f
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-darkBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-darkBeige {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-darkBeige.zh-cn,.zh-cn .font-quadrata-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-darkBeige.ko-kr,.ko-kr .font-quadrata-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-darkBeige.ru-ru,.ru-ru .font-quadrata-xxxLarge-darkBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-darkBeige.zh-tw,.zh-tw .font-quadrata-xxxLarge-darkBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-mediumBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-mediumBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-mediumBeige {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-mediumBeige.zh-cn,.zh-cn .font-quadrata-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-mediumBeige.ko-kr,.ko-kr .font-quadrata-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-mediumBeige.ru-ru,.ru-ru .font-quadrata-xxxLarge-mediumBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-mediumBeige.zh-tw,.zh-tw .font-quadrata-xxxLarge-mediumBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-beige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ebdec2
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-beige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-beige {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-beige.zh-cn,.zh-cn .font-quadrata-xxxLarge-beige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-beige.ko-kr,.ko-kr .font-quadrata-xxxLarge-beige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-beige.ru-ru,.ru-ru .font-quadrata-xxxLarge-beige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-beige.zh-tw,.zh-tw .font-quadrata-xxxLarge-beige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-lightBeige {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f3eee2
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-lightBeige {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-lightBeige {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-lightBeige.zh-cn,.zh-cn .font-quadrata-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-lightBeige.ko-kr,.ko-kr .font-quadrata-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-lightBeige.ru-ru,.ru-ru .font-quadrata-xxxLarge-lightBeige {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-lightBeige.zh-tw,.zh-tw .font-quadrata-xxxLarge-lightBeige {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-blue {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #09273e
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-blue {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-blue {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-blue.zh-cn,.zh-cn .font-quadrata-xxxLarge-blue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-blue.ko-kr,.ko-kr .font-quadrata-xxxLarge-blue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-blue.ru-ru,.ru-ru .font-quadrata-xxxLarge-blue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-blue.zh-tw,.zh-tw .font-quadrata-xxxLarge-blue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-lightBlue {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #2a4b71
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-lightBlue {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-lightBlue {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-lightBlue.zh-cn,.zh-cn .font-quadrata-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-lightBlue.ko-kr,.ko-kr .font-quadrata-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-lightBlue.ru-ru,.ru-ru .font-quadrata-xxxLarge-lightBlue {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-lightBlue.zh-tw,.zh-tw .font-quadrata-xxxLarge-lightBlue {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-red {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #961901
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-red {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-red {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-red.zh-cn,.zh-cn .font-quadrata-xxxLarge-red {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-red.ko-kr,.ko-kr .font-quadrata-xxxLarge-red {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-red.ru-ru,.ru-ru .font-quadrata-xxxLarge-red {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-red.zh-tw,.zh-tw .font-quadrata-xxxLarge-red {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-mediumGreen {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #1b9601
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-mediumGreen {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-mediumGreen {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-mediumGreen.zh-cn,.zh-cn .font-quadrata-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-mediumGreen.ko-kr,.ko-kr .font-quadrata-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-mediumGreen.ru-ru,.ru-ru .font-quadrata-xxxLarge-mediumGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-mediumGreen.zh-tw,.zh-tw .font-quadrata-xxxLarge-mediumGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-lightGreen {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #0f0
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-lightGreen {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-lightGreen {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-lightGreen.zh-cn,.zh-cn .font-quadrata-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-lightGreen.ko-kr,.ko-kr .font-quadrata-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-lightGreen.ru-ru,.ru-ru .font-quadrata-xxxLarge-lightGreen {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-lightGreen.zh-tw,.zh-tw .font-quadrata-xxxLarge-lightGreen {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-darkBrown {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #211510
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-darkBrown {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-darkBrown {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-darkBrown.zh-cn,.zh-cn .font-quadrata-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-darkBrown.ko-kr,.ko-kr .font-quadrata-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-darkBrown.ru-ru,.ru-ru .font-quadrata-xxxLarge-darkBrown {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-darkBrown.zh-tw,.zh-tw .font-quadrata-xxxLarge-darkBrown {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-mediumGold {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #c76700
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-mediumGold {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-mediumGold {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-mediumGold.zh-cn,.zh-cn .font-quadrata-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-mediumGold.ko-kr,.ko-kr .font-quadrata-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-mediumGold.ru-ru,.ru-ru .font-quadrata-xxxLarge-mediumGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-mediumGold.zh-tw,.zh-tw .font-quadrata-xxxLarge-mediumGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-lightGold {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #f8b700
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-lightGold {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-lightGold {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-lightGold.zh-cn,.zh-cn .font-quadrata-xxxLarge-lightGold {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-lightGold.ko-kr,.ko-kr .font-quadrata-xxxLarge-lightGold {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-lightGold.ru-ru,.ru-ru .font-quadrata-xxxLarge-lightGold {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-lightGold.zh-tw,.zh-tw .font-quadrata-xxxLarge-lightGold {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-lightOrange {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #ff7200
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-lightOrange {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-lightOrange {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-lightOrange.zh-cn,.zh-cn .font-quadrata-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-lightOrange.ko-kr,.ko-kr .font-quadrata-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-lightOrange.ru-ru,.ru-ru .font-quadrata-xxxLarge-lightOrange {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-lightOrange.zh-tw,.zh-tw .font-quadrata-xxxLarge-lightOrange {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-black {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #000
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-black {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-black {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-black.zh-cn,.zh-cn .font-quadrata-xxxLarge-black {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-black.ko-kr,.ko-kr .font-quadrata-xxxLarge-black {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-black.ru-ru,.ru-ru .font-quadrata-xxxLarge-black {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-black.zh-tw,.zh-tw .font-quadrata-xxxLarge-black {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-darkGray {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #777
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-darkGray {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-darkGray {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-darkGray.zh-cn,.zh-cn .font-quadrata-xxxLarge-darkGray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-darkGray.ko-kr,.ko-kr .font-quadrata-xxxLarge-darkGray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-darkGray.ru-ru,.ru-ru .font-quadrata-xxxLarge-darkGray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-darkGray.zh-tw,.zh-tw .font-quadrata-xxxLarge-darkGray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-gray {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-gray {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-gray {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-gray.zh-cn,.zh-cn .font-quadrata-xxxLarge-gray {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-gray.ko-kr,.ko-kr .font-quadrata-xxxLarge-gray {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-gray.ru-ru,.ru-ru .font-quadrata-xxxLarge-gray {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-gray.zh-tw,.zh-tw .font-quadrata-xxxLarge-gray {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-silver {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #aaa
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-silver {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-silver {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-silver.zh-cn,.zh-cn .font-quadrata-xxxLarge-silver {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-silver.ko-kr,.ko-kr .font-quadrata-xxxLarge-silver {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-silver.ru-ru,.ru-ru .font-quadrata-xxxLarge-silver {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-silver.zh-tw,.zh-tw .font-quadrata-xxxLarge-silver {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-quadrata-xxxLarge-white {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Blizz Quadrata,Georgia,Times New Roman,serif;
    color: #fff
}

@media (min-width: 720px) {
    .font-quadrata-xxxLarge-white {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .font-quadrata-xxxLarge-white {
        font-size:4.3rem
    }
}

.font-quadrata-xxxLarge-white.zh-cn,.zh-cn .font-quadrata-xxxLarge-white {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-quadrata-xxxLarge-white.ko-kr,.ko-kr .font-quadrata-xxxLarge-white {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-quadrata-xxxLarge-white.ru-ru,.ru-ru .font-quadrata-xxxLarge-white {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.font-quadrata-xxxLarge-white.zh-tw,.zh-tw .font-quadrata-xxxLarge-white {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-body {
    color: #211510;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

@media (min-width: 720px) {
    .font-body {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-body {
        font-size:1.2rem
    }
}

.font-subtitle-thick {
    color: #2a4b71;
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    text-transform: uppercase
}

@media (min-width: 720px) {
    .font-subtitle-thick {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-thick {
        font-size:1.44rem
    }
}

.font-subtitle-thick.zh-cn,.zh-cn .font-subtitle-thick {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-subtitle-thick.ko-kr,.ko-kr .font-subtitle-thick {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-subtitle-thick.ru-ru,.ru-ru .font-subtitle-thick {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-subtitle-thick.zh-tw,.zh-tw .font-subtitle-thick {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.font-body-onDark {
    color: #fff;
    font-weight: 400;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.2em
}

.font-noLink {
    text-decoration: none!important;
    display: inline-block
}

.font-title-tiny {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1rem;
    line-height: 1.5
}

.font-title-tiny.zh-cn,.zh-cn .font-title-tiny {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-tiny.ko-kr,.ko-kr .font-title-tiny {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-tiny.ru-ru,.ru-ru .font-title-tiny {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-tiny.zh-tw,.zh-tw .font-title-tiny {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-tiny {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-title-tiny {
        font-size:1.2rem
    }
}

.font-title-tiny-onDark {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1rem;
    line-height: 1.5
}

.font-title-tiny-onDark.zh-cn,.zh-cn .font-title-tiny-onDark {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-tiny-onDark.ko-kr,.ko-kr .font-title-tiny-onDark {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-tiny-onDark.ru-ru,.ru-ru .font-title-tiny-onDark {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-tiny-onDark.zh-tw,.zh-tw .font-title-tiny-onDark {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-tiny-onDark {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-title-tiny-onDark {
        font-size:1.2rem
    }
}

.font-title-small {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

.font-title-small.zh-cn,.zh-cn .font-title-small {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-small.ko-kr,.ko-kr .font-title-small {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-small.ru-ru,.ru-ru .font-title-small {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-small.zh-tw,.zh-tw .font-title-small {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-small {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-title-small {
        font-size:1.44rem
    }
}

.font-title-small-onDark {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

.font-title-small-onDark.zh-cn,.zh-cn .font-title-small-onDark {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-small-onDark.ko-kr,.ko-kr .font-title-small-onDark {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-small-onDark.ru-ru,.ru-ru .font-title-small-onDark {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-small-onDark.zh-tw,.zh-tw .font-title-small-onDark {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-small-onDark {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-title-small-onDark {
        font-size:1.44rem
    }
}

.font-title-medium {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.296rem;
    line-height: 1.5
}

.font-title-medium.zh-cn,.zh-cn .font-title-medium {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-medium.ko-kr,.ko-kr .font-title-medium {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-medium.ru-ru,.ru-ru .font-title-medium {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-medium.zh-tw,.zh-tw .font-title-medium {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-medium {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-title-medium {
        font-size:1.728rem
    }
}

.font-title-medium-onDark {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.296rem;
    line-height: 1.5
}

.font-title-medium-onDark.zh-cn,.zh-cn .font-title-medium-onDark {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-medium-onDark.ko-kr,.ko-kr .font-title-medium-onDark {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-medium-onDark.ru-ru,.ru-ru .font-title-medium-onDark {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-medium-onDark.zh-tw,.zh-tw .font-title-medium-onDark {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-medium-onDark {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-title-medium-onDark {
        font-size:1.728rem
    }
}

.font-title-normal {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.866rem;
    line-height: 1.5
}

.font-title-normal.zh-cn,.zh-cn .font-title-normal {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-normal.ko-kr,.ko-kr .font-title-normal {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-normal.ru-ru,.ru-ru .font-title-normal {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-normal.zh-tw,.zh-tw .font-title-normal {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-normal {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-title-normal {
        font-size:2.488rem
    }
}

.font-title-normal-onDark {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.866rem;
    line-height: 1.5
}

.font-title-normal-onDark.zh-cn,.zh-cn .font-title-normal-onDark {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-normal-onDark.ko-kr,.ko-kr .font-title-normal-onDark {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-normal-onDark.ru-ru,.ru-ru .font-title-normal-onDark {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-normal-onDark.zh-tw,.zh-tw .font-title-normal-onDark {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-normal-onDark {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .font-title-normal-onDark {
        font-size:2.488rem
    }
}

.font-title-large {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 2.2395rem;
    line-height: 1.5
}

.font-title-large.zh-cn,.zh-cn .font-title-large {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-large.ko-kr,.ko-kr .font-title-large {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-large.ru-ru,.ru-ru .font-title-large {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-large.zh-tw,.zh-tw .font-title-large {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-large {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-title-large {
        font-size:2.986rem
    }
}

.font-title-large-onDark {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 2.2395rem;
    line-height: 1.5
}

.font-title-large-onDark.zh-cn,.zh-cn .font-title-large-onDark {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.font-title-large-onDark.ko-kr,.ko-kr .font-title-large-onDark {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.font-title-large-onDark.ru-ru,.ru-ru .font-title-large-onDark {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.font-title-large-onDark.zh-tw,.zh-tw .font-title-large-onDark {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .font-title-large-onDark {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .font-title-large-onDark {
        font-size:2.986rem
    }
}

.font-subtitle-tiny {
    color: #cacaca;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-subtitle-tiny {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-tiny {
        font-size:1.2rem
    }
}

.font-subtitle-tiny-onDark {
    color: #b1997f;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-subtitle-tiny-onDark {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-tiny-onDark {
        font-size:1.2rem
    }
}

.font-subtitle-small {
    color: #cacaca;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-subtitle-small {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-small {
        font-size:1.44rem
    }
}

.font-subtitle-small-onDark {
    color: #b1997f;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-subtitle-small-onDark {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-small-onDark {
        font-size:1.44rem
    }
}

.font-subtitle-normal {
    color: #cacaca;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.296rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-subtitle-normal {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-normal {
        font-size:1.728rem
    }
}

.font-subtitle-normal-onDark {
    color: #b1997f;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.296rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-subtitle-normal-onDark {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .font-subtitle-normal-onDark {
        font-size:1.728rem
    }
}

.font-highlight-first-paragraph {
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-highlight-first-paragraph {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .font-highlight-first-paragraph {
        font-size:1.2rem
    }
}

.font-highlight-first-paragraph>p:first-of-type {
    font-size: 1.08rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .font-highlight-first-paragraph>p:first-of-type {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .font-highlight-first-paragraph>p:first-of-type {
        font-size:1.44rem
    }
}

.transition {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

@keyframes keyframe-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.block {
    display: block!important
}

.inline {
    display: inline-block!important
}

.hide {
    display: none!important
}

.invisible,.preload {
    visibility: hidden!important
}

.preload {
    display: block!important;
    height: 0!important;
    overflow: hidden!important;
    pointer-events: none!important;
    position: absolute!important;
    width: 0!important;
    z-index: -10!important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.separator-top {
    border-top: 1px solid hsla(0,0%,66.7%,.4)
}

.separator-right {
    border-right: 1px solid hsla(0,0%,66.7%,.4)
}

.separator-bottom {
    border-bottom: 1px solid hsla(0,0%,66.7%,.4)
}

.separator-left {
    border-left: 1px solid hsla(0,0%,66.7%,.4)
}

.separator-top-light {
    border-top: 1px solid hsla(0,0%,66.7%,.2)
}

.separator-right-light {
    border-right: 1px solid hsla(0,0%,66.7%,.2)
}

.separator-bottom-light {
    border-bottom: 1px solid hsla(0,0%,66.7%,.2)
}

.separator-left-light {
    border-left: 1px solid hsla(0,0%,66.7%,.2)
}

.fixed-xsmall {
    width: 180px;
    width: 33vw
}

.fixed-small {
    width: 220px;
    width: 50vw
}

.fixed-medium {
    width: 240px;
    width: 65vw
}

.fixed-normal {
    width: 250px;
    width: 75vw
}

.fixed-large {
    width: 260px;
    width: 85vw
}

.fixed-static-xtiny {
    width: 120px
}

.fixed-static-tiny {
    width: 140px
}

.fixed-static-xxsmall {
    width: 160px
}

.fixed-static-xsmall {
    width: 180px
}

.fixed-static-small {
    width: 220px
}

.fixed-static-medium {
    width: 240px
}

.fixed-static-normal {
    width: 250px
}

.fixed-static-large {
    width: 260px
}

.fixed-static-huge {
    width: 320px
}

.contain-tiny {
    max-width: 160px
}

.contain-small,.contain-tiny {
    margin-left: auto;
    margin-right: auto
}

.contain-small {
    max-width: 320px
}

.contain-medium {
    max-width: 540px
}

.contain-large,.contain-medium {
    margin-left: auto;
    margin-right: auto
}

.contain-large {
    max-width: 720px
}

.contain-masthead {
    max-width: 800px
}

.contain-masthead,.contain-wide {
    margin-left: auto;
    margin-right: auto
}

.contain-wide {
    max-width: 980px
}

.contain-huge {
    max-width: 1280px
}

.contain-huge,.contain-max {
    margin-left: auto;
    margin-right: auto
}

.contain-max {
    max-width: 1600px
}

.contain-edge {
    max-width: 2400px
}

.contain-center,.contain-edge {
    margin-left: auto;
    margin-right: auto
}

.contain-left {
    margin-left: 0
}

.contain-right {
    margin-right: 0
}

.color-inherit {
    color: inherit
}

.color-silver {
    color: #aaa
}

.color-charcoal {
    color: #222
}

.color-semi-opaque {
    color: hsla(0,0%,100%,.6)
}

.color-brown-dark {
    color: #211510
}

.color-brown-medium {
    color: #352011
}

.color-brown-light {
    color: #504137
}

.color-red-dark {
    color: #561200
}

.color-red-medium {
    color: #961901
}

.color-red-light {
    color: #cc3501
}

.color-green-dark {
    color: #91c24e
}

.color-green-medium {
    color: #1b9601
}

.color-green-light {
    color: #0f0
}

.color-beige-dark {
    color: #b1997f
}

.color-beige-medium {
    color: #ebdec2
}

.color-beige-light {
    color: #f3eee2
}

.color-blue-dark {
    color: #040f1a
}

.color-blue-medium {
    color: #09273e
}

.color-blue-light {
    color: #2a4b71
}

.color-gold-dark {
    color: #853500
}

.color-gold-medium {
    color: #c76700
}

.color-gold-light {
    color: #f8b700
}

.color-orange-medium {
    color: #c76700
}

.color-orange-light {
    color: #ff7200
}

.color-monochrome-black {
    color: #000
}

.color-monochrome-gray {
    color: #cacaca
}

.color-monochrome-gray-dark {
    color: #777
}

.color-monochrome-white {
    color: #fff
}

.color-legion-dark {
    color: #0f1d0d
}

.color-legion-medium {
    color: #1b3e13
}

.color-legion-light {
    color: #13ff29
}

.color-status-success {
    color: #0f0
}

.color-status-warning {
    color: #c76700
}

.color-status-error {
    color: #db2300
}

.color-faction-ALLIANCE {
    color: #0078ff
}

.color-faction-HORDE {
    color: #b30000
}

.color-progress-high {
    color: #1b9601
}

.color-progress-medium {
    color: #c76700
}

.color-progress-low {
    color: #99755c
}

.color-expansion-CLASSIC {
    color: #fff468
}

.color-expansion-BC {
    color: #aad372
}

.color-expansion-WOTLK {
    color: #68ccef
}

.color-expansion-CATA {
    color: #ff7c0a
}

.color-expansion-MISTS {
    color: #00ffba
}

.color-expansion-WARLORDS {
    color: #ff320a
}

.color-expansion-LEGION {
    color: #a8ff00
}

.color-expansion-DEFAULT {
    color: #b1997f
}

.color-class-DEATHKNIGHT {
    color: #c41e3b
}

.color-class-DEATHKNIGHT-bg {
    color: #080812
}

.color-class-DEATHKNIGHT-onDark {
    color: #c41e3b
}

.color-class-DEMONHUNTER {
    color: #a330c9
}

.color-class-DEMONHUNTER-bg {
    color: #0a1004
}

.color-class-DEMONHUNTER-onDark {
    color: #a330c9
}

.color-class-DRUID {
    color: #ff7c0a
}

.color-class-DRUID-bg {
    color: #000d07
}

.color-class-DRUID-onDark {
    color: #ff7c0a
}

.color-class-EVOKER,.color-class-EVOKER-onDark {
    color: #33937f
}

.color-class-HUNTER {
    color: #7ba93d
}

.color-class-HUNTER-bg {
    color: #07030d
}

.color-class-HUNTER-onDark {
    color: #aad372
}

.color-class-MAGE {
    color: #46b1d6
}

.color-class-MAGE-bg {
    color: #110617
}

.color-class-MAGE-onDark {
    color: #68ccef
}

.color-class-MONK {
    color: #0ac895
}

.color-class-MONK-bg {
    color: #04110c
}

.color-class-MONK-onDark {
    color: #00ffba
}

.color-class-PALADIN {
    color: #f48cba
}

.color-class-PALADIN-bg {
    color: #13040a
}

.color-class-PALADIN-onDark {
    color: #f48cba
}

.color-class-PRIEST {
    color: #817d73
}

.color-class-PRIEST-bg {
    color: #1a0812
}

.color-class-PRIEST-onDark {
    color: #f0ebe0
}

.color-class-ROGUE {
    color: #aba14f
}

.color-class-ROGUE-bg {
    color: #150d1a
}

.color-class-ROGUE-onDark {
    color: #fff468
}

.color-class-SHAMAN {
    color: #2359ff
}

.color-class-SHAMAN-bg {
    color: #040414
}

.color-class-SHAMAN-onDark {
    color: #2359ff
}

.color-class-WARLOCK {
    color: #9382c9
}

.color-class-WARLOCK-bg {
    color: #15121f
}

.color-class-WARLOCK-onDark {
    color: #9382c9
}

.color-class-WARRIOR {
    color: #af7c46
}

.color-class-WARRIOR-bg {
    color: #1a0407
}

.color-class-WARRIOR-onDark {
    color: #c69b6d
}

.color-class-TANK {
    color: #285ac0
}

.color-class-HEALER {
    color: #27a964
}

.color-class-DAMAGE {
    color: #9a0000
}

.color-stat-HEALTH {
    color: #27cc4e
}

.color-stat-STAMINA {
    color: #ff8b2d
}

.color-stat-ENERGY {
    color: #cb9501
}

.color-stat-FOCUS {
    color: #d45719
}

.color-stat-FURY {
    color: #8400ff
}

.color-stat-INSANITY {
    color: #60f
}

.color-stat-MAELSTROM {
    color: #008fff
}

.color-stat-MANA {
    color: #1c8aff
}

.color-stat-PAIN {
    color: #d45719
}

.color-stat-RAGE {
    color: #ab0000
}

.color-stat-RUNICPOWER {
    color: #00bcde
}

.color-stat-AGILITY {
    color: #ffd955
}

.color-stat-INTELLECT {
    color: #d26cd1
}

.color-stat-STRENGTH {
    color: #f33232
}

.color-stat-CRITICALSTRIKE {
    color: #e01c1c
}

.color-stat-HASTE {
    color: #0ed59b
}

.color-stat-MASTERY {
    color: #9256ff
}

.color-stat-VERSATILITY {
    color: #bfbfbf
}

.color-quality-ARTIFACT,.color-quality-AZERITE {
    color: #e5cc80
}

.color-quality-HEIRLOOM {
    color: #0cf
}

.color-quality-LEGENDARY {
    color: #ff8000
}

.color-quality-EPIC {
    color: #c600ff
}

.color-quality-RARE {
    color: #0081ff
}

.color-quality-UNCOMMON {
    color: #1eff00
}

.color-quality-COMMON {
    color: #fff
}

.color-quality-POOR {
    color: #9d9d9d
}

.color-win {
    color: #0f0
}

.color-loss {
    color: #db2300
}

.text-gradient-legion {
    background-image: -webkit-linear-gradient(top,#fff,#ffec71);
    color: #ffec71;
    line-height: 1em
}

.text-gradient-legion,.text-gradient-ocho-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 1em 1em;
    display: inline-block;
    text-shadow: none
}

.text-gradient-ocho-title {
    background-image: -webkit-linear-gradient(top,#fff,#c6c6c6 7%,#fff 20%,#cfcfcf 38%,#fef9ef 68%,#c7beac 83%,#dccdbc);
    background-position: 50%;
    color: #c6c6c6;
    line-height: 1.3em;
    position: relative
}

.text-gradient-ocho-title:before {
    display: inline-block;
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    text-shadow: 0 1px 9px rgba(0,0,0,.7),0 1px 9px rgba(0,0,0,.7);
    -webkit-text-fill-color: rgba(0,0,0,.7)
}

.text-gradient-ocho-subtitle {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top,#ede0c9 20%,#8a7e66);
    background-size: 1.3em 1.3em;
    background-position: top;
    color: #ede0c9;
    display: inline-block;
    line-height: 1.3em;
    text-shadow: none;
    position: relative
}

.text-gradient-ocho-subtitle:before {
    display: inline-block;
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    text-shadow: 0 1px 7px rgba(0,0,0,.7),0 1px 7px rgba(0,0,0,.7)
}

.border-color-inherit {
    border-color: inherit
}

.columns-1 {
    -moz-column-count: 1;
    column-count: 1
}

.columns-1,.columns-2 {
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.columns-2 {
    -moz-column-count: 2;
    column-count: 2
}

.columns-3 {
    -moz-column-count: 3;
    column-count: 3
}

.columns-3,.columns-4 {
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.columns-4 {
    -moz-column-count: 4;
    column-count: 4
}

.columns-5 {
    -moz-column-count: 5;
    column-count: 5;
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.text-reset {
    text-transform: inherit;
    text-decoration: inherit;
    font-style: inherit;
    font-weight: inherit
}

.text-none {
    text-transform: none
}

.text-lower {
    text-transform: lowercase
}

.text-upper {
    text-transform: uppercase
}

.text-capital {
    text-transform: capitalize
}

.text-break {
    word-break: break-all
}

.text-nowrap {
    white-space: nowrap
}

.text-wrap {
    width: auto;
    word-wrap: break-word
}

.text-keepall {
    word-break: keep-all
}

.text-italic {
    font-style: italic
}

.text-no-sizing {
    font-size: 0;
    line-height: 0
}

.text-hyphenate {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.text-align-center {
    text-align: center
}

.textShadow-small-white {
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8)
}

.textShadow-small-black {
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)
}

.textShadow-large-white {
    text-shadow: 0 0 1px transparent,0 0 5px hsla(0,0%,100%,.8)
}

.textShadow-large-black {
    text-shadow: 0 0 1px transparent,0 0 5px rgba(0,0,0,.8)
}

.textShadow-xlarge-black {
    text-shadow: 0 0 1px transparent,0 0 5px #000,0 2px 2px #000
}

.textShadow-none {
    text-shadow: none
}

.lineHeight-fontSize {
    line-height: 1
}

.lineHeight-small {
    line-height: .75em
}

.lineHeight-large {
    line-height: 1.2em
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-justify {
    text-align: justify
}

.gutter-tiny {
    padding: 0 5px
}

.gutter-tiny.gutter-vertical {
    padding: 5px 0
}

.gutter-tiny.gutter-all {
    padding: 5px
}

.gutter-tiny.gutter-negative {
    padding: 0;
    margin: 0 -5px
}

.gutter-tiny.gutter-negative.gutter-vertical {
    margin: -5px 0
}

.gutter-tiny.gutter-negative.gutter-all {
    margin: -5px
}

.gutter-small {
    padding: 0 10px
}

.gutter-small.gutter-vertical {
    padding: 10px 0
}

.gutter-small.gutter-all {
    padding: 10px
}

.gutter-small.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.gutter-small.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.gutter-small.gutter-negative.gutter-all {
    margin: -10px
}

.gutter-normal {
    padding: 0 20px
}

.gutter-normal.gutter-vertical {
    padding: 20px 0
}

.gutter-normal.gutter-all {
    padding: 20px
}

.gutter-normal.gutter-negative {
    padding: 0;
    margin: 0 -20px
}

.gutter-normal.gutter-negative.gutter-vertical {
    margin: -20px 0
}

.gutter-normal.gutter-negative.gutter-all {
    margin: -20px
}

.gutter-medium {
    padding: 0 40px
}

.gutter-medium.gutter-vertical {
    padding: 40px 0
}

.gutter-medium.gutter-all {
    padding: 40px
}

.gutter-medium.gutter-negative {
    padding: 0;
    margin: 0 -40px
}

.gutter-medium.gutter-negative.gutter-vertical {
    margin: -40px 0
}

.gutter-medium.gutter-negative.gutter-all {
    margin: -40px
}

.gutter-large {
    padding: 0 60px
}

.gutter-large.gutter-vertical {
    padding: 60px 0
}

.gutter-large.gutter-all {
    padding: 60px
}

.gutter-large.gutter-negative {
    padding: 0;
    margin: 0 -60px
}

.gutter-large.gutter-negative.gutter-vertical {
    margin: -60px 0
}

.gutter-large.gutter-negative.gutter-all {
    margin: -60px
}

.gutter-pane {
    padding: 0 160px
}

.gutter-pane.gutter-vertical {
    padding: 160px 0
}

.gutter-pane.gutter-all {
    padding: 160px
}

.gutter-pane.gutter-negative {
    padding: 0;
    margin: 0 -160px
}

.gutter-pane.gutter-negative.gutter-vertical {
    margin: -160px 0
}

.gutter-pane.gutter-negative.gutter-all {
    margin: -160px
}

.gutter-panel {
    padding: 0 10%
}

.gutter-panel.gutter-vertical {
    padding: 10% 0
}

.gutter-panel.gutter-all {
    padding: 10%
}

.gutter-panel.gutter-negative {
    padding: 0;
    margin: 0 -10%
}

.gutter-panel.gutter-negative.gutter-vertical {
    margin: -10% 0
}

.gutter-panel.gutter-negative.gutter-all {
    margin: -10%
}

.escape-gutter {
    margin-left: -20px;
    margin-right: -20px
}

.gutter-medium-left {
    padding-left: 40px
}

.gutter-medium-right {
    padding-right: 40px
}

.gutter-medium-top {
    padding-top: 40px
}

.gutter-medium-bottom {
    padding-bottom: 40px
}

.gutter-normal-left {
    padding-left: 20px
}

.gutter-normal-right {
    padding-right: 20px
}

.gutter-normal-top {
    padding-top: 20px
}

.gutter-normal-bottom {
    padding-bottom: 20px
}

.gutter-small-left {
    padding-left: 10px
}

.gutter-small-right {
    padding-right: 10px
}

.gutter-small-top {
    padding-top: 10px
}

.gutter-small-bottom {
    padding-bottom: 10px
}

.gutter-tiny-left {
    padding-left: 5px
}

.gutter-tiny-right {
    padding-right: 5px
}

.gutter-tiny-top {
    padding-top: 5px
}

.gutter-tiny-bottom {
    padding-bottom: 5px
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-top {
    position: absolute;
    top: 0
}

.position-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.position-bottom {
    position: absolute;
    bottom: 0
}

.position-left {
    position: absolute;
    left: 0
}

.position-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.position-right {
    position: absolute;
    right: 0
}

.position-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.section-top {
    position: absolute;
    top: 0;
    width: 100%
}

.section-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.section-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.section-full {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bordered {
    position: relative
}

.bordered:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.08);
    content: "";
    display: block;
    pointer-events: none;
    z-index: 1
}

.z-index-base {
    z-index: 0
}

body.z-index-reset-full .z-index-base,body.z-index-reset .z-index-base {
    z-index: auto
}

.z-index-above {
    z-index: 1
}

.z-index-sticky {
    z-index: 2
}

.pointer-events-none {
    pointer-events: none
}

.no-focus:focus {
    outline: none
}

.default-focus-outline.focus-visible,.default-focus-outline:focus-visible {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.min-height-full {
    min-height: 100vh
}

.vertical-align-top {
    vertical-align: top
}

.vertical-align-bottom {
    vertical-align: bottom
}

.cursor-pointer {
    cursor: pointer
}

.width-full {
    width: 100%
}

.height-full {
    height: 100%
}

.clearfix {
    clear: both
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

.display-grid {
    display: grid;
    align-items: center
}

.display-grid-two-column {
    grid-template-columns: auto auto
}

.flex {
    display: flex
}

.flex-items-center {
    align-items: center
}

.flex-items-start {
    align-items: flex-start
}

.flex-items-end {
    align-items: flex-end
}

.flex-justify-center {
    justify-content: center
}

.flex-justify-start {
    justify-content: start
}

.flex-justify-end {
    justify-content: end
}

.flex-justify-space {
    justify-content: space-between
}

.flex-justify-space-around {
    justify-content: space-around
}

.flex-grow {
    flex-grow: 1
}

.flex-wrap {
    flex-wrap: wrap
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.flex-column {
    flex-direction: column
}

.flex-order-first {
    order: 1
}

.flex-equal {
    flex: 1
}

.flex-order-last {
    order: 999
}

.space-none {
    height: 0
}

.space-none.space-negative {
    height: 0;
    margin-top: 0
}

.margin-top-double-none,.margin-top-none {
    margin-top: 0!important
}

.margin-bottom-double-none,.margin-bottom-none {
    margin-bottom: 0!important
}

.margin-left-double-none,.margin-left-none {
    margin-left: 0!important
}

.margin-right-double-none,.margin-right-none {
    margin-right: 0!important
}

.padding-top-double-none,.padding-top-none {
    padding-top: 0!important
}

.padding-bottom-double-none,.padding-bottom-none,.padding-bottom-quad-none {
    padding-bottom: 0!important
}

.padding-left-double-none,.padding-left-none {
    padding-left: 0!important
}

.padding-right-double-none,.padding-right-none {
    padding-right: 0!important
}

.gap-none {
    grid-gap: 0;
    gap: 0
}

.space-tiny {
    height: 2px
}

.space-tiny.space-negative {
    height: 0;
    margin-top: -2px
}

.margin-top-tiny {
    margin-top: 2px!important
}

.margin-top-double-tiny {
    margin-top: 4px!important
}

.margin-bottom-tiny {
    margin-bottom: 2px!important
}

.margin-bottom-double-tiny {
    margin-bottom: 4px!important
}

.margin-left-tiny {
    margin-left: 2px!important
}

.margin-left-double-tiny {
    margin-left: 4px!important
}

.margin-right-tiny {
    margin-right: 2px!important
}

.margin-right-double-tiny {
    margin-right: 4px!important
}

.padding-tiny {
    padding: 2px!important
}

.padding-top-tiny {
    padding-top: 2px!important
}

.padding-top-double-tiny {
    padding-top: 4px!important
}

.padding-bottom-tiny {
    padding-bottom: 2px!important
}

.padding-bottom-double-tiny {
    padding-bottom: 4px!important
}

.padding-bottom-quad-tiny {
    padding-bottom: 8px!important
}

.padding-left-tiny {
    padding-left: 2px!important
}

.padding-left-double-tiny {
    padding-left: 4px!important
}

.padding-right-tiny {
    padding-right: 2px!important
}

.padding-right-double-tiny {
    padding-right: 4px!important
}

.gap-tiny {
    grid-gap: 2px;
    gap: 2px
}

.space-xSmall {
    height: 5px
}

.space-xSmall.space-negative {
    height: 0;
    margin-top: -5px
}

.margin-top-xSmall {
    margin-top: 5px!important
}

.margin-top-double-xSmall {
    margin-top: 10px!important
}

.margin-bottom-xSmall {
    margin-bottom: 5px!important
}

.margin-bottom-double-xSmall {
    margin-bottom: 10px!important
}

.margin-left-xSmall {
    margin-left: 5px!important
}

.margin-left-double-xSmall {
    margin-left: 10px!important
}

.margin-right-xSmall {
    margin-right: 5px!important
}

.margin-right-double-xSmall {
    margin-right: 10px!important
}

.padding-xSmall {
    padding: 5px!important
}

.padding-top-xSmall {
    padding-top: 5px!important
}

.padding-top-double-xSmall {
    padding-top: 10px!important
}

.padding-bottom-xSmall {
    padding-bottom: 5px!important
}

.padding-bottom-double-xSmall {
    padding-bottom: 10px!important
}

.padding-bottom-quad-xSmall {
    padding-bottom: 20px!important
}

.padding-left-xSmall {
    padding-left: 5px!important
}

.padding-left-double-xSmall {
    padding-left: 10px!important
}

.padding-right-xSmall {
    padding-right: 5px!important
}

.padding-right-double-xSmall {
    padding-right: 10px!important
}

.gap-xSmall {
    grid-gap: 5px;
    gap: 5px
}

.space-small {
    height: 10px
}

.space-small.space-negative {
    height: 0;
    margin-top: -10px
}

.margin-top-small {
    margin-top: 10px!important
}

.margin-top-double-small {
    margin-top: 20px!important
}

.margin-bottom-small {
    margin-bottom: 10px!important
}

.margin-bottom-double-small {
    margin-bottom: 20px!important
}

.margin-left-small {
    margin-left: 10px!important
}

.margin-left-double-small {
    margin-left: 20px!important
}

.margin-right-small {
    margin-right: 10px!important
}

.margin-right-double-small {
    margin-right: 20px!important
}

.padding-small {
    padding: 10px!important
}

.padding-top-small {
    padding-top: 10px!important
}

.padding-top-double-small {
    padding-top: 20px!important
}

.padding-bottom-small {
    padding-bottom: 10px!important
}

.padding-bottom-double-small {
    padding-bottom: 20px!important
}

.padding-bottom-quad-small {
    padding-bottom: 40px!important
}

.padding-left-small {
    padding-left: 10px!important
}

.padding-left-double-small {
    padding-left: 20px!important
}

.padding-right-small {
    padding-right: 10px!important
}

.padding-right-double-small {
    padding-right: 20px!important
}

.gap-small {
    grid-gap: 10px;
    gap: 10px
}

.space-normal {
    height: 20px
}

.space-normal.space-negative {
    height: 0;
    margin-top: -20px
}

.margin-top-normal {
    margin-top: 20px!important
}

.margin-top-double-normal {
    margin-top: 40px!important
}

.margin-bottom-normal {
    margin-bottom: 20px!important
}

.margin-bottom-double-normal {
    margin-bottom: 40px!important
}

.margin-left-normal {
    margin-left: 20px!important
}

.margin-left-double-normal {
    margin-left: 40px!important
}

.margin-right-normal {
    margin-right: 20px!important
}

.margin-right-double-normal {
    margin-right: 40px!important
}

.padding-normal {
    padding: 20px!important
}

.padding-top-normal {
    padding-top: 20px!important
}

.padding-top-double-normal {
    padding-top: 40px!important
}

.padding-bottom-normal {
    padding-bottom: 20px!important
}

.padding-bottom-double-normal {
    padding-bottom: 40px!important
}

.padding-bottom-quad-normal {
    padding-bottom: 80px!important
}

.padding-left-normal {
    padding-left: 20px!important
}

.padding-left-double-normal {
    padding-left: 40px!important
}

.padding-right-normal {
    padding-right: 20px!important
}

.padding-right-double-normal {
    padding-right: 40px!important
}

.gap-normal {
    grid-gap: 20px;
    gap: 20px
}

.space-medium {
    height: 40px
}

.space-medium.space-negative {
    height: 0;
    margin-top: -40px
}

.margin-top-medium {
    margin-top: 40px!important
}

.margin-top-double-medium {
    margin-top: 80px!important
}

.margin-bottom-medium {
    margin-bottom: 40px!important
}

.margin-bottom-double-medium {
    margin-bottom: 80px!important
}

.margin-left-medium {
    margin-left: 40px!important
}

.margin-left-double-medium {
    margin-left: 80px!important
}

.margin-right-medium {
    margin-right: 40px!important
}

.margin-right-double-medium {
    margin-right: 80px!important
}

.padding-medium {
    padding: 40px!important
}

.padding-top-medium {
    padding-top: 40px!important
}

.padding-top-double-medium {
    padding-top: 80px!important
}

.padding-bottom-medium {
    padding-bottom: 40px!important
}

.padding-bottom-double-medium {
    padding-bottom: 80px!important
}

.padding-bottom-quad-medium {
    padding-bottom: 160px!important
}

.padding-left-medium {
    padding-left: 40px!important
}

.padding-left-double-medium {
    padding-left: 80px!important
}

.padding-right-medium {
    padding-right: 40px!important
}

.padding-right-double-medium {
    padding-right: 80px!important
}

.gap-medium {
    grid-gap: 40px;
    gap: 40px
}

.space-large {
    height: 60px
}

.space-large.space-negative {
    height: 0;
    margin-top: -60px
}

.margin-top-large {
    margin-top: 60px!important
}

.margin-top-double-large {
    margin-top: 120px!important
}

.margin-bottom-large {
    margin-bottom: 60px!important
}

.margin-bottom-double-large {
    margin-bottom: 120px!important
}

.margin-left-large {
    margin-left: 60px!important
}

.margin-left-double-large {
    margin-left: 120px!important
}

.margin-right-large {
    margin-right: 60px!important
}

.margin-right-double-large {
    margin-right: 120px!important
}

.padding-large {
    padding: 60px!important
}

.padding-top-large {
    padding-top: 60px!important
}

.padding-top-double-large {
    padding-top: 120px!important
}

.padding-bottom-large {
    padding-bottom: 60px!important
}

.padding-bottom-double-large {
    padding-bottom: 120px!important
}

.padding-bottom-quad-large {
    padding-bottom: 240px!important
}

.padding-left-large {
    padding-left: 60px!important
}

.padding-left-double-large {
    padding-left: 120px!important
}

.padding-right-large {
    padding-right: 60px!important
}

.padding-right-double-large {
    padding-right: 120px!important
}

.gap-large {
    grid-gap: 60px;
    gap: 60px
}

.space-huge {
    height: 100px
}

.space-huge.space-negative {
    height: 0;
    margin-top: -100px
}

.margin-top-huge {
    margin-top: 100px!important
}

.margin-top-double-huge {
    margin-top: 200px!important
}

.margin-bottom-huge {
    margin-bottom: 100px!important
}

.margin-bottom-double-huge {
    margin-bottom: 200px!important
}

.margin-left-huge {
    margin-left: 100px!important
}

.margin-left-double-huge {
    margin-left: 200px!important
}

.margin-right-huge {
    margin-right: 100px!important
}

.margin-right-double-huge {
    margin-right: 200px!important
}

.padding-huge {
    padding: 100px!important
}

.padding-top-huge {
    padding-top: 100px!important
}

.padding-top-double-huge {
    padding-top: 200px!important
}

.padding-bottom-huge {
    padding-bottom: 100px!important
}

.padding-bottom-double-huge {
    padding-bottom: 200px!important
}

.padding-bottom-quad-huge {
    padding-bottom: 400px!important
}

.padding-left-huge {
    padding-left: 100px!important
}

.padding-left-double-huge {
    padding-left: 200px!important
}

.padding-right-huge {
    padding-right: 100px!important
}

.padding-right-double-huge {
    padding-right: 200px!important
}

.gap-huge {
    grid-gap: 100px;
    gap: 100px
}

@media (min-width: 320px) {
    .space-none-screen-small {
        height:0
    }

    .space-none-screen-small.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-small,.margin-top-none-screen-small {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-small,.margin-bottom-none-screen-small {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-small,.margin-left-none-screen-small {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-small,.margin-right-none-screen-small {
        margin-right: 0!important
    }

    .padding-none-screen-small {
        padding: 0!important
    }

    .padding-top-double-none-screen-small,.padding-top-none-screen-small {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-small,.padding-bottom-none-screen-small,.padding-bottom-quad-none-screen-small {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-small,.padding-left-none-screen-small {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-small,.padding-right-none-screen-small {
        padding-right: 0!important
    }

    .gap-none-screen-small {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-small {
        height: 2px
    }

    .space-tiny-screen-small.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-small {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-small {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-small {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-small {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-small {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-small {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-small {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-small {
        margin-right: 4px!important
    }

    .padding-tiny-screen-small {
        padding: 2px!important
    }

    .padding-top-tiny-screen-small {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-small {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-small {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-small {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-small {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-small {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-small {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-small {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-small {
        padding-right: 4px!important
    }

    .gap-tiny-screen-small {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-small {
        height: 5px
    }

    .space-xSmall-screen-small.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-small {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-small {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-small {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-small {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-small {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-small {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-small {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-small {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-small {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-small {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-small {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-small {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-small {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-small {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-small {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-small {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-small {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-small {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-small {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-small {
        height: 10px
    }

    .space-small-screen-small.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-small {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-small {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-small {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-small {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-small {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-small {
        margin-left: 20px!important
    }

    .margin-right-small-screen-small {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-small {
        margin-right: 20px!important
    }

    .padding-small-screen-small {
        padding: 10px!important
    }

    .padding-top-small-screen-small {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-small {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-small {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-small {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-small {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-small {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-small {
        padding-left: 20px!important
    }

    .padding-right-small-screen-small {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-small {
        padding-right: 20px!important
    }

    .gap-small-screen-small {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-small {
        height: 20px
    }

    .space-normal-screen-small.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-small {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-small {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-small {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-small {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-small {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-small {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-small {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-small {
        margin-right: 40px!important
    }

    .padding-normal-screen-small {
        padding: 20px!important
    }

    .padding-top-normal-screen-small {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-small {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-small {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-small {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-small {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-small {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-small {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-small {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-small {
        padding-right: 40px!important
    }

    .gap-normal-screen-small {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-small {
        height: 40px
    }

    .space-medium-screen-small.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-small {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-small {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-small {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-small {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-small {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-small {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-small {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-small {
        margin-right: 80px!important
    }

    .padding-medium-screen-small {
        padding: 40px!important
    }

    .padding-top-medium-screen-small {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-small {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-small {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-small {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-small {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-small {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-small {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-small {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-small {
        padding-right: 80px!important
    }

    .gap-medium-screen-small {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-small {
        height: 60px
    }

    .space-large-screen-small.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-small {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-small {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-small {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-small {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-small {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-small {
        margin-left: 120px!important
    }

    .margin-right-large-screen-small {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-small {
        margin-right: 120px!important
    }

    .padding-large-screen-small {
        padding: 60px!important
    }

    .padding-top-large-screen-small {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-small {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-small {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-small {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-small {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-small {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-small {
        padding-left: 120px!important
    }

    .padding-right-large-screen-small {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-small {
        padding-right: 120px!important
    }

    .gap-large-screen-small {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-small {
        height: 100px
    }

    .space-huge-screen-small.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-small {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-small {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-small {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-small {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-small {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-small {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-small {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-small {
        margin-right: 200px!important
    }

    .padding-huge-screen-small {
        padding: 100px!important
    }

    .padding-top-huge-screen-small {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-small {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-small {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-small {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-small {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-small {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-small {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-small {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-small {
        padding-right: 200px!important
    }

    .gap-huge-screen-small {
        grid-gap: 100px;
        gap: 100px
    }
}

@media (min-width: 540px) {
    .space-none-screen-medium {
        height:0
    }

    .space-none-screen-medium.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-medium,.margin-top-none-screen-medium {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-medium,.margin-bottom-none-screen-medium {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-medium,.margin-left-none-screen-medium {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-medium,.margin-right-none-screen-medium {
        margin-right: 0!important
    }

    .padding-none-screen-medium {
        padding: 0!important
    }

    .padding-top-double-none-screen-medium,.padding-top-none-screen-medium {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-medium,.padding-bottom-none-screen-medium,.padding-bottom-quad-none-screen-medium {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-medium,.padding-left-none-screen-medium {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-medium,.padding-right-none-screen-medium {
        padding-right: 0!important
    }

    .gap-none-screen-medium {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-medium {
        height: 2px
    }

    .space-tiny-screen-medium.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-medium {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-medium {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-medium {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-medium {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-medium {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-medium {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-medium {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-medium {
        margin-right: 4px!important
    }

    .padding-tiny-screen-medium {
        padding: 2px!important
    }

    .padding-top-tiny-screen-medium {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-medium {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-medium {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-medium {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-medium {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-medium {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-medium {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-medium {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-medium {
        padding-right: 4px!important
    }

    .gap-tiny-screen-medium {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-medium {
        height: 5px
    }

    .space-xSmall-screen-medium.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-medium {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-medium {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-medium {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-medium {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-medium {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-medium {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-medium {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-medium {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-medium {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-medium {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-medium {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-medium {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-medium {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-medium {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-medium {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-medium {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-medium {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-medium {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-medium {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-medium {
        height: 10px
    }

    .space-small-screen-medium.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-medium {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-medium {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-medium {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-medium {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-medium {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-medium {
        margin-left: 20px!important
    }

    .margin-right-small-screen-medium {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-medium {
        margin-right: 20px!important
    }

    .padding-small-screen-medium {
        padding: 10px!important
    }

    .padding-top-small-screen-medium {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-medium {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-medium {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-medium {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-medium {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-medium {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-medium {
        padding-left: 20px!important
    }

    .padding-right-small-screen-medium {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-medium {
        padding-right: 20px!important
    }

    .gap-small-screen-medium {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-medium {
        height: 20px
    }

    .space-normal-screen-medium.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-medium {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-medium {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-medium {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-medium {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-medium {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-medium {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-medium {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-medium {
        margin-right: 40px!important
    }

    .padding-normal-screen-medium {
        padding: 20px!important
    }

    .padding-top-normal-screen-medium {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-medium {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-medium {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-medium {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-medium {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-medium {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-medium {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-medium {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-medium {
        padding-right: 40px!important
    }

    .gap-normal-screen-medium {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-medium {
        height: 40px
    }

    .space-medium-screen-medium.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-medium {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-medium {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-medium {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-medium {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-medium {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-medium {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-medium {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-medium {
        margin-right: 80px!important
    }

    .padding-medium-screen-medium {
        padding: 40px!important
    }

    .padding-top-medium-screen-medium {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-medium {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-medium {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-medium {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-medium {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-medium {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-medium {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-medium {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-medium {
        padding-right: 80px!important
    }

    .gap-medium-screen-medium {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-medium {
        height: 60px
    }

    .space-large-screen-medium.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-medium {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-medium {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-medium {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-medium {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-medium {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-medium {
        margin-left: 120px!important
    }

    .margin-right-large-screen-medium {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-medium {
        margin-right: 120px!important
    }

    .padding-large-screen-medium {
        padding: 60px!important
    }

    .padding-top-large-screen-medium {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-medium {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-medium {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-medium {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-medium {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-medium {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-medium {
        padding-left: 120px!important
    }

    .padding-right-large-screen-medium {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-medium {
        padding-right: 120px!important
    }

    .gap-large-screen-medium {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-medium {
        height: 100px
    }

    .space-huge-screen-medium.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-medium {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-medium {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-medium {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-medium {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-medium {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-medium {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-medium {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-medium {
        margin-right: 200px!important
    }

    .padding-huge-screen-medium {
        padding: 100px!important
    }

    .padding-top-huge-screen-medium {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-medium {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-medium {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-medium {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-medium {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-medium {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-medium {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-medium {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-medium {
        padding-right: 200px!important
    }

    .gap-huge-screen-medium {
        grid-gap: 100px;
        gap: 100px
    }
}

@media (min-width: 720px) {
    .space-none-screen-large {
        height:0
    }

    .space-none-screen-large.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-large,.margin-top-none-screen-large {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-large,.margin-bottom-none-screen-large {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-large,.margin-left-none-screen-large {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-large,.margin-right-none-screen-large {
        margin-right: 0!important
    }

    .padding-none-screen-large {
        padding: 0!important
    }

    .padding-top-double-none-screen-large,.padding-top-none-screen-large {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-large,.padding-bottom-none-screen-large,.padding-bottom-quad-none-screen-large {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-large,.padding-left-none-screen-large {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-large,.padding-right-none-screen-large {
        padding-right: 0!important
    }

    .gap-none-screen-large {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-large {
        height: 2px
    }

    .space-tiny-screen-large.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-large {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-large {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-large {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-large {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-large {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-large {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-large {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-large {
        margin-right: 4px!important
    }

    .padding-tiny-screen-large {
        padding: 2px!important
    }

    .padding-top-tiny-screen-large {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-large {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-large {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-large {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-large {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-large {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-large {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-large {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-large {
        padding-right: 4px!important
    }

    .gap-tiny-screen-large {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-large {
        height: 5px
    }

    .space-xSmall-screen-large.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-large {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-large {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-large {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-large {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-large {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-large {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-large {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-large {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-large {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-large {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-large {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-large {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-large {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-large {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-large {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-large {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-large {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-large {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-large {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-large {
        height: 10px
    }

    .space-small-screen-large.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-large {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-large {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-large {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-large {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-large {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-large {
        margin-left: 20px!important
    }

    .margin-right-small-screen-large {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-large {
        margin-right: 20px!important
    }

    .padding-small-screen-large {
        padding: 10px!important
    }

    .padding-top-small-screen-large {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-large {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-large {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-large {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-large {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-large {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-large {
        padding-left: 20px!important
    }

    .padding-right-small-screen-large {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-large {
        padding-right: 20px!important
    }

    .gap-small-screen-large {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-large {
        height: 20px
    }

    .space-normal-screen-large.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-large {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-large {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-large {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-large {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-large {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-large {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-large {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-large {
        margin-right: 40px!important
    }

    .padding-normal-screen-large {
        padding: 20px!important
    }

    .padding-top-normal-screen-large {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-large {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-large {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-large {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-large {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-large {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-large {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-large {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-large {
        padding-right: 40px!important
    }

    .gap-normal-screen-large {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-large {
        height: 40px
    }

    .space-medium-screen-large.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-large {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-large {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-large {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-large {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-large {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-large {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-large {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-large {
        margin-right: 80px!important
    }

    .padding-medium-screen-large {
        padding: 40px!important
    }

    .padding-top-medium-screen-large {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-large {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-large {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-large {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-large {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-large {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-large {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-large {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-large {
        padding-right: 80px!important
    }

    .gap-medium-screen-large {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-large {
        height: 60px
    }

    .space-large-screen-large.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-large {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-large {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-large {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-large {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-large {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-large {
        margin-left: 120px!important
    }

    .margin-right-large-screen-large {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-large {
        margin-right: 120px!important
    }

    .padding-large-screen-large {
        padding: 60px!important
    }

    .padding-top-large-screen-large {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-large {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-large {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-large {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-large {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-large {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-large {
        padding-left: 120px!important
    }

    .padding-right-large-screen-large {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-large {
        padding-right: 120px!important
    }

    .gap-large-screen-large {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-large {
        height: 100px
    }

    .space-huge-screen-large.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-large {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-large {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-large {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-large {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-large {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-large {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-large {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-large {
        margin-right: 200px!important
    }

    .padding-huge-screen-large {
        padding: 100px!important
    }

    .padding-top-huge-screen-large {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-large {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-large {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-large {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-large {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-large {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-large {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-large {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-large {
        padding-right: 200px!important
    }

    .gap-huge-screen-large {
        grid-gap: 100px;
        gap: 100px
    }
}

@media (min-width: 970px) {
    .space-none-screen-nav {
        height:0
    }

    .space-none-screen-nav.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-nav,.margin-top-none-screen-nav {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-nav,.margin-bottom-none-screen-nav {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-nav,.margin-left-none-screen-nav {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-nav,.margin-right-none-screen-nav {
        margin-right: 0!important
    }

    .padding-none-screen-nav {
        padding: 0!important
    }

    .padding-top-double-none-screen-nav,.padding-top-none-screen-nav {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-nav,.padding-bottom-none-screen-nav,.padding-bottom-quad-none-screen-nav {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-nav,.padding-left-none-screen-nav {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-nav,.padding-right-none-screen-nav {
        padding-right: 0!important
    }

    .gap-none-screen-nav {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-nav {
        height: 2px
    }

    .space-tiny-screen-nav.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-nav {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-nav {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-nav {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-nav {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-nav {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-nav {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-nav {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-nav {
        margin-right: 4px!important
    }

    .padding-tiny-screen-nav {
        padding: 2px!important
    }

    .padding-top-tiny-screen-nav {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-nav {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-nav {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-nav {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-nav {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-nav {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-nav {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-nav {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-nav {
        padding-right: 4px!important
    }

    .gap-tiny-screen-nav {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-nav {
        height: 5px
    }

    .space-xSmall-screen-nav.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-nav {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-nav {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-nav {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-nav {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-nav {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-nav {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-nav {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-nav {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-nav {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-nav {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-nav {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-nav {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-nav {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-nav {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-nav {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-nav {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-nav {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-nav {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-nav {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-nav {
        height: 10px
    }

    .space-small-screen-nav.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-nav {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-nav {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-nav {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-nav {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-nav {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-nav {
        margin-left: 20px!important
    }

    .margin-right-small-screen-nav {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-nav {
        margin-right: 20px!important
    }

    .padding-small-screen-nav {
        padding: 10px!important
    }

    .padding-top-small-screen-nav {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-nav {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-nav {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-nav {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-nav {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-nav {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-nav {
        padding-left: 20px!important
    }

    .padding-right-small-screen-nav {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-nav {
        padding-right: 20px!important
    }

    .gap-small-screen-nav {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-nav {
        height: 20px
    }

    .space-normal-screen-nav.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-nav {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-nav {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-nav {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-nav {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-nav {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-nav {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-nav {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-nav {
        margin-right: 40px!important
    }

    .padding-normal-screen-nav {
        padding: 20px!important
    }

    .padding-top-normal-screen-nav {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-nav {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-nav {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-nav {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-nav {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-nav {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-nav {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-nav {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-nav {
        padding-right: 40px!important
    }

    .gap-normal-screen-nav {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-nav {
        height: 40px
    }

    .space-medium-screen-nav.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-nav {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-nav {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-nav {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-nav {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-nav {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-nav {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-nav {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-nav {
        margin-right: 80px!important
    }

    .padding-medium-screen-nav {
        padding: 40px!important
    }

    .padding-top-medium-screen-nav {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-nav {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-nav {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-nav {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-nav {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-nav {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-nav {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-nav {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-nav {
        padding-right: 80px!important
    }

    .gap-medium-screen-nav {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-nav {
        height: 60px
    }

    .space-large-screen-nav.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-nav {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-nav {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-nav {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-nav {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-nav {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-nav {
        margin-left: 120px!important
    }

    .margin-right-large-screen-nav {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-nav {
        margin-right: 120px!important
    }

    .padding-large-screen-nav {
        padding: 60px!important
    }

    .padding-top-large-screen-nav {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-nav {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-nav {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-nav {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-nav {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-nav {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-nav {
        padding-left: 120px!important
    }

    .padding-right-large-screen-nav {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-nav {
        padding-right: 120px!important
    }

    .gap-large-screen-nav {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-nav {
        height: 100px
    }

    .space-huge-screen-nav.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-nav {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-nav {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-nav {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-nav {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-nav {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-nav {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-nav {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-nav {
        margin-right: 200px!important
    }

    .padding-huge-screen-nav {
        padding: 100px!important
    }

    .padding-top-huge-screen-nav {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-nav {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-nav {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-nav {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-nav {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-nav {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-nav {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-nav {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-nav {
        padding-right: 200px!important
    }

    .gap-huge-screen-nav {
        grid-gap: 100px;
        gap: 100px
    }
}

@media (min-width: 980px) {
    .space-none-screen-wide {
        height:0
    }

    .space-none-screen-wide.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-wide,.margin-top-none-screen-wide {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-wide,.margin-bottom-none-screen-wide {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-wide,.margin-left-none-screen-wide {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-wide,.margin-right-none-screen-wide {
        margin-right: 0!important
    }

    .padding-none-screen-wide {
        padding: 0!important
    }

    .padding-top-double-none-screen-wide,.padding-top-none-screen-wide {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-wide,.padding-bottom-none-screen-wide,.padding-bottom-quad-none-screen-wide {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-wide,.padding-left-none-screen-wide {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-wide,.padding-right-none-screen-wide {
        padding-right: 0!important
    }

    .gap-none-screen-wide {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-wide {
        height: 2px
    }

    .space-tiny-screen-wide.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-wide {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-wide {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-wide {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-wide {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-wide {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-wide {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-wide {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-wide {
        margin-right: 4px!important
    }

    .padding-tiny-screen-wide {
        padding: 2px!important
    }

    .padding-top-tiny-screen-wide {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-wide {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-wide {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-wide {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-wide {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-wide {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-wide {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-wide {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-wide {
        padding-right: 4px!important
    }

    .gap-tiny-screen-wide {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-wide {
        height: 5px
    }

    .space-xSmall-screen-wide.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-wide {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-wide {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-wide {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-wide {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-wide {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-wide {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-wide {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-wide {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-wide {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-wide {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-wide {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-wide {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-wide {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-wide {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-wide {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-wide {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-wide {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-wide {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-wide {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-wide {
        height: 10px
    }

    .space-small-screen-wide.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-wide {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-wide {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-wide {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-wide {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-wide {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-wide {
        margin-left: 20px!important
    }

    .margin-right-small-screen-wide {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-wide {
        margin-right: 20px!important
    }

    .padding-small-screen-wide {
        padding: 10px!important
    }

    .padding-top-small-screen-wide {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-wide {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-wide {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-wide {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-wide {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-wide {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-wide {
        padding-left: 20px!important
    }

    .padding-right-small-screen-wide {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-wide {
        padding-right: 20px!important
    }

    .gap-small-screen-wide {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-wide {
        height: 20px
    }

    .space-normal-screen-wide.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-wide {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-wide {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-wide {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-wide {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-wide {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-wide {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-wide {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-wide {
        margin-right: 40px!important
    }

    .padding-normal-screen-wide {
        padding: 20px!important
    }

    .padding-top-normal-screen-wide {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-wide {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-wide {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-wide {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-wide {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-wide {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-wide {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-wide {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-wide {
        padding-right: 40px!important
    }

    .gap-normal-screen-wide {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-wide {
        height: 40px
    }

    .space-medium-screen-wide.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-wide {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-wide {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-wide {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-wide {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-wide {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-wide {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-wide {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-wide {
        margin-right: 80px!important
    }

    .padding-medium-screen-wide {
        padding: 40px!important
    }

    .padding-top-medium-screen-wide {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-wide {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-wide {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-wide {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-wide {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-wide {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-wide {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-wide {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-wide {
        padding-right: 80px!important
    }

    .gap-medium-screen-wide {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-wide {
        height: 60px
    }

    .space-large-screen-wide.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-wide {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-wide {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-wide {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-wide {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-wide {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-wide {
        margin-left: 120px!important
    }

    .margin-right-large-screen-wide {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-wide {
        margin-right: 120px!important
    }

    .padding-large-screen-wide {
        padding: 60px!important
    }

    .padding-top-large-screen-wide {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-wide {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-wide {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-wide {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-wide {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-wide {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-wide {
        padding-left: 120px!important
    }

    .padding-right-large-screen-wide {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-wide {
        padding-right: 120px!important
    }

    .gap-large-screen-wide {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-wide {
        height: 100px
    }

    .space-huge-screen-wide.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-wide {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-wide {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-wide {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-wide {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-wide {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-wide {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-wide {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-wide {
        margin-right: 200px!important
    }

    .padding-huge-screen-wide {
        padding: 100px!important
    }

    .padding-top-huge-screen-wide {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-wide {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-wide {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-wide {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-wide {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-wide {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-wide {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-wide {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-wide {
        padding-right: 200px!important
    }

    .gap-huge-screen-wide {
        grid-gap: 100px;
        gap: 100px
    }
}

@media (min-width: 1280px) {
    .space-none-screen-huge {
        height:0
    }

    .space-none-screen-huge.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-huge,.margin-top-none-screen-huge {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-huge,.margin-bottom-none-screen-huge {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-huge,.margin-left-none-screen-huge {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-huge,.margin-right-none-screen-huge {
        margin-right: 0!important
    }

    .padding-none-screen-huge {
        padding: 0!important
    }

    .padding-top-double-none-screen-huge,.padding-top-none-screen-huge {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-huge,.padding-bottom-none-screen-huge,.padding-bottom-quad-none-screen-huge {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-huge,.padding-left-none-screen-huge {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-huge,.padding-right-none-screen-huge {
        padding-right: 0!important
    }

    .gap-none-screen-huge {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-huge {
        height: 2px
    }

    .space-tiny-screen-huge.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-huge {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-huge {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-huge {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-huge {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-huge {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-huge {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-huge {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-huge {
        margin-right: 4px!important
    }

    .padding-tiny-screen-huge {
        padding: 2px!important
    }

    .padding-top-tiny-screen-huge {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-huge {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-huge {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-huge {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-huge {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-huge {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-huge {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-huge {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-huge {
        padding-right: 4px!important
    }

    .gap-tiny-screen-huge {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-huge {
        height: 5px
    }

    .space-xSmall-screen-huge.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-huge {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-huge {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-huge {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-huge {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-huge {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-huge {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-huge {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-huge {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-huge {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-huge {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-huge {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-huge {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-huge {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-huge {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-huge {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-huge {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-huge {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-huge {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-huge {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-huge {
        height: 10px
    }

    .space-small-screen-huge.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-huge {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-huge {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-huge {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-huge {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-huge {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-huge {
        margin-left: 20px!important
    }

    .margin-right-small-screen-huge {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-huge {
        margin-right: 20px!important
    }

    .padding-small-screen-huge {
        padding: 10px!important
    }

    .padding-top-small-screen-huge {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-huge {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-huge {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-huge {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-huge {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-huge {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-huge {
        padding-left: 20px!important
    }

    .padding-right-small-screen-huge {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-huge {
        padding-right: 20px!important
    }

    .gap-small-screen-huge {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-huge {
        height: 20px
    }

    .space-normal-screen-huge.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-huge {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-huge {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-huge {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-huge {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-huge {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-huge {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-huge {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-huge {
        margin-right: 40px!important
    }

    .padding-normal-screen-huge {
        padding: 20px!important
    }

    .padding-top-normal-screen-huge {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-huge {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-huge {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-huge {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-huge {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-huge {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-huge {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-huge {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-huge {
        padding-right: 40px!important
    }

    .gap-normal-screen-huge {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-huge {
        height: 40px
    }

    .space-medium-screen-huge.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-huge {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-huge {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-huge {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-huge {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-huge {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-huge {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-huge {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-huge {
        margin-right: 80px!important
    }

    .padding-medium-screen-huge {
        padding: 40px!important
    }

    .padding-top-medium-screen-huge {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-huge {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-huge {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-huge {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-huge {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-huge {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-huge {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-huge {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-huge {
        padding-right: 80px!important
    }

    .gap-medium-screen-huge {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-huge {
        height: 60px
    }

    .space-large-screen-huge.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-huge {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-huge {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-huge {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-huge {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-huge {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-huge {
        margin-left: 120px!important
    }

    .margin-right-large-screen-huge {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-huge {
        margin-right: 120px!important
    }

    .padding-large-screen-huge {
        padding: 60px!important
    }

    .padding-top-large-screen-huge {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-huge {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-huge {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-huge {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-huge {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-huge {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-huge {
        padding-left: 120px!important
    }

    .padding-right-large-screen-huge {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-huge {
        padding-right: 120px!important
    }

    .gap-large-screen-huge {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-huge {
        height: 100px
    }

    .space-huge-screen-huge.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-huge {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-huge {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-huge {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-huge {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-huge {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-huge {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-huge {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-huge {
        margin-right: 200px!important
    }

    .padding-huge-screen-huge {
        padding: 100px!important
    }

    .padding-top-huge-screen-huge {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-huge {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-huge {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-huge {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-huge {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-huge {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-huge {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-huge {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-huge {
        padding-right: 200px!important
    }

    .gap-huge-screen-huge {
        grid-gap: 100px;
        gap: 100px
    }
}

@media (min-width: 1600px) {
    .space-none-screen-max {
        height:0
    }

    .space-none-screen-max.space-negative {
        height: 0;
        margin-top: 0
    }

    .margin-top-double-none-screen-max,.margin-top-none-screen-max {
        margin-top: 0!important
    }

    .margin-bottom-double-none-screen-max,.margin-bottom-none-screen-max {
        margin-bottom: 0!important
    }

    .margin-left-double-none-screen-max,.margin-left-none-screen-max {
        margin-left: 0!important
    }

    .margin-right-double-none-screen-max,.margin-right-none-screen-max {
        margin-right: 0!important
    }

    .padding-none-screen-max {
        padding: 0!important
    }

    .padding-top-double-none-screen-max,.padding-top-none-screen-max {
        padding-top: 0!important
    }

    .padding-bottom-double-none-screen-max,.padding-bottom-none-screen-max,.padding-bottom-quad-none-screen-max {
        padding-bottom: 0!important
    }

    .padding-left-double-none-screen-max,.padding-left-none-screen-max {
        padding-left: 0!important
    }

    .padding-right-double-none-screen-max,.padding-right-none-screen-max {
        padding-right: 0!important
    }

    .gap-none-screen-max {
        grid-gap: 0;
        gap: 0
    }

    .space-tiny-screen-max {
        height: 2px
    }

    .space-tiny-screen-max.space-negative {
        height: 0;
        margin-top: -2px
    }

    .margin-top-tiny-screen-max {
        margin-top: 2px!important
    }

    .margin-top-double-tiny-screen-max {
        margin-top: 4px!important
    }

    .margin-bottom-tiny-screen-max {
        margin-bottom: 2px!important
    }

    .margin-bottom-double-tiny-screen-max {
        margin-bottom: 4px!important
    }

    .margin-left-tiny-screen-max {
        margin-left: 2px!important
    }

    .margin-left-double-tiny-screen-max {
        margin-left: 4px!important
    }

    .margin-right-tiny-screen-max {
        margin-right: 2px!important
    }

    .margin-right-double-tiny-screen-max {
        margin-right: 4px!important
    }

    .padding-tiny-screen-max {
        padding: 2px!important
    }

    .padding-top-tiny-screen-max {
        padding-top: 2px!important
    }

    .padding-top-double-tiny-screen-max {
        padding-top: 4px!important
    }

    .padding-bottom-tiny-screen-max {
        padding-bottom: 2px!important
    }

    .padding-bottom-double-tiny-screen-max {
        padding-bottom: 4px!important
    }

    .padding-bottom-quad-tiny-screen-max {
        padding-bottom: 8px!important
    }

    .padding-left-tiny-screen-max {
        padding-left: 2px!important
    }

    .padding-left-double-tiny-screen-max {
        padding-left: 4px!important
    }

    .padding-right-tiny-screen-max {
        padding-right: 2px!important
    }

    .padding-right-double-tiny-screen-max {
        padding-right: 4px!important
    }

    .gap-tiny-screen-max {
        grid-gap: 2px;
        gap: 2px
    }

    .space-xSmall-screen-max {
        height: 5px
    }

    .space-xSmall-screen-max.space-negative {
        height: 0;
        margin-top: -5px
    }

    .margin-top-xSmall-screen-max {
        margin-top: 5px!important
    }

    .margin-top-double-xSmall-screen-max {
        margin-top: 10px!important
    }

    .margin-bottom-xSmall-screen-max {
        margin-bottom: 5px!important
    }

    .margin-bottom-double-xSmall-screen-max {
        margin-bottom: 10px!important
    }

    .margin-left-xSmall-screen-max {
        margin-left: 5px!important
    }

    .margin-left-double-xSmall-screen-max {
        margin-left: 10px!important
    }

    .margin-right-xSmall-screen-max {
        margin-right: 5px!important
    }

    .margin-right-double-xSmall-screen-max {
        margin-right: 10px!important
    }

    .padding-xSmall-screen-max {
        padding: 5px!important
    }

    .padding-top-xSmall-screen-max {
        padding-top: 5px!important
    }

    .padding-top-double-xSmall-screen-max {
        padding-top: 10px!important
    }

    .padding-bottom-xSmall-screen-max {
        padding-bottom: 5px!important
    }

    .padding-bottom-double-xSmall-screen-max {
        padding-bottom: 10px!important
    }

    .padding-bottom-quad-xSmall-screen-max {
        padding-bottom: 20px!important
    }

    .padding-left-xSmall-screen-max {
        padding-left: 5px!important
    }

    .padding-left-double-xSmall-screen-max {
        padding-left: 10px!important
    }

    .padding-right-xSmall-screen-max {
        padding-right: 5px!important
    }

    .padding-right-double-xSmall-screen-max {
        padding-right: 10px!important
    }

    .gap-xSmall-screen-max {
        grid-gap: 5px;
        gap: 5px
    }

    .space-small-screen-max {
        height: 10px
    }

    .space-small-screen-max.space-negative {
        height: 0;
        margin-top: -10px
    }

    .margin-top-small-screen-max {
        margin-top: 10px!important
    }

    .margin-top-double-small-screen-max {
        margin-top: 20px!important
    }

    .margin-bottom-small-screen-max {
        margin-bottom: 10px!important
    }

    .margin-bottom-double-small-screen-max {
        margin-bottom: 20px!important
    }

    .margin-left-small-screen-max {
        margin-left: 10px!important
    }

    .margin-left-double-small-screen-max {
        margin-left: 20px!important
    }

    .margin-right-small-screen-max {
        margin-right: 10px!important
    }

    .margin-right-double-small-screen-max {
        margin-right: 20px!important
    }

    .padding-small-screen-max {
        padding: 10px!important
    }

    .padding-top-small-screen-max {
        padding-top: 10px!important
    }

    .padding-top-double-small-screen-max {
        padding-top: 20px!important
    }

    .padding-bottom-small-screen-max {
        padding-bottom: 10px!important
    }

    .padding-bottom-double-small-screen-max {
        padding-bottom: 20px!important
    }

    .padding-bottom-quad-small-screen-max {
        padding-bottom: 40px!important
    }

    .padding-left-small-screen-max {
        padding-left: 10px!important
    }

    .padding-left-double-small-screen-max {
        padding-left: 20px!important
    }

    .padding-right-small-screen-max {
        padding-right: 10px!important
    }

    .padding-right-double-small-screen-max {
        padding-right: 20px!important
    }

    .gap-small-screen-max {
        grid-gap: 10px;
        gap: 10px
    }

    .space-normal-screen-max {
        height: 20px
    }

    .space-normal-screen-max.space-negative {
        height: 0;
        margin-top: -20px
    }

    .margin-top-normal-screen-max {
        margin-top: 20px!important
    }

    .margin-top-double-normal-screen-max {
        margin-top: 40px!important
    }

    .margin-bottom-normal-screen-max {
        margin-bottom: 20px!important
    }

    .margin-bottom-double-normal-screen-max {
        margin-bottom: 40px!important
    }

    .margin-left-normal-screen-max {
        margin-left: 20px!important
    }

    .margin-left-double-normal-screen-max {
        margin-left: 40px!important
    }

    .margin-right-normal-screen-max {
        margin-right: 20px!important
    }

    .margin-right-double-normal-screen-max {
        margin-right: 40px!important
    }

    .padding-normal-screen-max {
        padding: 20px!important
    }

    .padding-top-normal-screen-max {
        padding-top: 20px!important
    }

    .padding-top-double-normal-screen-max {
        padding-top: 40px!important
    }

    .padding-bottom-normal-screen-max {
        padding-bottom: 20px!important
    }

    .padding-bottom-double-normal-screen-max {
        padding-bottom: 40px!important
    }

    .padding-bottom-quad-normal-screen-max {
        padding-bottom: 80px!important
    }

    .padding-left-normal-screen-max {
        padding-left: 20px!important
    }

    .padding-left-double-normal-screen-max {
        padding-left: 40px!important
    }

    .padding-right-normal-screen-max {
        padding-right: 20px!important
    }

    .padding-right-double-normal-screen-max {
        padding-right: 40px!important
    }

    .gap-normal-screen-max {
        grid-gap: 20px;
        gap: 20px
    }

    .space-medium-screen-max {
        height: 40px
    }

    .space-medium-screen-max.space-negative {
        height: 0;
        margin-top: -40px
    }

    .margin-top-medium-screen-max {
        margin-top: 40px!important
    }

    .margin-top-double-medium-screen-max {
        margin-top: 80px!important
    }

    .margin-bottom-medium-screen-max {
        margin-bottom: 40px!important
    }

    .margin-bottom-double-medium-screen-max {
        margin-bottom: 80px!important
    }

    .margin-left-medium-screen-max {
        margin-left: 40px!important
    }

    .margin-left-double-medium-screen-max {
        margin-left: 80px!important
    }

    .margin-right-medium-screen-max {
        margin-right: 40px!important
    }

    .margin-right-double-medium-screen-max {
        margin-right: 80px!important
    }

    .padding-medium-screen-max {
        padding: 40px!important
    }

    .padding-top-medium-screen-max {
        padding-top: 40px!important
    }

    .padding-top-double-medium-screen-max {
        padding-top: 80px!important
    }

    .padding-bottom-medium-screen-max {
        padding-bottom: 40px!important
    }

    .padding-bottom-double-medium-screen-max {
        padding-bottom: 80px!important
    }

    .padding-bottom-quad-medium-screen-max {
        padding-bottom: 160px!important
    }

    .padding-left-medium-screen-max {
        padding-left: 40px!important
    }

    .padding-left-double-medium-screen-max {
        padding-left: 80px!important
    }

    .padding-right-medium-screen-max {
        padding-right: 40px!important
    }

    .padding-right-double-medium-screen-max {
        padding-right: 80px!important
    }

    .gap-medium-screen-max {
        grid-gap: 40px;
        gap: 40px
    }

    .space-large-screen-max {
        height: 60px
    }

    .space-large-screen-max.space-negative {
        height: 0;
        margin-top: -60px
    }

    .margin-top-large-screen-max {
        margin-top: 60px!important
    }

    .margin-top-double-large-screen-max {
        margin-top: 120px!important
    }

    .margin-bottom-large-screen-max {
        margin-bottom: 60px!important
    }

    .margin-bottom-double-large-screen-max {
        margin-bottom: 120px!important
    }

    .margin-left-large-screen-max {
        margin-left: 60px!important
    }

    .margin-left-double-large-screen-max {
        margin-left: 120px!important
    }

    .margin-right-large-screen-max {
        margin-right: 60px!important
    }

    .margin-right-double-large-screen-max {
        margin-right: 120px!important
    }

    .padding-large-screen-max {
        padding: 60px!important
    }

    .padding-top-large-screen-max {
        padding-top: 60px!important
    }

    .padding-top-double-large-screen-max {
        padding-top: 120px!important
    }

    .padding-bottom-large-screen-max {
        padding-bottom: 60px!important
    }

    .padding-bottom-double-large-screen-max {
        padding-bottom: 120px!important
    }

    .padding-bottom-quad-large-screen-max {
        padding-bottom: 240px!important
    }

    .padding-left-large-screen-max {
        padding-left: 60px!important
    }

    .padding-left-double-large-screen-max {
        padding-left: 120px!important
    }

    .padding-right-large-screen-max {
        padding-right: 60px!important
    }

    .padding-right-double-large-screen-max {
        padding-right: 120px!important
    }

    .gap-large-screen-max {
        grid-gap: 60px;
        gap: 60px
    }

    .space-huge-screen-max {
        height: 100px
    }

    .space-huge-screen-max.space-negative {
        height: 0;
        margin-top: -100px
    }

    .margin-top-huge-screen-max {
        margin-top: 100px!important
    }

    .margin-top-double-huge-screen-max {
        margin-top: 200px!important
    }

    .margin-bottom-huge-screen-max {
        margin-bottom: 100px!important
    }

    .margin-bottom-double-huge-screen-max {
        margin-bottom: 200px!important
    }

    .margin-left-huge-screen-max {
        margin-left: 100px!important
    }

    .margin-left-double-huge-screen-max {
        margin-left: 200px!important
    }

    .margin-right-huge-screen-max {
        margin-right: 100px!important
    }

    .margin-right-double-huge-screen-max {
        margin-right: 200px!important
    }

    .padding-huge-screen-max {
        padding: 100px!important
    }

    .padding-top-huge-screen-max {
        padding-top: 100px!important
    }

    .padding-top-double-huge-screen-max {
        padding-top: 200px!important
    }

    .padding-bottom-huge-screen-max {
        padding-bottom: 100px!important
    }

    .padding-bottom-double-huge-screen-max {
        padding-bottom: 200px!important
    }

    .padding-bottom-quad-huge-screen-max {
        padding-bottom: 400px!important
    }

    .padding-left-huge-screen-max {
        padding-left: 100px!important
    }

    .padding-left-double-huge-screen-max {
        padding-left: 200px!important
    }

    .padding-right-huge-screen-max {
        padding-right: 100px!important
    }

    .padding-right-double-huge-screen-max {
        padding-right: 200px!important
    }

    .gap-huge-screen-max {
        grid-gap: 100px;
        gap: 100px
    }
}

.margin-none {
    margin: 0!important
}

.padding-none {
    padding: 0!important
}

.space-rhythm-small {
    height: 12px
}

.space-rhythm-medium {
    height: 24px
}

.space-rhythm-large {
    height: 36px
}

.off-screen,.screen-reader-object {
    position: absolute;
    top: 0;
    left: -9999px
}

.screen-reader-object {
    opacity: 0;
    z-index: 8;
    transition: opacity .5s cubic-bezier(.23,1,.32,1) 0s!important
}

.screen-reader-object:active,.screen-reader-object:focus {
    left: 0;
    opacity: 1
}

.screen-reader-text {
    color: transparent;
    text-indent: -99999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.react-mount {
    min-height: 600px;
    position: relative
}

.react-mount--min-height-small {
    min-height: 200px
}

.checkbox-toggle {
    position: relative;
    padding-left: 38px;
    color: #f8b700;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.checkbox-toggle:after,.checkbox-toggle:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #504137;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%)
}

.checkbox-toggle:after {
    background-color: #f8b700;
    border: none;
    transform: translateY(-50%) scale(0);
    transition: all .2s cubic-bezier(.165,.84,.44,1) 0s
}

.checkbox-toggle.is-selected:after {
    transform: translateY(-50%) scale(.5)
}

.checkbox-toggle.focus-visible,.checkbox-toggle:focus-visible,html:not(.touch) .checkbox-toggle:hover {
    color: #fff
}

.alternating-background:nth-child(odd) {
    background: hsla(0,0%,100%,.04)
}

.alternating-background--hover {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

html:not(.touch) .alternating-background--hover:hover {
    background: hsla(0,0%,100%,.05)
}

.hover-white {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.hover-white.focus-visible,.hover-white:focus-visible,html:not(.touch) .hover-white:hover {
    color: #fff!important
}

.hover-black {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.hover-black.focus-visible,.hover-black:focus-visible,html:not(.touch) .hover-black:hover {
    color: #000!important
}

.hover-underline.focus-visible,.hover-underline:focus-visible,html:not(.touch) .hover-underline:hover {
    text-decoration: underline
}

.unstyled-list {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.unstyled-list li {
    list-style: none
}

.default-transition,.link-hover {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

html:not(.touch) .link-hover:hover {
    cursor: pointer;
    color: #fff
}

.page-search-match {
    background: #f8b700;
    color: #000;
    text-shadow: none
}

.opacity-full {
    opacity: 1
}

.gray-out {
    color: #cacaca!important
}

.grayscale {
    filter: brightness(.87) grayscale(1)
}

html {
    --nav-height: 56px
}

@media screen and (min-width: 960px) {
    html {
        --nav-height:88px
    }
}

::-moz-selection {
    background-color: #211510;
    color: #fff
}

::selection {
    background-color: #211510;
    color: #fff
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%
}

body,html {
    color: #fff;
    font-weight: 400;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    background: url(../images/Repeating-BG.png) repeat;
    min-height: 100%;
    min-width: 320px
}

body {
    overflow-y: scroll
}

.body {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    transition: filter 333ms cubic-bezier(.4,0,.22,1)
}

.body:after {
    content: "";
    display: table;
    clear: both
}

.body:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    content: "";
    display: none;
    opacity: 0;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    z-index: 7
}

body.is-overlaid .body {
    filter: blur(12px)
}

body.is-overlaid .body:before {
    display: block;
    opacity: 1
}

body.is-scrollLocked {
    overflow: hidden!important
}

body.z-index-reset-full {
    overflow-y: hidden
}

body.z-index-reset-full .body {
    height: 100%;
    overflow-y: scroll
}

body.z-index-reset {
    overflow-y: hidden
}

body.z-index-reset .body {
    overflow-y: scroll
}

.page {
    padding-top: 56px;
    padding-top: var(--nav-height);
    font-size: 1rem;
    line-height: 1.5;
    background: #000 url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23929fac' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    box-shadow: 0 0 50px rgba(11,6,4,.8),0 0 100px rgba(11,6,4,.6),0 0 500px rgba(11,6,4,.3);
    margin: 0 auto;
    max-width: 2400px;
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

@media screen and (min-width: 960px) {
    .page {
        padding-top:0
    }
}

.page:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 720px) {
    .page {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .page {
        font-size:1.2rem
    }
}

body.ko-kr .body {
    word-break: keep-all
}

body.is-fullscreen::-webkit-scrollbar,pre::-webkit-scrollbar {
    width: 0
}

.Button {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

.Button-label {
    position: relative;
    z-index: 1
}

.Button--full {
    display: block
}

.Button--text {
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 400;
    color: #f7b10a;
    min-width: 180px;
    text-transform: uppercase
}

@media (min-width: 720px) {
    .Button--text {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Button--text {
        font-size:1.44rem
    }
}

.Button--text .Button-inner {
    padding: 12px 30px
}

.Button--text:active,html:not(.touch) .Button--text:hover {
    color: #fff
}

.Button--ghost {
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 400;
    background: rgba(0,0,0,.4);
    border: 1px solid #000;
    color: #f7b10a;
    min-width: 180px;
    text-transform: uppercase;
    transition: background .2s,color .2s
}

@media (min-width: 720px) {
    .Button--ghost {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Button--ghost {
        font-size:1.44rem
    }
}

.Button--ghost:focus,html:not(.touch) .Button--ghost:hover {
    background: #b06601;
    color: #ffd36b;
    outline-width: 0
}

.Button--ghost:active {
    background: #8a5000
}

.Button--ghost .Button-outer {
    border: 1px solid #c77e19
}

.Button--ghost .Button-inner {
    padding: 12px 30px
}

.Button--ghost.Button--medium {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Button--ghost.Button--medium {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Button--ghost.Button--medium {
        font-size:1.2rem
    }
}

.Button--ghost.Button--medium .Button-inner {
    padding: 11px 52px
}

.Button--ghost.Button--small {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Button--ghost.Button--small {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Button--ghost.Button--small {
        font-size:1rem
    }
}

.Button--ghost.Button--small .Button-inner {
    padding: 5px 16px
}

.Button--ghost.Button--small.Button--social {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Button--ghost.Button--small.Button--social {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Button--ghost.Button--small.Button--social {
        font-size:1rem
    }
}

.Button--ghost.Button--small.Button--social .Button-inner {
    padding: 7px 16px
}

.Button--ghost.Button--purchase {
    background: rgba(159,22,0,.6)
}

.Button--ghost.Button--purchase:focus,html:not(.touch) .Button--ghost.Button--purchase:hover {
    background: #9f1600
}

.Button--ghost.Button--purchase:active {
    background: #7a1100
}

.Button--ghost.Button--purchase .Button-outer {
    border-color: #ea3012
}

.Button--ghost.Button--highlighted {
    background: rgba(248,183,0,.8);
    color: #000
}

html:not(.touch) .Button--ghost.Button--highlighted:hover {
    background: #f8b700
}

.Button--ghost.Button--highlighted .Button-outer {
    border: 1px solid #f8b700
}

.Button--ghost.Button--disabled,.Button--ghost.Button[disabled] {
    background: rgba(0,0,0,.4);
    background-image: none
}

.Button--ghost.Button--disabled .Button-outer,.Button--ghost.Button[disabled] .Button-outer {
    background-image: none;
    border-color: #000
}

.Button--ghost.Button--disabled .Button-inner,.Button--ghost.Button[disabled] .Button-inner {
    background-image: none;
    background: transparent
}

.Button--ghost .Icon--external {
    top: -1px;
    margin-left: .5em;
    width: 18px
}

.Button--icon-label {
    display: flex;
    grid-gap: 4px;
    gap: 4px;
    justify-content: space-between
}

.Button--noMinWidth {
    min-width: 0
}

.Button--play {
    background: rgba(0,0,0,.4);
    border: 1px solid #000;
    color: #f7b10a;
    padding: 0;
    position: relative;
    transition: background .2s,color .2s
}

html:not(.touch) .Button--play:hover {
    background: #b06601
}

.Button--play:active {
    background: #8a5000;
    transition: none
}

.Button--play .Button-outer {
    background-image: none;
    border: 1px solid #c77e19;
    position: relative
}

.Button--play .Button-outer:before {
    background-image: none
}

.Button--play .Button-inner {
    background-image: none;
    height: 90px;
    padding: 0;
    width: 90px
}

.Button--play .Button-inner:before {
    background-image: none
}

.Button--play .Button-label {
    display: inline-block;
    position: relative;
    border-color: transparent #fddeb4;
    border-style: solid;
    border-width: 20.5px 0 20.5px 30px;
    top: 27%;
    transition: border-color .2s;
    left: 3%
}

@media (min-width: 320px) {
    .Button--play .Button-inner {
        width:73px;
        height: 73px
    }

    .Button--play .Button-label {
        border-width: 16.5px 0 16.5px 24px
    }
}

@media (min-width: 540px) {
    .Button--play .Button-inner {
        width:90px;
        height: 90px
    }

    .Button--play .Button-label {
        border-width: 20.5px 0 20.5px 30px
    }
}

@media (min-width: 720px) {
    .Button--play .Button-inner {
        width:90px;
        height: 90px
    }

    .Button--play .Button-label {
        border-width: 20.5px 0 20.5px 30px
    }
}

.Button--prev .Button-label:before {
    content: "‹ "
}

.Button--next .Button-label:after {
    content: " ›"
}

.Button--ocho {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    text-transform: uppercase;
    margin-bottom: -10px
}

.Button--ocho.zh-cn,.zh-cn .Button--ocho {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Button--ocho.ko-kr,.ko-kr .Button--ocho {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Button--ocho.ru-ru,.ru-ru .Button--ocho {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Button--ocho.zh-tw,.zh-tw .Button--ocho {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Button--ocho {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Button--ocho {
        font-size:1.2rem
    }
}

.Button--ocho .Button-outer {
    padding: 0 87px 0 89px
}

.Button--ocho .Button-inner {
    line-height: 20px;
    padding: 35px 0 45px;
    background: url(/static/components/Button/Button-ocho.c455324d36331652b5d9da7447cacd33.png) no-repeat;
    background-size: auto 300px;
    background-position: center 0;
    position: relative;
    max-width: 367px;
    white-space: nowrap
}

.Button--ocho .Button-inner:after,.Button--ocho .Button-inner:before {
    content: "";
    background: url(/static/components/Button/Button-ocho.c455324d36331652b5d9da7447cacd33.png) no-repeat;
    background-size: auto 300px;
    width: 133px;
    height: 100px;
    position: absolute;
    top: 0
}

.Button--ocho .Button-inner:before {
    right: 100%;
    background-position: right 0;
    margin-right: -36.25px;
    transform: scaleX(-1)
}

.Button--ocho .Button-inner:after {
    left: 100%;
    background-position: right 0;
    margin-left: -36px
}

html:not(.touch) .Button--ocho:hover .Button-inner,html:not(.touch) .Button--ocho:hover .Button-inner:after,html:not(.touch) .Button--ocho:hover .Button-inner:before {
    background-position-y: -100px
}

.Button--ocho:active .Button-inner,.Button--ocho:active .Button-inner:after,.Button--ocho:active .Button-inner:before {
    background-position-y: -200px
}

.Button--ocho:active .Button-label {
    top: 1px
}

.Button--ocho .Button-label {
    margin: 0 -30px;
    min-width: 155px
}

.Button--ocho .Button-label:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.ArtGroup {
    position: relative
}

.ArtGroup .Art {
    transform: translateZ(0);
    transition: all 0ms ease
}

html:not(.touch) .ArtGroup .Art:hover .ArtGroup-tooltip {
    opacity: 1
}

.ArtGroup-tooltip {
    opacity: 0
}

.ArtGroup--masked,.ArtGroup-tooltip {
    pointer-events: none
}

.ArtGroup--speedSlow .Art,.ArtGroup--speedSlow .ArtGroup-tooltip {
    transition-duration: 1s
}

html:not(.touch) .ArtGroup--speedSlow .Art:hover .ArtGroup-tooltip {
    transition-delay: .1s!important;
    transition-timing-function: ease-out;
    transition: opacity 1s,transform 1s
}

.ArtGroup--speedNormal .Art,.ArtGroup--speedNormal .ArtGroup-tooltip {
    transition-duration: .5s
}

html:not(.touch) .ArtGroup--speedNormal .Art:hover .ArtGroup-tooltip {
    transition-delay: .1s!important;
    transition-timing-function: ease-out;
    transition: opacity .5s,transform .5s
}

.ArtGroup--speedFast .Art,.ArtGroup--speedFast .ArtGroup-tooltip {
    transition-duration: .2s
}

html:not(.touch) .ArtGroup--speedFast .Art:hover .ArtGroup-tooltip {
    transition-delay: .1s!important;
    transition-timing-function: ease-out;
    transition: opacity .2s,transform .2s
}

html:not(.touch) .ArtGroup--hoverFocus:hover .Art {
    filter: brightness(.6) grayscale(.6)
}

html:not(.touch) .ArtGroup--hoverFocus:hover .Art:hover {
    filter: none;
    z-index: 1
}

html:not(.touch) .ArtGroup--hoverFocus:hover .Position:hover {
    z-index: 1
}

html:not(.touch) .ArtGroup--hoverScale .Art:hover {
    transform: scale(1.05) translateZ(0)
}

html:not(.touch) .ArtGroup--hoverScale .Art:hover .Art-mask>use {
    stroke-width: 16;
    stroke: transparent
}

.ArtGroup--transformTooltips .ArtGroup-tooltip {
    transform: translateY(-25%);
    transition-timing-function: ease-in;
    transition: .2s
}

html:not(.touch) .ArtGroup--transformTooltips .Art:hover .ArtGroup-tooltip {
    transform: translate(0)
}

.ArticleTile {
    height: 100%;
}

.ArticleTile-content {
    position: relative;
    height: 100%;
}

.ArticleTile-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.ArticleTile-bottomInner {
    display: table;
    position: relative;
    width: 100%;
    padding: 20px;
    pointer-events: none
}

.ArticleTile-left,.ArticleTile-right {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    vertical-align: bottom
}

.ArticleTile-right {
    text-align: right
}

.ArticleTile-comments {
    z-index: 1;
    pointer-events: all
}

.ArticleTile-title {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    color: #f8b700;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 720px) {
    .ArticleTile-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile-title {
        font-size:1.44rem
    }
}

.ArticleTile-title.zh-cn,.zh-cn .ArticleTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ArticleTile-title.ko-kr,.ko-kr .ArticleTile-title {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ArticleTile-title.ru-ru,.ru-ru .ArticleTile-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.ArticleTile-title.zh-tw,.zh-tw .ArticleTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

html:not(.touch) .ArticleTile:hover .ArticleTile-title {
    color: #fff
}

.ArticleTile-subtitle {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 720px) {
    .ArticleTile-subtitle {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile-subtitle {
        font-size:1.2rem
    }
}

.ArticleTile-subtitle.zh-cn,.zh-cn .ArticleTile-subtitle {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ArticleTile-subtitle.ko-kr,.ko-kr .ArticleTile-subtitle {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ArticleTile-subtitle.ru-ru,.ru-ru .ArticleTile-subtitle {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.ArticleTile-subtitle.zh-tw,.zh-tw .ArticleTile-subtitle {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .ArticleTile-subtitle {
        line-height:22px
    }
}

.ArticleTile-category {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap
}

@media (min-width: 720px) {
    .ArticleTile-category {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile-category {
        font-size:1.2rem
    }
}

.ArticleTile-category.zh-cn,.zh-cn .ArticleTile-category {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ArticleTile-category.ko-kr,.ko-kr .ArticleTile-category {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ArticleTile-category.ru-ru,.ru-ru .ArticleTile-category {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.ArticleTile-category.zh-tw,.zh-tw .ArticleTile-category {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .ArticleTile-category {
        line-height:22px
    }
}

.ArticleTile--noFade .ArticleTile-fade {
    display: none
}

.ArticleTile-fade {
    background: linear-gradient(180deg,transparent 60%,rgba(0,0,0,.8) 90%)
}

.ArticleTile-fade,.ArticleTile-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ArticleTile-link {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    width: 100%;
    border: 1px solid #504137
}

html:not(.touch) .ArticleTile .ArticleTile-link:focus,html:not(.touch) .ArticleTile:hover .ArticleTile-link {
    outline: 0;
    border-color: #f8b700
}

.ArticleTile--thin .ArticleTile-tile {
    position: relative
}

.ArticleTile--thin .ArticleTile-tile:before {
    content: "";
    display: block;
    padding-top: 33.33333333%
}

.ArticleTile--wide .ArticleTile-tile {
    position: relative
}

.ArticleTile--wide .ArticleTile-tile:before {
    content: "";
    display: block;
    padding-top: 50%
}

.ArticleTile--tall .ArticleTile-tile {
    position: relative
}

.ArticleTile--tall .ArticleTile-tile:before {
    content: "";
    display: block;
    padding-top: 200%
}

.ArticleTile--square .ArticleTile-tile {
    position: relative
}

.ArticleTile--square .ArticleTile-tile:before {
    content: "";
    display: block;
    padding-top: 100%
}

.ArticleTile--photo .ArticleTile-tile {
    position: relative
}

.ArticleTile--photo .ArticleTile-tile:before {
    content: "";
    display: block;
    padding-top: 75%
}

.ArticleTile--gutter .ArticleTile-tile>.Tile-area {
    margin: 10px
}

.ArticleTile--fixed .ArticleTile-tile {
    width: 250px;
    width: 75vw
}

.ArticleTile--gutter .ArticleTile-fade,.ArticleTile--gutter .ArticleTile-link {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
    width: calc(100% - 20px)
}

.ArticleTile--stacked.ArticleTile--gutter .ArticleTile-fade,.ArticleTile--stacked.ArticleTile--gutter .ArticleTile-link {
    bottom: 0
}

.ArticleTile--gutter .ArticleTile-bottom {
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: auto
}

.ArticleTile--highlight .ArticleTile-content {
    margin: 0
}

.ArticleTile--highlight .ArticleTile-category {
    font-weight: 700
}

.ArticleTile--highlight .ArticleTile-bottom,.ArticleTile--highlight .ArticleTile-top {
    padding: 20px
}

.ArticleTile--highlight .ArticleTile-bottom {
    text-align: center;
    background-color: rgba(0,0,0,.4)
}

.ArticleTile--highlight .ArticleTile-right {
    display: none
}

.ArticleTile--highlight .ArticleTile-title {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .ArticleTile--highlight .ArticleTile-title {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile--highlight .ArticleTile-title {
        font-size:1.728rem
    }
}

.ArticleTile--highlight .ArticleTile-title.zh-cn,.zh-cn .ArticleTile--highlight .ArticleTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ArticleTile--highlight .ArticleTile-title.ko-kr,.ko-kr .ArticleTile--highlight .ArticleTile-title {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ArticleTile--highlight .ArticleTile-title.ru-ru,.ru-ru .ArticleTile--highlight .ArticleTile-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.ArticleTile--highlight .ArticleTile-title.zh-tw,.zh-tw .ArticleTile--highlight .ArticleTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.ArticleTile--featured .ArticleTile-title {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .ArticleTile--featured .ArticleTile-title {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile--featured .ArticleTile-title {
        font-size:1.728rem
    }
}

.ArticleTile--featured .ArticleTile-title.zh-cn,.zh-cn .ArticleTile--featured .ArticleTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ArticleTile--featured .ArticleTile-title.ko-kr,.ko-kr .ArticleTile--featured .ArticleTile-title {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ArticleTile--featured .ArticleTile-title.ru-ru,.ru-ru .ArticleTile--featured .ArticleTile-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.ArticleTile--featured .ArticleTile-title.zh-tw,.zh-tw .ArticleTile--featured .ArticleTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.ArticleTile--featured .ArticleTile-category {
    font-size: 1.296rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .ArticleTile--featured .ArticleTile-category {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile--featured .ArticleTile-category {
        font-size:1.728rem
    }
}

.ArticleTile--stacked .ArticleTile-link {
    display: block
}

.ArticleTile--stacked .ArticleTile-fade {
    display: none
}

.ArticleTile--stacked .ArticleTile-bottom {
    background: #211510;
    border: 1px solid #504137;
    position: relative
}

.ArticleTile--stacked.ArticleTile--gutter .ArticleTile-bottom {
    bottom: 0;
    left: 0;
    margin: -10px 10px 10px;
    right: 0
}

.ArticleTile--stacked .ArticleTile-left {
    padding-right: 40px;
    vertical-align: top
}

.ArticleTile--stacked .ArticleTile-subtitle {
    color: #ebdec2;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 14px;
    text-shadow: none
}

.ArticleTile--stacked .ArticleTile-title {
    color: #f8b700;
    line-height: 21px;
    margin-top: 7px;
    min-height: 42px;
    text-shadow: none
}

.ArticleTile-commentTotal {
    z-index: 1
}

.ArticleTile--stacked .ArticleTile-commentTotal>.CommentTotal-number {
    line-height: 21px
}

.ArticleTile--stacked .ArticleTile-commentTotal>.CommentTotal-icon,.ArticleTile--stacked .ArticleTile-commentTotal>.CommentTotal-number {
    color: #b1997f
}

.ArticleTile--stackedLarge .ArticleTile-bottomInner {
    padding-top: 40px;
    padding-bottom: 40px
}

.ArticleTile--stackedLarge .ArticleTile-title {
    font-size: 1.866rem;
    line-height: 1.5;
    line-height: 42px
}

@media (min-width: 720px) {
    .ArticleTile--stackedLarge .ArticleTile-title {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile--stackedLarge .ArticleTile-title {
        font-size:2.488rem
    }
}

@media (min-width: 720px) {
    .ArticleTile--stackedLarge .ArticleTile-title {
        line-height:42px
    }
}

.ArticleTile--stackedLarge .ArticleTile-subtitle {
    line-height: 28px
}

@media (min-width: 720px) {
    .ArticleTile--stackedLarge .ArticleTile-left {
        width:80%
    }
}

.ArticleTile--legion {
    padding-bottom: 40px
}

.ArticleTile--legion .ArticleTile-bottom {
    bottom: auto;
    top: 100%
}

.ArticleTile--legion .ArticleTile-bottomInner {
    padding: 10px
}

.ArticleTile--legion .ArticleTile-title {
    font-size: 1rem;
    line-height: 1.5;
    color: #2be73c;
    text-transform: uppercase;
    transition: color .2s ease
}

@media (min-width: 720px) {
    .ArticleTile--legion .ArticleTile-title {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile--legion .ArticleTile-title {
        font-size:1rem
    }
}

.ArticleTile--legion .ArticleTile-tile .Tile-bg {
    background-color: #262626
}

.ArticleTile--legion .ArticleTile-fade {
    background: none;
    box-shadow: inset 0 0 20px 10px rgba(0,0,0,.5)
}

.ArticleTile--legion .ArticleTile-link {
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/ArticleTile/ArticleTile-legion.bdc834071d42d15c9a63aaa8185c9689.png);
    border-image-repeat: round;
    border-image-slice: 36 fill;
    border-image-width: 26px;
    border-image-outset: 6px
}

.ArticleTile--legion .ArticleTile-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/ArticleTile/ArticleTile-legion-hover.9bd91cd7593f6b48bd9bf1612b4c43cf.png);
    border-image-repeat: round;
    border-image-slice: 36 fill;
    border-image-width: 26px;
    border-image-outset: 6px;
    opacity: 0;
    transition: opacity 1s ease
}

html:not(.touch) .ArticleTile--legion .ArticleTile-link:hover:before {
    opacity: 1
}

.ArticleTile--ocho {
    padding-bottom: 30px;
    margin: 8px
}

@media (min-width: 720px) {
    .ArticleTile--ocho {
        padding-bottom:50px
    }
}

.ArticleTile--ocho .ArticleTile-bottom {
    bottom: auto;
    top: 100%;
    margin-top: 10px;
    text-align: center;
    pointer-events: none
}

.ArticleTile--ocho .ArticleTile-bottomInner {
    padding: 10px
}

.ArticleTile--ocho .ArticleTile-title {
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca
}

@media (min-width: 720px) {
    .ArticleTile--ocho .ArticleTile-title {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .ArticleTile--ocho .ArticleTile-title {
        font-size:1rem
    }
}

.ArticleTile--ocho .ArticleTile-title.zh-cn,.zh-cn .ArticleTile--ocho .ArticleTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ArticleTile--ocho .ArticleTile-title.ko-kr,.ko-kr .ArticleTile--ocho .ArticleTile-title {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ArticleTile--ocho .ArticleTile-title.ru-ru,.ru-ru .ArticleTile--ocho .ArticleTile-title {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.ArticleTile--ocho .ArticleTile-title.zh-tw,.zh-tw .ArticleTile--ocho .ArticleTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.ArticleTile--ocho .ArticleTile-fade {
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/ArticleTile/ArticleTile-ocho-border.747c647b878fba705664fec68f77bb19.png);
    border-image-repeat: round;
    border-image-slice: 108 fill;
    border-image-width: 54px;
    border-image-outset: 34px
}

.ArticleTile--ocho .ArticleTile-tile .Tile-bg {
    background-color: #1f1f1f
}

.ArticleTile--ocho .ArticleTile-fade,.ArticleTile--ocho .ArticleTile-tile .Tile-bg {
    transition: filter .2s ease;
    transform: translateZ(0)
}

.ArticleTile--ocho .ArticleTile-fade {
    background: none;
    box-shadow: 0 0 20px 12px #000
}

.ArticleTile--ocho .ArticleTile-link {
    border: none
}

html:not(.touch) .ArticleTile--ocho .ArticleTile-content:hover .ArticleTile-fade,html:not(.touch) .ArticleTile--ocho .ArticleTile-content:hover .ArticleTile-tile .Tile-bg {
    filter: brightness(1.2)
}

.ArticleTile--ocho.ArticleTile--video {
    position: relative
}

.ArticleTile--ocho.ArticleTile--video .ArticleTile-play {
    display: block;
    width: 35%;
    max-width: 200px;
    z-index: 1;
    pointer-events: none;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ArticleTile--ocho.ArticleTile--video .ArticleTile-play:before {
    content: "";
    display: block;
    padding-top: 100%
}

.ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow:after,.ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
    transition: opacity .2s ease
}

.ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow:before {
    background-image: url(/static/components/ArticleTile/ArticleTile-ocho-play-default.2cd94fc1a56d960047728d212d1e0aba.png);
    opacity: 1
}

.ArticleTile--ocho.ArticleTile--video .ArticleTile-play .ArticleTile-playArrow:after {
    background-image: url(/static/components/ArticleTile/ArticleTile-ocho-play-hover-no-shadow.f9b6da33b050918b2bb17449f692c569.png);
    opacity: 0
}

html:not(.touch) .ArticleTile--ocho.ArticleTile--video .ArticleTile-content:hover .ArticleTile-playArrow:after {
    opacity: 1
}

.ArticleTile--ocho-noTitle {
    padding-bottom: 0;
    margin-bottom: 0
}

.ArticleTile--ocho-noTitle .ArticleTile-bottom {
    display: none
}

.Avatar {
    z-index: 0;
    position: relative;
    transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s;
    background-color: #504137;
    background-image: linear-gradient(45deg,#352011,#504137,#352011);
    border-radius: 50%;
    display: inline-block;
    max-width: 192px;
    overflow: hidden;
    width: 64px
}

body.z-index-reset-full .Avatar,body.z-index-reset .Avatar {
    z-index: auto
}

.Avatar:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Avatar>.Avatar-overlay--remix,.Avatar>.Avatar-overlay--remix_medium {
    position: absolute;
    width: 22px;
    height: auto;
    right: 0;
    bottom: -30px
}

.Avatar>.Avatar-overlay--remix>.Icon--remix,.Avatar>.Avatar-overlay--remix_medium>.Icon--remix {
    width: 24px
}

.Avatar-image {
    border: 1px solid #211510;
    border-radius: 50%;
    bottom: 3px;
    left: 3px;
    right: 3px;
    top: 3px
}

.Avatar-image,.Avatar-image:before {
    background-size: cover;
    position: absolute
}

.Avatar-image:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #211510;
    background-image: url(/static/components/Avatar/Avatar-anon.69fa272ea4967d72aff9bb08d7d8a839.png);
    border-radius: 50%;
    content: "";
    z-index: -1
}

.Avatar--anon .Avatar-image {
    background-image: none!important
}

.Avatar--onDark {
    background-color: #211510;
    border-color: #211510
}

.Avatar--large {
    width: 200px
}

.Avatar--medium {
    width: 38px
}

.Avatar--small,.Avatar--tiny {
    width: 32px
}

.Avatar--full {
    width: 100%
}

.Avatar--tiny {
    margin: -8px;
    transform: scale(.5)
}

.Avatar--medium .Avatar-image,.Avatar--small .Avatar-image,.Avatar--tiny .Avatar-image {
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px
}

.Avatar--medium>.Avatar-overlay--remix_medium {
    bottom: 2px;
    right: 0
}

.Avatar--medium>.Avatar-overlay--remix_medium>.Icon--remix {
    width: 14px
}

.Avatar--square {
    border-radius: 0
}

.Avatar--square .Avatar-image {
    border: 0;
    border-radius: 0;
    bottom: 1px;
    left: 1px;
    right: 1px;
    top: 1px
}

.Avatar--square .Avatar-image:before {
    border-radius: 0
}

.Avatar--spotlight.Avatar {
    width: 96px;
    height: 96px
}

.Avatar--spotlight>.Avatar-overlay {
    width: 118px;
    height: 118px;
    left: -12px;
    top: -12px
}

.Avatar--spotlight-small>.Avatar-overlay,.Avatar--spotlight>.Avatar-overlay {
    background: url(/static/components/Avatar/Avatar-stylized.ad9e69945083b898709c55d68b24bc23.png) no-repeat 0 0;
    background-size: cover;
    position: absolute
}

.Avatar--spotlight-small>.Avatar-overlay {
    width: 78px;
    height: 72px;
    left: -7px;
    top: -7px
}

.Avatar--goldLarge,.Avatar--goldMedium {
    background: url(/static/components/Avatar/Avatar-gold.353c47772e26631a344321502910efc5.png) no-repeat 0 0;
    background-size: 100% 100%;
    border-radius: 0;
    overflow: visible;
    width: 73px
}

.Avatar--goldLarge>.Avatar-image,.Avatar--goldMedium>.Avatar-image {
    bottom: 9px;
    left: 8px;
    right: 8px;
    top: 7px
}

.Avatar--goldMedium {
    width: 66px
}

.Avatar--goldMedium>.Avatar-image {
    bottom: 8px;
    left: 7px;
    right: 7px;
    top: 6px
}

.Avatar--goldSmall {
    width: 37px
}

.Avatar--goldSmall>.Avatar-image {
    left: 5px;
    top: 4px;
    right: 5px;
    bottom: 6px
}

.Avatar--loading {
    opacity: .5
}

.BarGraph-wrapper {
    flex: 1;
    height: 100%;
    width: 100%;
    position: relative
}

.BarGraph-error {
    width: 100%;
    max-width: 85%;
    color: #cacaca
}

.BarGraph-svg {
    display: block;
    border: 1px solid hsla(0,0%,66.7%,.2);
    background: hsla(0,0%,100%,.04)
}

.BarGraph-svg--error .BarGraph-barContainer,html:not(.touch) .BarGraph-svg:hover .BarGraph-barContainer {
    opacity: .5
}

.BarGraph-svg--error .BarGraph-barContainer:hover,html:not(.touch) .BarGraph-svg:hover .BarGraph-barContainer:hover {
    opacity: 1
}

.BarGraph-bar {
    stroke-width: 1px;
    transition: height .3s cubic-bezier(.165,.84,.44,1),y .3s cubic-bezier(.165,.84,.44,1),x .3s cubic-bezier(.165,.84,.44,1),width .3s cubic-bezier(.165,.84,.44,1)
}

.BarGraph-bar--background {
    fill: #f8b700;
    stroke: transparent
}

.BarGraph-bar--fade {
    fill: url(#BarGraph-verticalGradient);
    stroke: hsla(0,0%,100%,.1)
}

.BarGraph--horizontal .BarGraph-bar--fade {
    fill: url(#BarGraph-horizontalGradient)
}

.BarGraph-hoverArea {
    fill: transparent;
    stroke: transparent
}

.BarGraph-barContainer {
    transition: opacity .15s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);
    cursor: pointer
}

.BarGraph-barContainer--DEATHKNIGHT .BarGraph-bar--background {
    stroke: #c41e3b;
    fill: #c41e3b
}

.BarGraph-barContainer--DEMONHUNTER .BarGraph-bar--background {
    stroke: #a330c9;
    fill: #a330c9
}

.BarGraph-barContainer--DRUID .BarGraph-bar--background {
    stroke: #ff7c0a;
    fill: #ff7c0a
}

.BarGraph-barContainer--EVOKER .BarGraph-bar--background {
    stroke: #33937f;
    fill: #33937f
}

.BarGraph-barContainer--HUNTER .BarGraph-bar--background {
    stroke: #7ba93d;
    fill: #aad372
}

.BarGraph-barContainer--MAGE .BarGraph-bar--background {
    stroke: #46b1d6;
    fill: #68ccef
}

.BarGraph-barContainer--MONK .BarGraph-bar--background {
    stroke: #0ac895;
    fill: #00ffba
}

.BarGraph-barContainer--PALADIN .BarGraph-bar--background {
    stroke: #f48cba;
    fill: #f48cba
}

.BarGraph-barContainer--PRIEST .BarGraph-bar--background {
    stroke: #817d73;
    fill: #f0ebe0
}

.BarGraph-barContainer--ROGUE .BarGraph-bar--background {
    stroke: #aba14f;
    fill: #fff468
}

.BarGraph-barContainer--SHAMAN .BarGraph-bar--background {
    stroke: #2359ff;
    fill: #2359ff
}

.BarGraph-barContainer--WARLOCK .BarGraph-bar--background {
    stroke: #9382c9;
    fill: #9382c9
}

.BarGraph-barContainer--WARRIOR .BarGraph-bar--background {
    stroke: #af7c46;
    fill: #c69b6d
}

.BarGraph-barContainer--TANK .BarGraph-bar--background {
    stroke: #285ac0;
    fill: #285ac0
}

.BarGraph-barContainer--HEALER .BarGraph-bar--background {
    stroke: #27a964;
    fill: #27a964
}

.BarGraph-barContainer--DAMAGE .BarGraph-bar--background {
    stroke: #9a0000;
    fill: #9a0000
}

.BlogKeywords-keyword,.BlogKeywords-title {
    display: inline-block;
    margin: 3px 3px 0 0;
    text-transform: uppercase
}

.BlogKeywords-keyword {
    color: #f8b700;
    padding: 0 8px
}

html:not(.touch) .BlogKeywords-keyword:hover {
    text-decoration: underline
}

.Box {
    background-color: #1a1a1a;
    display: block;
    padding: 20px;
    text-decoration: none
}

.Box--light {
    background-color: #fff
}

.Box--neutral {
    background-color: #eaeaea
}

.Box--dark {
    background-color: #222;
    color: #fff
}

.Box--paper {
    background-color: #ebdec2;
    color: #352011;
    box-shadow: 0 0 16px 6px rgba(0,0,0,.5);
    border: 12px solid #ebdec2;
    -o-border-image: url(/static/components/Box/Box-paper.de3476115a6c7796c6e9e07f61a160cc.png) 12 repeat;
    border-image: url(/static/components/Box/Box-paper.de3476115a6c7796c6e9e07f61a160cc.png) 12 repeat;
    border-image-outset: 3px;
    padding: 15px;
    margin: 3px
}

.Box--paper.Box--edge {
    border-width: 12px 0;
    margin: 2px 0
}

.Box--leather {
    background-color: #211510;
    color: #211510;
    background-image: url(/static/components/Box/Box-leather.18def74ed60ab9f1f4139f87349d2f79.jpg)
}

.Box--leatherGrey {
    background-image: url(/static/components/Box/Box-leather-grey.db668caee69fef46471e35733f930d3d.jpg)
}

.Box--leatherGrey,.Box--leatherGreyDark {
    background-color: #444;
    color: #444;
    background-position: 50%
}

.Box--leatherGreyDark {
    background-image: url(/static/components/Box/Box-leather-grey-dark.0477a49460ddf3f97294112a1b372a06.jpg)
}

.Box--leatherGreyLight {
    background-color: #444;
    color: #fff;
    background-image: url(/static/components/Box/Box-leather-grey-light.dbd081854d793025305828b523090901.jpg);
    background-position: 50%
}

.Box--leatherBlue {
    background-color: #211510;
    color: #211510;
    background-image: url(/static/components/Box/Box-leather-blue.27a12e492ebc7ab4e91ddaaa22b77fa4.jpg)
}

.Box--overlayDark {
    background: rgba(0,0,0,.75);
    border: 1px solid #504137;
    color: #504137
}

.Box--nearlyOpaque {
    background-color: rgba(0,0,0,.9)
}

.Box--brown {
    background: #211510;
    color: #ebdec2
}

.Box--borderBrown,.Box--brown {
    border: 1px solid #504137
}

.Box--borderGrey {
    border: 1px solid #444
}

.Box--borderGreyLight {
    border: 1px solid #777
}

.Box--transparent {
    background-color: transparent
}

.Box--translucent {
    background-color: rgba(0,0,0,.3)
}

.Box[disabled] {
    opacity: .5
}

.Box--flush {
    padding: 0
}

.Box--offLeft {
    position: relative
}

.Box--offLeft:before {
    content: "";
    background: inherit;
    width: 1600px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%
}

.Box--offRight {
    position: relative
}

.Box--offRight:after {
    content: "";
    background: inherit;
    width: 1600px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%
}

.Box--corinthian {
    position: relative;
    margin: 6px
}

.Box--corinthian:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/Box/Box-corinthianChrome.127807209b0ce1c314a9550e1d52b48a.png);
    border-image-repeat: repeat;
    border-image-slice: 96 fill;
    border-image-width: 48px;
    border-image-outset: 12px;
    content: "";
    display: block;
    z-index: 1;
    pointer-events: none
}

.Box--corinthianGoldOnHover .Box-divider:before,.Box--corinthianGoldOnHover:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/static/components/Box/Box-corinthianGold.ee9a239ef6cc508952790a5405599f64.png);
    content: "";
    opacity: 0;
    z-index: -1
}

html:not(.touch) .Box--corinthianGoldOnHover:hover:after {
    -o-border-image: url(/static/components/Box/Box-corinthianGold.ee9a239ef6cc508952790a5405599f64.png);
    border-image: url(/static/components/Box/Box-corinthianGold.ee9a239ef6cc508952790a5405599f64.png)
}

.Box--corinthianGoldOnHover .Box-divider:before,html:not(.touch) .Box--corinthianGoldOnHover:hover .Box-divider {
    background-image: url(/static/components/Divider/Divider-corinthianGold.1554726f9ab60212f8da7e33592ea29f.jpg)
}

.Box--DEATHKNIGHT-bg {
    background: rgba(8,8,18,.75)
}

.Box--DEMONHUNTER-bg {
    background: rgba(10,16,4,.75)
}

.Box--DRUID-bg,.Box--EVOKER-bg {
    background: rgba(0,13,7,.75)
}

.Box--HUNTER-bg {
    background: rgba(7,3,13,.75)
}

.Box--MAGE-bg {
    background: rgba(17,6,23,.75)
}

.Box--MONK-bg {
    background: rgba(4,17,12,.75)
}

.Box--PALADIN-bg {
    background: rgba(19,4,10,.75)
}

.Box--PRIEST-bg {
    background: rgba(26,8,18,.75)
}

.Box--ROGUE-bg {
    background: rgba(21,13,26,.75)
}

.Box--SHAMAN-bg {
    background: rgba(4,4,20,.75)
}

.Box--WARLOCK-bg {
    background: rgba(21,18,31,.75)
}

.Box--WARRIOR-bg {
    background: rgba(26,4,7,.75)
}

.Box--bgTop {
    background-position: top
}

.Box--bgBottom {
    background-position: bottom
}

.Box--legion {
    background: rgba(0,0,0,.7);
    position: relative;
    margin: 17px
}

.Box--legion:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/Box/Box-legion.7907c7c9dcaed62ad0a0232350b4bc44.png);
    border-image-repeat: round;
    border-image-slice: 75 fill;
    border-image-width: 75px;
    border-image-outset: 28px;
    content: "";
    display: block;
    z-index: 1;
    pointer-events: none
}

.Box--ocho {
    background-image: url(/static/components/Box/Box-leather-blue.27a12e492ebc7ab4e91ddaaa22b77fa4.jpg);
    position: relative;
    margin: 17px
}

.Box--ocho:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/ArticleTile/ArticleTile-ocho-border.747c647b878fba705664fec68f77bb19.png);
    border-image-repeat: round;
    border-image-slice: 108 fill;
    border-image-width: 54px;
    border-image-outset: 34px;
    content: "";
    display: block;
    z-index: 1;
    pointer-events: none
}

.Box--ocho-slant {
    position: relative;
    height: 57px;
    top: -1px;
    padding: 8px;
    background-color: #cacaca;
    background-image: url(/static/components/Box/Box-ocho-slant-hover.f6aa7dc1ec3d33127d52c2257eaa1cbb.png);
    background-size: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/Box/Box-ocho-slant.f55ecfbfce6f522a6fa7a30affb159a0.png);
    border-image-repeat: round;
    border-image-slice: 0 130 fill;
    border-image-width: 0 130px;
    border-image-outset: 0 70px
}

html:not(.touch) .Box--ocho-slant:hover {
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/Box/Box-ocho-slant-hover.f6aa7dc1ec3d33127d52c2257eaa1cbb.png);
    border-image-repeat: round;
    border-image-slice: 0 130 fill;
    border-image-width: 0 130px;
    border-image-outset: 0 70px
}

.Box--woodFrame {
    position: relative;
    padding: 23px
}

.Box--woodFrame:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/Box/Box-woodFrame.54aee3ad5d39e33652ee3518edd1bc58.png);
    border-image-repeat: repeat;
    border-image-slice: 110 fill;
    border-image-width: 55px;
    border-image-outset: 0;
    content: "";
    display: block;
    z-index: 1;
    pointer-events: none
}

.Box--goldFrame {
    position: relative;
    padding: 5px
}

.Box--goldFrame:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/Box/Box-goldFrame.ba86d98c543a96c5d7c12fcc3170644b.png);
    border-image-repeat: repeat;
    border-image-slice: 82 fill;
    border-image-width: 41px;
    border-image-outset: 0;
    content: "";
    display: block;
    z-index: 1;
    pointer-events: none
}

html:not(.touch) .Box--hover:not([disabled]) {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    cursor: pointer
}

html:not(.touch) .Box--hover:not([disabled]):hover {
    border: 1px solid #f8b700
}

.Box--shadow {
    box-shadow: 0 0 48px -4px #000
}

.Box--shadow-ALLIANCE {
    box-shadow: 0 0 48px -4px #0078ff
}

.Box--shadow-HORDE {
    box-shadow: 0 0 48px -4px #b30000
}

.Card {
    background: #211510;
    color: #ebdec2;
    border: 1px solid #504137;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 0
}

body.z-index-reset-full .Card,body.z-index-reset .Card {
    z-index: auto
}

.Card-title {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Card-title {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Card-title {
        font-size:1.728rem
    }
}

.Card-title.zh-cn,.zh-cn .Card-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Card-title.ko-kr,.ko-kr .Card-title {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Card-title.ru-ru,.ru-ru .Card-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Card-title.zh-tw,.zh-tw .Card-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Card-subtitle {
    color: #b1997f
}

.Card-subtitle,.Card-title {
    text-shadow: none
}

.Card--stacked .Card-content {
    border-width: 1px 0 0
}

.Card--hovered {
    border-color: #f8b700
}

.Card--hovered .Card-title {
    color: #fff
}

html:not(.touch) .Card:hover {
    border-color: #f8b700
}

html:not(.touch) .Card:hover .Card-title {
    color: #fff
}

.Card-link {
    display: block
}

.Card-content {
    width: 100%;
    border-left: 1px solid #504137
}

.Card--excerpt .Card-description,.Card-excerpt,.Card-image--full,.Card-image--half {
    display: none
}

.Card--excerpt .Card-excerpt--normal {
    display: block
}

.Card--excerptMedium .Card-description {
    display: none
}

.Card--excerptMedium .Card-excerpt--medium {
    display: block
}

.Card--excerptLong .Card-description {
    display: none
}

.Card--excerptLong .Card-excerpt--long {
    display: block
}

.Card--1of4 .Card-image {
    display: block;
    float: left;
    width: 25%
}

.Card--1of4 .Card-image .Card-image--full {
    display: block
}

.Card--1of4 .Card-content {
    width: 75%
}

.Card--1of3 .Card-image {
    display: block;
    float: left;
    width: 33%
}

.Card--1of3 .Card-image .Card-image--full {
    display: block
}

.Card--1of3 .Card-content {
    width: 67%
}

.Card--2of5 .Card-image {
    display: block;
    float: left;
    width: 40%
}

.Card--2of5 .Card-image .Card-image--full {
    display: block
}

.Card--2of5 .Card-content {
    width: 60%
}

.Card--2of3 .Card-image {
    display: block;
    float: left;
    width: 66%
}

.Card--2of3 .Card-image .Card-image--full {
    display: block
}

.Card--2of3 .Card-content {
    width: 33%
}

.Card--1of2 .Card-image {
    display: block;
    float: left;
    width: 50%
}

.Card--1of2 .Card-image .Card-image--full {
    display: block
}

.Card--1of2 .Card-content {
    width: 50%
}

.Card--1of2 .Card-content,.Card--1of3 .Card-content,.Card--1of4 .Card-content,.Card--2of3 .Card-content,.Card--2of5 .Card-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.Card--stacked .Card-image {
    float: none;
    width: 100%
}

.Card--stacked .Card-image .Card-image--full {
    display: none
}

.Card--stacked .Card-image .Card-image--half {
    width: 100%;
    display: block
}

.Card--stacked .Card-content {
    width: 100%;
    position: relative;
    border-left: none;
    border-top: 1px solid #504137
}

.Cards .Cards-card {
    margin-top: -1px
}

html:not(.touch) .Cards .Cards-card:hover {
    border-color: #f8b700
}

html:not(.touch) .Cards .Cards-card:hover .Card-title {
    color: #fff
}

.Cards.Cards--gutter {
    padding: 20px
}

.Cards--gutters {
    padding: -10px
}

.Cards--gutters .Cards-card {
    margin-bottom: 20px
}

.Cards--gutter.Cards--gutters {
    margin: 0
}

.Cards--1of4 .Cards-card .Card-image {
    display: block;
    float: left;
    width: 25%
}

.Cards--1of4 .Cards-card .Card-image .Card-image--full {
    display: block
}

.Cards--1of4 .Cards-card .Card-content {
    width: 75%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.Cards--1of3 .Cards-card .Card-image {
    display: block;
    float: left;
    width: 33%
}

.Cards--1of3 .Cards-card .Card-image .Card-image--full {
    display: block
}

.Cards--1of3 .Cards-card .Card-content {
    width: 67%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.Cards--2of5 .Cards-card .Card-image {
    display: block;
    float: left;
    width: 40%
}

.Cards--2of5 .Cards-card .Card-image .Card-image--full {
    display: block
}

.Cards--2of5 .Cards-card .Card-content {
    width: 60%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.Cards--1of2 .Cards-card .Card-image {
    display: block;
    float: left;
    width: 50%
}

.Cards--1of2 .Cards-card .Card-image .Card-image--full {
    display: block
}

.Cards--1of2 .Cards-card .Card-content {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.Cards--2of3 .Cards-card .Card-image {
    display: block;
    float: left;
    width: 66%
}

.Cards--2of3 .Cards-card .Card-image .Card-image--full {
    display: block
}

.Cards--2of3 .Cards-card .Card-content {
    width: 33%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.Cards--stacked .Cards-card .Card-content {
    border-width: 1px 0 0
}

.Cards--stacked .Cards-card .Card-image {
    float: none;
    width: 100%
}

.Cards--stacked .Cards-card .Card-image .Card-image--full {
    display: none
}

.Cards--stacked .Cards-card .Card-image .Card-image--half {
    width: 100%;
    display: block
}

.Cards--stacked .Cards-card .Card-content {
    width: 100%;
    position: relative;
    border-left: none;
    border-top: 1px solid #504137
}

.Cards--excerpts .Cards-card .Card-description {
    display: none
}

.Cards--excerpts .Cards-card .Card-excerpt--normal {
    display: block
}

.Cards--excerptsMedium .Cards-card .Card-description {
    display: none
}

.Cards--excerptsMedium .Cards-card .Card-excerpt--medium {
    display: block
}

.Cards--excerptsLong .Cards-card .Card-description {
    display: none
}

.Cards--excerptsLong .Cards-card .Card-excerpt--long {
    display: block
}

.CarouselLink {
    cursor: pointer;
    opacity: 1
}

.CarouselLink.is-selected {
    cursor: default;
    opacity: 1
}

.Chakram {
    position: relative;
    background-image: url(/static/components/Chakram/Chakram.c1c46d3cec8529e2a05c50ed0d936706.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 128px;
    height: 128px
}

.Chakram:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Chakram-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Chakram-text {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Chakram-text {
        font-size:1.44rem
    }
}

.Chakram-text.zh-cn,.zh-cn .Chakram-text {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Chakram-text.ko-kr,.ko-kr .Chakram-text {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Chakram-text.ru-ru,.ru-ru .Chakram-text {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Chakram-text.zh-tw,.zh-tw .Chakram-text {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Chakram--tiny {
    width: 72px;
    height: 72px
}

.Chakram--small {
    width: 100px;
    height: 100px
}

.Chakram--large {
    width: 219px;
    height: 219px
}

.Chakram--huge {
    width: 400px;
    height: 400px
}

.Chakram--pvpFrame {
    background-image: url(/static/components/Chakram/Chakram-pvp-frame.82d14121bcda558f464ed70048a42640.png)
}

.Chakram--textLarge .Chakram-text {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Chakram--textLarge .Chakram-text {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .Chakram--textLarge .Chakram-text {
        font-size:2.488rem
    }
}

.Chakram--textLarge .Chakram-text.zh-cn,.zh-cn .Chakram--textLarge .Chakram-text {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Chakram--textLarge .Chakram-text.ko-kr,.ko-kr .Chakram--textLarge .Chakram-text {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Chakram--textLarge .Chakram-text.ru-ru,.ru-ru .Chakram--textLarge .Chakram-text {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Chakram--textLarge .Chakram-text.zh-tw,.zh-tw .Chakram--textLarge .Chakram-text {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Chakram--textSmall .Chakram-text {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Chakram--textSmall .Chakram-text {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Chakram--textSmall .Chakram-text {
        font-size:1.44rem
    }
}

.Chakram--textSmall .Chakram-text.zh-cn,.zh-cn .Chakram--textSmall .Chakram-text {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Chakram--textSmall .Chakram-text.ko-kr,.ko-kr .Chakram--textSmall .Chakram-text {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Chakram--textSmall .Chakram-text.ru-ru,.ru-ru .Chakram--textSmall .Chakram-text {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Chakram--textSmall .Chakram-text.zh-tw,.zh-tw .Chakram--textSmall .Chakram-text {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Chakram--textTiny .Chakram-text {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Chakram--textTiny .Chakram-text {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Chakram--textTiny .Chakram-text {
        font-size:1.2rem
    }
}

.Chakram--textTiny .Chakram-text.zh-cn,.zh-cn .Chakram--textTiny .Chakram-text {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Chakram--textTiny .Chakram-text.ko-kr,.ko-kr .Chakram--textTiny .Chakram-text {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Chakram--textTiny .Chakram-text.ru-ru,.ru-ru .Chakram--textTiny .Chakram-text {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Chakram--textTiny .Chakram-text.zh-tw,.zh-tw .Chakram--textTiny .Chakram-text {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Character {
    clear: both;
    display: inline-block;
    position: relative
}

.Character:after {
    content: "";
    clear: both;
    display: block
}

.Character-table {
    display: flex;
    flex-direction: row;
    align-items: center
}

.Character.Character--vertical .Character-table {
    flex-direction: column
}

.Character.Character--vertical .Character-details {
    text-align: center
}

.Character-link {
    display: block
}

.Character-name,.Character-role {
    display: none
}

.Character-name {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #b1997f;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    line-height: normal;
    margin: 0
}

@media (min-width: 720px) {
    .Character-name {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Character-name {
        font-size:1.44rem
    }
}

.Character-name.zh-cn,.zh-cn .Character-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Character-name.ko-kr,.ko-kr .Character-name {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Character-name.ru-ru,.ru-ru .Character-name {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Character-name.zh-tw,.zh-tw .Character-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Character-level {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    display: none
}

@media (min-width: 720px) {
    .Character-level {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Character-level {
        font-size:1.2rem
    }
}

.Character-level.zh-cn,.zh-cn .Character-level {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Character-level.ko-kr,.ko-kr .Character-level {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Character-level.ru-ru,.ru-ru .Character-level {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Character-level.zh-tw,.zh-tw .Character-level {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Character-realm {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    display: none
}

@media (min-width: 720px) {
    .Character-realm {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Character-realm {
        font-size:1.2rem
    }
}

.Character-realm.zh-cn,.zh-cn .Character-realm {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Character-realm.ko-kr,.ko-kr .Character-realm {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Character-realm.ru-ru,.ru-ru .Character-realm {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Character-realm.zh-tw,.zh-tw .Character-realm {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Character-bust {
    width: 196px;
    display: none
}

.Character-avatar {
    display: none;
    font-style: normal;
    height: 100%;
    line-height: 0;
    vertical-align: middle
}

.Character-avatar>.Avatar {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.Character-details {
    line-height: 22px
}

.Character-avatar-role {
    display: none;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-top: -18px
}

.Character-spinner {
    opacity: .4
}

.Character.Character--TANK .Character-avatar-role {
    background-image: url(/static/components/Character/role-tank.08fa1eea5a29d846256225be08918123.png)
}

.Character.Character--HEALER .Character-avatar-role {
    background-image: url(/static/components/Character/role-healer.6986b936d3743da01d74541f86209f27.png)
}

.Character.Character--DAMAGE .Character-avatar-role {
    background-image: url(/static/components/Character/role-damage.8a1efbae28142180b94af651bed7e1a5.png)
}

.Character.Character--avatar .Character-avatar,.Character.Character--avatar .Character-details {
    display: block
}

.Character.Character--avatar .Character-details {
    padding: 0 10px
}

.Character.Character--avatar.Character--avatarRole .Character-avatar-role {
    display: inline-block
}

.Character.Character--bust .Character-bust,.Character.Character--level .Character-level,.Character.Character--name .Character-name,.Character.Character--realm .Character-realm {
    display: block
}

.Character.Character--role .Character-details,.Character.Character--role .Character-role {
    display: flex;
    align-items: center
}

.Character.Character--role.Character--name .Character-name {
    display: inline-block
}

.Character.Character--role .Character-role {
    padding-right: 10px
}

.Character.Character--DEATHKNIGHT .Character-name {
    color: #c41e3b
}

.Character.Character--DEMONHUNTER .Character-name {
    color: #a330c9
}

.Character.Character--DRUID .Character-name {
    color: #ff7c0a
}

.Character.Character--EVOKER .Character-name {
    color: #33937f
}

.Character.Character--HUNTER .Character-name {
    color: #aad372
}

.Character.Character--MAGE .Character-name {
    color: #68ccef
}

.Character.Character--MONK .Character-name {
    color: #00ffba
}

.Character.Character--PALADIN .Character-name {
    color: #f48cba
}

.Character.Character--PRIEST .Character-name {
    color: #f0ebe0
}

.Character.Character--ROGUE .Character-name {
    color: #fff468
}

.Character.Character--SHAMAN .Character-name {
    color: #2359ff
}

.Character.Character--WARLOCK .Character-name {
    color: #9382c9
}

.Character.Character--WARRIOR .Character-name {
    color: #c69b6d
}

.Character.Character--square .Character-avatar>.Avatar {
    border-radius: 0
}

.Character.Character--square .Character-avatar>.Avatar .Avatar-image {
    border: 0;
    border-radius: 0;
    bottom: 1px;
    left: 1px;
    right: 1px;
    top: 1px
}

.Character.Character--square .Character-avatar>.Avatar .Avatar-image:before {
    border-radius: 0
}

.Character.Character--inline.Character--name .Character-name {
    display: inline-block
}

.Character.Character--inline.Character--level .Character-level,.Character.Character--inline.Character--realm .Character-realm {
    display: inline-block;
    margin-left: .5em
}

.Character.Character--large .Character-bust {
    width: 320px
}

.Character.Character--large .Character-name {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 2.2395rem;
    line-height: 1.5;
    margin: 10px 0
}

.Character.Character--large .Character-name.zh-cn,.zh-cn .Character.Character--large .Character-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Character.Character--large .Character-name.ko-kr,.ko-kr .Character.Character--large .Character-name {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Character.Character--large .Character-name.ru-ru,.ru-ru .Character.Character--large .Character-name {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Character.Character--large .Character-name.zh-tw,.zh-tw .Character.Character--large .Character-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Character.Character--large .Character-name {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .Character.Character--large .Character-name {
        font-size:2.986rem
    }
}

.Character.Character--large .Character-details {
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1.296rem;
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 20px
}

.Character.Character--large .Character-details.zh-cn,.zh-cn .Character.Character--large .Character-details {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Character.Character--large .Character-details.ko-kr,.ko-kr .Character.Character--large .Character-details {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Character.Character--large .Character-details.ru-ru,.ru-ru .Character.Character--large .Character-details {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Character.Character--large .Character-details.zh-tw,.zh-tw .Character.Character--large .Character-details {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Character.Character--large .Character-details {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Character.Character--large .Character-details {
        font-size:1.728rem
    }
}

.Character.Character--large .Character-details,.Character.Character--large .Character-name {
    text-shadow: 0 0 1px transparent,0 0 5px rgba(0,0,0,.8)
}

.Character--spotlight,.Character--spotlight .Character-details {
    max-width: 96px
}

.Character--spotlight .Character-name {
    word-wrap: wrap
}

.Character--spotlight .Character-avatar-role {
    width: 36px;
    height: 36px;
    margin-top: -20px
}

.Character--compact-spotlight .Character-name {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.Character--compact-spotlight .Character-name.zh-cn,.zh-cn .Character--compact-spotlight .Character-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Character--compact-spotlight .Character-name.ko-kr,.ko-kr .Character--compact-spotlight .Character-name {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Character--compact-spotlight .Character-name.ru-ru,.ru-ru .Character--compact-spotlight .Character-name {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Character--compact-spotlight .Character-name.zh-tw,.zh-tw .Character--compact-spotlight .Character-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

html:not(.touch) .Character-name {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.Character-link:hover html:not(.touch) .Character-name {
    color: #fff
}

.Character-link:focus,html:not(.touch) .Character-link:hover {
    outline: 0
}

.Character-link:focus .Character-avatar>.Avatar,html:not(.touch) .Character-link:hover .Character-avatar>.Avatar {
    background-image: linear-gradient(45deg,#5a361c,#6d594c,#58351c)
}

.Character-link:focus .Character-name,html:not(.touch) .Character-link:hover .Character-name {
    color: #fff
}

.CommentTotal {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 28px
}

.CommentTotal-icon {
    width: 18px;
    height: 24px;
    color: #aaa;
    position: relative
}

.CommentTotal-number {
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    position: relative;
    text-align: center
}

.CommentTotal-number.zh-cn,.zh-cn .CommentTotal-number {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.CommentTotal-number.ko-kr,.ko-kr .CommentTotal-number {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.CommentTotal-number.ru-ru,.ru-ru .CommentTotal-number {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.CommentTotal-number.zh-tw,.zh-tw .CommentTotal-number {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .CommentTotal-number {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .CommentTotal-number {
        font-size:1rem
    }
}

.CommentTotal--light>.CommentTotal-icon {
    color: #fff
}

.CommentTotal--light>.CommentTotal-number {
    color: #000
}

.CommentTotal--dark>.CommentTotal-icon {
    color: #222
}

.CommentTotal--gold>.CommentTotal-icon {
    color: #f8b700
}

.CommentTotal--gold>.CommentTotal-number {
    color: #000
}

.CommentTotal--horizontal {
    display: table;
    position: relative;
    width: auto;
    height: auto
}

.CommentTotal--horizontal>.List-item {
    vertical-align: middle
}

.CommentTotal--horizontal>.CommentTotal-icon {
    display: table-cell;
    height: 100%;
    color: #fff
}

.CommentTotal--horizontal>.CommentTotal-number {
    display: table-cell;
    height: 100%;
    color: #fff;
    padding-left: 8px
}

html:not(.touch) .CommentTotal--horizontal:hover>.CommentTotal-icon,html:not(.touch) .CommentTotal--horizontal:hover>.CommentTotal-number {
    color: #f8b700
}

.CommentTotal--horizontal.CommentTotal--right {
    margin-left: auto;
    text-align: right
}

.CommentTotal--horizontal.CommentTotal--right.List--greenChecks>.List-item {
    padding-left: 0;
    padding-right: 2em;
    position: relative
}

.CommentTotal--horizontal.CommentTotal--right.List--greenChecks>.List-item:before {
    display: none
}

.CommentTotal--horizontal.CommentTotal--right.List--greenChecks>.List-item:after {
    background: url(/static/components/List/List-greenCheck.cc6d210abb78a47b25a380b818acf95c.png) no-repeat 50% 50%;
    background-size: auto 16px;
    content: ".";
    color: transparent;
    display: inline-block;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 18px
}

.CommentTotal--horizontal.CommentTotal--right.List--bulleted>.List-item {
    padding-left: 0;
    padding-right: 2em;
    position: relative
}

.CommentTotal--horizontal.CommentTotal--right.List--bulleted>.List-item:before {
    display: none
}

.CommentTotal--horizontal.CommentTotal--right.List--bulleted>.List-item:after {
    background: url(/static/components/List/List-bullet-sprite.33b76a300709e812b894824c33fb6cb4.png) no-repeat 0 50%;
    content: ".";
    color: transparent;
    display: inline-block;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px
}

.CommentTotal--vertical {
    background-color: rgba(34,34,34,.8);
    padding: 6px;
    height: 46px
}

.CommentTotal--vertical>.CommentTotal-icon {
    width: 18px;
    height: 12px
}

.CommentTotal--vertical>.CommentTotal-number {
    position: absolute;
    bottom: 1px
}

.CommentTotal--beigeDark>.CommentTotal-icon,.CommentTotal--beigeDark>.CommentTotal-number {
    color: #b1997f
}

.CommentTotal--black>.CommentTotal-icon,.CommentTotal--black>.CommentTotal-number {
    color: #000
}

.CommentTotal--transition>.CommentTotal-icon:after,.CommentTotal--transition>.CommentTotal-icon:before,.CommentTotal--transition>.CommentTotal-number {
    transition: all .2s
}

html:not(.touch) .CommentTotal--transition:hover>.CommentTotal-icon:after,html:not(.touch) .CommentTotal--transition:hover>.CommentTotal-icon:before,html:not(.touch) .CommentTotal--transition:hover>.CommentTotal-number {
    transition-duration: 0s
}

.Content {
    overflow: hidden
}

.Content p {
    margin: 0
}

.Content p+p {
    margin-top: 1.5em
}

.Content h1 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.866rem;
    line-height: 1.5
}

.Content h1.zh-cn,.zh-cn .Content h1 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Content h1.ko-kr,.ko-kr .Content h1 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Content h1.ru-ru,.ru-ru .Content h1 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Content h1.zh-tw,.zh-tw .Content h1 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Content h1 {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .Content h1 {
        font-size:2.488rem
    }
}

.Content h2 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.296rem;
    line-height: 1.5
}

.Content h2.zh-cn,.zh-cn .Content h2 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Content h2.ko-kr,.ko-kr .Content h2 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Content h2.ru-ru,.ru-ru .Content h2 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Content h2.zh-tw,.zh-tw .Content h2 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Content h2 {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Content h2 {
        font-size:1.728rem
    }
}

.Content h3 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

.Content h3.zh-cn,.zh-cn .Content h3 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Content h3.ko-kr,.ko-kr .Content h3 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Content h3.ru-ru,.ru-ru .Content h3 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Content h3.zh-tw,.zh-tw .Content h3 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Content h3 {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Content h3 {
        font-size:1.44rem
    }
}

.Content h4 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1rem;
    line-height: 1.5
}

.Content h4.zh-cn,.zh-cn .Content h4 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Content h4.ko-kr,.ko-kr .Content h4 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Content h4.ru-ru,.ru-ru .Content h4 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Content h4.zh-tw,.zh-tw .Content h4 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Content h4 {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Content h4 {
        font-size:1.2rem
    }
}

.Content h5 {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Content h5 {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Content h5 {
        font-size:1.2rem
    }
}

.Content h5.zh-cn,.zh-cn .Content h5 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Content h5.ko-kr,.ko-kr .Content h5 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Content h5.ru-ru,.ru-ru .Content h5 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Content h5.zh-tw,.zh-tw .Content h5 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Content h6 {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Content h6 {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Content h6 {
        font-size:1rem
    }
}

.Content h6.zh-cn,.zh-cn .Content h6 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Content h6.ko-kr,.ko-kr .Content h6 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Content h6.ru-ru,.ru-ru .Content h6 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Content h6.zh-tw,.zh-tw .Content h6 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Content h1,.Content h2,.Content h3,.Content h4,.Content h5,.Content h6 {
    margin: 1.5em 0;
    padding: 0;
    text-shadow: none
}

.Content ol,.Content ul {
    padding-left: 1em
}

.Content ol ol,.Content ol ul,.Content ul ol,.Content ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.Content ol>li {
    counter-increment: counter-level0;
    display: block;
    padding-left: 1.5em;
    position: relative
}

.Content ol>li:before {
    content: counter(counter-level0) ".";
    display: inline-block;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0
}

.Content ol ol>li {
    counter-increment: counter-level1;
    margin-left: 1.5em
}

.Content ol ol>li:before {
    content: counter(counter-level1,lower-latin) "."
}

.Content ol ol ol>li {
    counter-increment: counter-level2
}

.Content ol ol ol>li:before {
    content: counter(counter-level2,lower-roman) "."
}

.Content ul>li {
    display: block;
    padding-left: 2.5em;
    position: relative
}

.Content ul>li:before {
    background: url(/static/components/List/List-bullet-sprite.33b76a300709e812b894824c33fb6cb4.png) no-repeat 0 50%;
    content: ".";
    display: inline-block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px
}

.Content ul ul>li {
    margin-left: 1.5em
}

.Content ul ul>li:before {
    background-position: -20px 50%
}

.Content ul ul ul>li:before {
    background-position: -40px 50%
}

.Content dl>dt {
    font-weight: 700
}

.Content table {
    border-color: transparent
}

.Content u {
    text-decoration: none
}

.Content a {
    color: #f8b700!important
}

html:not(.touch) .Content a:hover {
    text-decoration: underline
}

.Content a[disabled] {
    cursor: default;
    opacity: .5
}

.Content hr {
    border: none;
    border-top: 1px solid #b1997f
}

.Cookies .Content a {
    cursor: pointer
}

.Cookies .Content h1 {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Cookies .Content h1 {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .Cookies .Content h1 {
        font-size:2.986rem
    }
}

.Cookies .Content h1.zh-cn,.zh-cn .Cookies .Content h1 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Cookies .Content h1.ko-kr,.ko-kr .Cookies .Content h1 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Cookies .Content h1.ru-ru,.ru-ru .Cookies .Content h1 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Cookies .Content h1.zh-tw,.zh-tw .Cookies .Content h1 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Cookies .Content p {
    color: #ebdec2
}

.Cookies .Content ul {
    list-style: square!important;
    padding-left: 30px
}

.Cookies .Content li {
    color: #ebdec2;
    display: list-item;
    position: inherit;
    padding-left: 1em
}

.Cookies .Content li:before {
    content: none
}

.Cookies .Content #optanon-cookie-policy table,.Cookies .Content #optanon-cookie-policy td,.Cookies .Content #optanon-cookie-policy th {
    background: rgba(10,12,16,.5)!important;
    border: 1px solid hsla(0,0%,100%,.08)!important
}

.Cookies .Content #optanon-cookie-policy td,.Cookies .Content #optanon-cookie-policy th {
    padding: 20px!important
}

.Cookies .Content #optanon-cookie-policy th {
    font-weight: 700;
    text-transform: uppercase
}

.Cookies .Content #optanon-cookie-policy .optanon-cookie-policy-subgroup-description {
    display: none
}

.Corner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #211510;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 720px) {
    .Corner {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Corner {
        font-size:1rem
    }
}

.Corner.zh-cn,.zh-cn .Corner {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Corner.ko-kr,.ko-kr .Corner {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Corner.ru-ru,.ru-ru .Corner {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Corner.zh-tw,.zh-tw .Corner {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Corner-bg {
    right: -120%;
    bottom: -100%;
    overflow: hidden
}

.Corner-bg,.Corner-bg:before {
    position: absolute;
    top: 0;
    left: 0
}

.Corner-bg:before {
    content: "";
    background: #ebdec2;
    right: -20%;
    bottom: 0;
    transform: rotate(-31deg);
    transform-origin: 0 100%
}

.Corner-label {
    position: relative;
    padding: 10px;
    line-height: 1em;
    top: 2px;
    left: 2px
}

.Divider {
    height: 4px;
    margin: 0 auto;
    width: 100%;
    background-color: #000;
    position: relative;
    pointer-events: none
}

.Divider--thin {
    height: 1px
}

.Divider--thick {
    height: 3px
}

.Divider--short {
    width: 33%
}

.Divider--medium {
    width: 66%
}

.Divider--dark {
    background-color: #fff
}

.Divider--lightBrown {
    background-color: #504137
}

.Divider--silver {
    background-color: hsla(0,0%,66.7%,.4)
}

.Divider--paperInset {
    background-image: linear-gradient(0deg,#fdf3d3 50%,#c6b390 0)
}

.Divider--opaque {
    background: hsla(0,0%,100%,.25)
}

.Divider--borders {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 1px 0;
    height: 2px
}

.Divider--shadowTop:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #000
}

.Divider--shadowBottom:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-top: 1px solid #000
}

.Divider--legion {
    background: #69ba0f linear-gradient(90deg,#b4e119 0,#1e9204);
    height: 2px
}

.Divider--legionSwirl,.Divider--legionTribal {
    height: 13px;
    background: transparent
}

.Divider--legionSwirl:before,.Divider--legionTribal:before {
    content: "";
    position: absolute;
    top: -52px;
    left: 0;
    right: 0;
    background: transparent url(/static/components/Divider/Divider-legion-swirl.f6a96f3617ea7521df4f547daac0ecb5.png);
    background-size: 1600px;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 116px;
    z-index: 1
}

@media (min-width: 1600px) {
    .Divider--legionSwirl:before,.Divider--legionTribal:before {
        background-size:100%
    }
}

.Divider--legionTribal:before {
    background-image: url(/static/components/Divider/Divider-legion-tribal.5fd4bd30b305187ab0fc566ead6b302d.png)
}

.Divider--goldFrame {
    background-image: url(/static/components/Divider/Divider-goldFrame.e7955252c1aafbb499cdf78fa428c000.png);
    height: 5px
}

.Divider--corinthian,.Divider--goldFrame {
    background-repeat: repeat-x;
    background-size: auto 100%
}

.Divider--corinthian {
    background-image: url(/static/components/Divider/Divider-corinthianChrome.2091bfb4f4ec6cef598a70ff077fc4ec.jpg);
    height: 6px
}

.Divider--ochoThickDown,.Divider--ochoThickUp,.Divider--ochoThin {
    height: 6px;
    background: transparent
}

.Divider--ochoThickDown:before,.Divider--ochoThickUp:before,.Divider--ochoThin:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    background-size: 1600px;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 115px;
    z-index: 1
}

@media (min-width: 1600px) {
    .Divider--ochoThickDown:before,.Divider--ochoThickUp:before,.Divider--ochoThin:before {
        background-size:100%
    }
}

.Divider--ochoThickUp:before {
    background-image: url(/static/components/Divider/Divider-ocho-thickUp.2f840a5539afc4a43798c60e9010ad0d.png)
}

.Divider--ochoThickDown:before {
    background-image: url(/static/components/Divider/Divider-ocho-thickDown.e1367b9e73ad90671b4fefc96b5b4c08.png);
    top: -46px
}

.Divider--ochoThin {
    height: 10px
}

.Divider--ochoThin:before {
    top: -52px;
    background-image: url(/static/components/Divider/Divider-ocho-thin.295b144519591ef361653bfb7436da61.png)
}

.DropdownLink:not(input) {
    cursor: pointer
}

.is-active>.DropdownLink.DropdownLink--opacity {
    opacity: .4
}

.is-active>.DropdownLink .DropdownLink-indicator {
    background-position: -100% 0
}

.is-active>.DropdownLink.DropdownLink--goldWithHover .DropdownLink-indicator,html:not(.touch) .is-active>.DropdownLink.DropdownLink--goldWithHover:hover .DropdownLink-indicator {
    background-position: -300% 0
}

.DropdownLink-indicator {
    background-image: url(/static/components/DropdownLink/DropdownLink-indicator-sprite.54f27285668e572afef3e332007f4c60.png);
    background-size: 200% 100%;
    display: inline-block;
    height: 8px;
    margin-left: .35em;
    position: relative;
    text-align: right;
    top: -1px;
    width: 13px
}

.DropdownLink--gold .DropdownLink-indicator {
    background-image: url(/static/components/DropdownLink/DropdownLink-indicator-gold-sprite.380e7d876447864be9ecac8bf7764e22.png);
    background-size: 400% 100%;
    height: 11px;
    left: -2px;
    width: 16px
}

html:not(.touch) .DropdownLink--goldWithHover:hover .DropdownLink-indicator {
    background-position: -200% 0
}

.Event {
    background-color: #aaa;
    padding: 10px
}

.Event-time {
    font-size: 8pt
}

.Events-event {
    margin-top: 10px
}

.Events-event:first-child {
    margin-top: 0
}

.FactionTile {
    display: inline-block;
    position: relative
}

.FactionTile-content {
    position: relative;
    display: block;
    cursor: pointer
}

.FactionTile-content:before {
    content: "";
    display: block;
    padding-top: 133.33333333%
}

.FactionTile-background {
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%,-50%);
    background-color: #000;
    background-image: url(/static/components/FactionTile/FactionTile-background.47c3e8cd54ec66965c668752f1992505.jpg);
    border: 1px solid transparent
}

.FactionTile--horde .FactionTile-background {
    border-color: #b30000
}

.FactionTile--alliance .FactionTile-background {
    border-color: #0078ff
}

html:not(.touch) .FactionTile:hover .FactionTile-background {
    border-color: #f8b700
}

.FactionTile-foreground.Logo {
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 110%;
    max-width: none;
    height: 110%;
    pointer-events: none;
    transform: translate(-50%,-50%)
}

html:not(.touch) .FactionTile-content:hover .FactionTile-foreground.Logo {
    transition: all .5s cubic-bezier(.23,1,.32,1) .01s;
    transform: translate(-50%,-50%) scale(1.05)
}

.FactionTile-nameContainer {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    position: absolute;
    bottom: -25px;
    width: 100%;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

@media (min-width: 720px) {
    .FactionTile-nameContainer {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .FactionTile-nameContainer {
        font-size:1.44rem
    }
}

.FactionTile-nameContainer.zh-cn,.zh-cn .FactionTile-nameContainer {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.FactionTile-nameContainer.ko-kr,.ko-kr .FactionTile-nameContainer {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.FactionTile-nameContainer.ru-ru,.ru-ru .FactionTile-nameContainer {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.FactionTile-nameContainer.zh-tw,.zh-tw .FactionTile-nameContainer {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.FactionTile:hover .FactionTile-nameContainer {
    color: #fff
}

.GameIcon {
    position: relative;
    box-sizing: border-box;
    background-color: #000;
    display: inline-block;
    max-width: 168px;
    width: 48px;
    border: 1px solid #504137
}

.GameIcon:before {
    content: "";
    display: block;
    padding-top: 100%
}

.GameIcon-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    background-size: cover;
    border-radius: 9%
}

.GameIcon--huge {
    width: 64px
}

.GameIcon--large {
    width: 56px
}

.GameIcon--medium {
    width: 32px
}

.GameIcon--small {
    width: 24px
}

.GameIcon--tiny {
    width: 16px
}

.GameIcon--full {
    width: 100%
}

.GameIcon--check {
    opacity: .6
}

.GameIcon--centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.GameIcon--transparent {
    border: none
}

.GameIcon--transparent,.GameIcon--transparent .GameIcon-icon {
    background-color: transparent
}

.GameIcon--check:after {
    content: "";
    display: block;
    border: 3px solid #fff;
    border-width: 0 0 4px 4px;
    height: 16px;
    width: 32px;
    margin: 6px 0;
    transform: rotate(-45deg) scale(.5);
    position: absolute;
    top: 8px;
    left: 8px
}

.GameIcon[disabled] {
    opacity: .5
}

.GameIcon--slot {
    border: 1px solid #333
}

.GameIcon--slot .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-slots.b5a41393be458e65e0c3c2b6c4c2f94d.png);
    border-radius: 0
}

.GameIcon--slotHead .GameIcon-icon {
    background-position: 0 0
}

.GameIcon--slotNeck .GameIcon-icon {
    background-position: 0 -100%
}

.GameIcon--slotShoulder .GameIcon-icon {
    background-position: 0 -200%
}

.GameIcon--slotBack .GameIcon-icon,.GameIcon--slotChest .GameIcon-icon {
    background-position: 0 -300%
}

.GameIcon--slotTabard .GameIcon-icon {
    background-position: 0 -400%
}

.GameIcon--slotShirt .GameIcon-icon {
    background-position: 0 -500%
}

.GameIcon--slotWrist .GameIcon-icon {
    background-position: 0 -600%
}

.GameIcon--slotHand .GameIcon-icon {
    background-position: 0 -700%
}

.GameIcon--slotWaist .GameIcon-icon {
    background-position: 0 -800%
}

.GameIcon--slotLeg .GameIcon-icon {
    background-position: 0 -900%
}

.GameIcon--slotFoot .GameIcon-icon {
    background-position: 0 -1000%
}

.GameIcon--slotLeftFinger .GameIcon-icon,.GameIcon--slotRightFinger .GameIcon-icon {
    background-position: 0 -1100%
}

.GameIcon--slotLeftTrinket .GameIcon-icon,.GameIcon--slotRightTrinket .GameIcon-icon {
    background-position: 0 -1200%
}

.GameIcon--slotWeapon .GameIcon-icon {
    background-position: 0 -1300%
}

.GameIcon--slotOffhand .GameIcon-icon {
    background-position: 0 -1400%
}

.GameIcon--POOR {
    border-color: #9d9d9d
}

.GameIcon--COMMON {
    border-color: #fff
}

.GameIcon--UNCOMMON {
    border-color: #1eff00
}

.GameIcon--RARE {
    border-color: #0081ff
}

.GameIcon--EPIC {
    border-color: #c600ff
}

.GameIcon--LEGENDARY {
    border-color: #ff8000
}

.GameIcon--ARTIFACT {
    border-color: #e5cc80
}

.GameIcon--HEIRLOOM {
    border-color: #0cf
}

.GameIcon--AZERITE,.GameIcon--AZERITE .GameIcon-level {
    border-color: #e5cc80
}

.GameIcon--NECROLORD .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_necrolord.88bb181ea6e2a8e84517a802d0cb4d6d.png)
}

.GameIcon--NIGHTFAE .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_nightfae.be9579614df67d52c0131d939a271933.png)
}

.GameIcon--KYRIAN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_kyrian.8b4941fc08b3c7a6fc6009a1a2ee28c3.png)
}

.GameIcon--VENTHYR .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_venthyr.c936f513fd8360b67f98ae131e224cc4.png)
}

.GameIcon--NECROLORD--bordered .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_necrolord_circle.544393be074d777317183f5600d62e1b.png)
}

.GameIcon--NIGHTFAE--bordered .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_nightfae_circle.5872605a69525dd684ae070a78f384bd.png)
}

.GameIcon--KYRIAN--bordered .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_kyrian_circle.7209662c3591446a26461e3db2647897.png)
}

.GameIcon--VENTHYR--bordered .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_sigil_venthyr_circle.6a35b60c9d1f6ca79589d67d525f81c5.png)
}

.GameIcon--WARRIOR .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-warrior.f9310c779f51ca1611930f9eb86bdeca.jpg)
}

.GameIcon--WARLOCK .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-warlock.dcbbb3e8f5e2c3af8f0c5f5baa71bb38.jpg)
}

.GameIcon--SHAMAN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-shaman.40a418365a413ef0461d33237893935e.jpg)
}

.GameIcon--ROGUE .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-rogue.0a5602d9729ecdbc3172825aeff16fd5.jpg)
}

.GameIcon--PRIEST .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-priest.09fd89f3873d109e57fa5b7432ca8271.jpg)
}

.GameIcon--PALADIN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-paladin.757b9e4cc4307ea896a837427d298dbf.jpg)
}

.GameIcon--MONK .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-monk.870f768c07bd258d02e4e37342901d93.jpg)
}

.GameIcon--MAGE .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-mage.b7bef9b6851bfff0f651ad096e3acf8a.jpg)
}

.GameIcon--HUNTER .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-hunter.5d71a070acda3d216034bf5316b954e4.jpg)
}

.GameIcon--EVOKER .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-evoker.acc53a9ce4f34130cedfb58afe91fb81.png)
}

.GameIcon--DRUID .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-druid.df841860a62527c6f58aaed88949d622.jpg)
}

.GameIcon--DEATHKNIGHT .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-death-knight.678f39727d295e7f6c822bfb59221631.jpg)
}

.GameIcon--DEMONHUNTER .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-demon-hunter.43fb9b4b59dd51367eca4acf58008726.jpg)
}

.GameIcon--vector,.GameIcon--vector .GameIcon-icon {
    border: none;
    background-color: transparent
}

.GameIcon--vector .GameIcon-icon {
    border-radius: 0
}

.GameIcon--vector.GameIcon--WARRIOR .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-warrior-vector.f346a16523efa8fc66ba0c72b3d8d9b5.png)
}

.GameIcon--vector.GameIcon--WARLOCK .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-warlock-vector.26da6762460b000b91d4d748d8274e35.png)
}

.GameIcon--vector.GameIcon--SHAMAN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-shaman-vector.d07d941c902b378020a1aa9b857dd5f8.png)
}

.GameIcon--vector.GameIcon--ROGUE .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-rogue-vector.cc2ea8017b7df7c6d19f37640f627485.png)
}

.GameIcon--vector.GameIcon--PRIEST .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-priest-vector.d7f94632cf32cb6d4e332549f7c8347a.png)
}

.GameIcon--vector.GameIcon--PALADIN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-paladin-vector.9665329a4454328f61097d121f0939df.png)
}

.GameIcon--vector.GameIcon--MONK .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-monk-vector.81ff0f1d52de3b292098b613e2b190b9.png)
}

.GameIcon--vector.GameIcon--MAGE .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-mage-vector.f1ed288e03decd9919134a5de08d94d1.png)
}

.GameIcon--vector.GameIcon--HUNTER .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-hunter-vector.095639e31b058f024eaf9fa96758cfdb.png)
}

.GameIcon--vector.GameIcon--DRUID .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-druid-vector.43960391b0b03a656707fe7b9873a526.png)
}

.GameIcon--vector.GameIcon--DEATHKNIGHT .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-death-knight-vector.b4acffabf7e866f1b7bd9cd9e59e3595.png)
}

.GameIcon--vector.GameIcon--DEMONHUNTER .GameIcon-icon {
    background-image: url(/static/components/GameIcon/GameIcon-class-demon-hunter-vector.b1210d9369c8d59a2d0750db65bd044f.png)
}

.GameIcon--zandalaritroll_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/zandalaritroll_male.864405e7ef407ba483359391c1584e1f.jpg)
}

.GameIcon--zandalaritroll_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/zandalaritroll_female.86b5da29e9f242e5021fc35247365868.jpg)
}

.GameIcon--worgen_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/worgen_male.7e44f492d7059be8bf1d7777b0825d69.jpg)
}

.GameIcon--worgen_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/worgen_female.5f6928b4303e78fd791c2008c1b4ee83.jpg)
}

.GameIcon--vulpera_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/vulpera_male.48c7b116a6b812608381b3cef9bdb4c2.jpg)
}

.GameIcon--vulpera_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/vulpera_female.e58a8a9bd75e7daabc2c31cfc817e1ce.jpg)
}

.GameIcon--voidelf_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/voidelf_male.cb6e4d4ccba1489b1fba8da440ac443e.jpg)
}

.GameIcon--voidelf_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/voidelf_female.924fcfe0faaa21f1ef73ef909a614cd4.jpg)
}

.GameIcon--undead_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/undead_male.4e07602bb628453767390c9997b468db.jpg)
}

.GameIcon--undead_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/undead_female.581387001e47173ef601e1c33c225cfc.jpg)
}

.GameIcon--troll_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/troll_male.f951b655929e4bca38cfa1ca1b5fa73f.jpg)
}

.GameIcon--troll_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/troll_female.78af9dd660331ecbc3f6c4cdfe5f8701.jpg)
}

.GameIcon--tauren_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/tauren_male.795ed031c66c419a59e6a6cf83eee869.jpg)
}

.GameIcon--tauren_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/tauren_female.ecc535c824dc2e5ee51ad9f8903185d6.jpg)
}

.GameIcon--pandaren_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/pandaren_male.efca67d5f15e17946db126631b9ff963.jpg)
}

.GameIcon--pandaren_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/pandaren_female.c971b7eba613e55585637d214106fda5.jpg)
}

.GameIcon--orc_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/orc_male.2794c8927ab6e6ad7ebd95534b8e312b.jpg)
}

.GameIcon--orc_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/orc_female.ed64b038bc4b277650a855feed14f4f5.jpg)
}

.GameIcon--nightelf_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/nightelf_male.3e952ffeb7888e2e397c992533632114.jpg)
}

.GameIcon--nightelf_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/nightelf_female.645345888ab408e3a100f1bec7a43f99.jpg)
}

.GameIcon--nightborne_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/nightborne_male.74748dfd48b63ba6dafd7b90867dfa3b.jpg)
}

.GameIcon--nightborne_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/nightborne_female.26f7db011c9a69f7778a73faea2a8de6.jpg)
}

.GameIcon--mechagnome_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/mechagnome_male.83c765356c71bb289fcec30b036881a4.jpg)
}

.GameIcon--mechagnome_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/mechagnome_female.4029f3392541244c6463fe7479f17b1b.jpg)
}

.GameIcon--magharorc_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/magharorc_male.e51953d48a31210af2291d25a5f50c8d.jpg)
}

.GameIcon--magharorc_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/magharorc_female.a897c08018c8505bcf9d6e213f90115c.jpg)
}

.GameIcon--lightforgeddraenei_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/lightforgeddraenei_male.8df568db89e58a0ae24a9ae447a76fe9.jpg)
}

.GameIcon--lightforgeddraenei_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/lightforgeddraenei_female.f36132a39470fa15b68e49a209960a93.jpg)
}

.GameIcon--kultiran_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/kultiran_male.d03db900ca05dbb6bf151f2f509efd72.jpg)
}

.GameIcon--kultiran_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/kultiran_female.52e6a51f1842aad38b9a505016c90941.jpg)
}

.GameIcon--human_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/human_male.178762d9f388679a5d7e78de86d7f09a.jpg)
}

.GameIcon--human_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/human_female.bbd348b0da568bb2e573084cac9e6cbe.jpg)
}

.GameIcon--highmountaintauren_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/highmountaintauren_male.c2aae22ab89059a20ef7f4e2a2f5830f.jpg)
}

.GameIcon--highmountaintauren_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/highmountaintauren_female.b3782b1a57ae0393a5f2bed8edb26b13.jpg)
}

.GameIcon--goblin_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/goblin_male.c13d8b71b2ddd68e030f2335719f40ac.jpg)
}

.GameIcon--goblin_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/goblin_female.e7c9caca62d81d97cf89e9dcddb17fe1.jpg)
}

.GameIcon--gnome_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/gnome_male.70e739cf515481dd0b2c2d22cf04819a.jpg)
}

.GameIcon--gnome_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/gnome_female.d2331355a56be5e3a36b46f54ac115e2.jpg)
}

.GameIcon--dwarf_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/dwarf_male.6bf72d3636dc1d30c0619afeff854f2f.jpg)
}

.GameIcon--dwarf_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/dwarf_female.fae7a24c86d87891f1e20c36028a969e.jpg)
}

.GameIcon--draenei_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/draenei_male.8da320f4878656cd30e631f75bba6f81.jpg)
}

.GameIcon--draenei_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/draenei_female.84f07bce1a7956db962eac2e2e6b228a.jpg)
}

.GameIcon--dracthyr_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/dracthyr_male.124b32beb91341f78deab6bfcda8ad8b.jpg)
}

.GameIcon--dracthyr_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/dracthyr_female.124b32beb91341f78deab6bfcda8ad8b.jpg)
}

.GameIcon--darkirondwarf_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/darkirondwarf_male.b4e7831968fecb991a92018974c68c9e.jpg)
}

.GameIcon--darkirondwarf_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/darkirondwarf_female.5a7ba197f2ce1ae4fdc013ed14c33c2a.jpg)
}

.GameIcon--bloodelf_male .GameIcon-icon {
    background-image: url(/static/components/GameIcon/bloodelf_male.73b1b13405312be92a648077a4b69e4f.jpg)
}

.GameIcon--bloodelf_female .GameIcon-icon {
    background-image: url(/static/components/GameIcon/bloodelf_female.376d72cf572bd29ae270221d8a8912e0.jpg)
}

.GameIcon--RACE_GENDER_UNKNOWN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/RACE_GENDER_UNKNOWN.0a2884964f7333e0c5d33cbf39a06cd1.jpg)
}

.GameIcon--UNKNOWN .GameIcon-icon {
    background-image: url(/static/components/GameIcon/role-UNKNOWN.a20e756f6bf849792624fcf6b88f605c.png)
}

.GameIcon--TANK .GameIcon-icon {
    background-image: url(/static/components/GameIcon/role-TANK.a5c6af3385bd985b092d22eebbbb8523.png)
}

.GameIcon--HEALER .GameIcon-icon {
    background-image: url(/static/components/GameIcon/role-HEALER.5c36036cc47e1e9e19cdcf4fd3876815.png)
}

.GameIcon--DAMAGE .GameIcon-icon {
    background-image: url(/static/components/GameIcon/role-DAMAGE.b67209c0fafd79b46e0428e74d9e7331.png)
}

.GameIcon-level,.GameIcon-transmog {
    display: none
}

.GameIcon--transmog .GameIcon-transmog {
    position: absolute;
    left: -1px;
    bottom: -1px;
    height: 24px;
    width: 24px;
    display: block;
    background-image: url(/static/components/GameIcon/GameIcon-transmogCorner.42744d4b18cfaa370d2983c31d9a731e.png);
    background-size: contain
}

.GameIcon--transmog.GameIcon--transmogRight .GameIcon-transmog {
    right: -1px;
    bottom: -1px;
    background-image: url(/static/components/GameIcon/GameIcon-transmogCornerRight.a26c28e2343069aa3058c1c65af33f6f.png)
}

.GameIcon--checkmark .GameIcon-icon {
    background-image: url(/static/components/GameIcon/ui_icon_check.a9c162b47bb0aed5821e998f8c824e42.jpg)
}

.GameIcon--level .GameIcon-level {
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translate(-50%,-50%);
    display: block;
    background: #000;
    padding: 1px 8px;
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .GameIcon--level .GameIcon-level {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .GameIcon--level .GameIcon-level {
        font-size:1rem
    }
}

.GameIcon--borderGrey {
    border: 1px solid #444
}

.GameIcon--azerite .GameIcon-borderImage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/GameIcon/GameIcon-azerite.5efbaa28ef1c11a8cd9d492787bc2786.png);
    border-image-repeat: initial;
    border-image-slice: 48 fill;
    border-image-width: 48px;
    border-image-outset: 4px 11px 4px 11px
}

.GameIcon--azerite.GameIcon--huge {
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/GameIcon/GameIcon-azerite.5efbaa28ef1c11a8cd9d492787bc2786.png);
    border-image-repeat: round;
    border-image-slice: 64 fill;
    border-image-width: 64px;
    border-image-outset: 1px 8px
}

html:not(.touch) .GameIcon--hoverGoldLightBorder {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

html:not(.touch) .GameIcon--hoverGoldLightBorder:hover {
    border-color: #f8b700
}

.GameIcon--rounded {
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 1px 8px rgba(0,0,0,.4)
}

.GameIcon--rounded .GameIcon-icon {
    position: relative;
    position: absolute;
    border-radius: 50%;
    border: none;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center
}

.GameIcon--rounded .GameIcon-icon:before {
    content: "";
    display: block;
    padding-top: 100%
}

.GameIcon--rounded.GameIcon--huge,.GameIcon--rounded.GameIcon--large,.GameIcon--rounded.GameIcon--medium {
    border-width: 2px
}

.GameIcon--rounded.GameIcon--tiny {
    width: 18px
}

.GameIcon--rounded.GameIcon--tiny .GameIcon-icon {
    width: 16px
}

.GameIcon--rounded.GameIcon--small {
    width: 26px
}

.GameIcon--rounded.GameIcon--small .GameIcon-icon {
    width: 24px
}

.GameIcon--rounded.GameIcon--medium {
    width: 36px
}

.GameIcon--rounded.GameIcon--medium .GameIcon-icon {
    width: 32px
}

.GameIcon--rounded.GameIcon--large {
    width: 60px
}

.GameIcon--rounded.GameIcon--large .GameIcon-icon {
    width: 56px
}

.GameIcon--rounded.GameIcon--huge {
    width: 68px
}

.GameIcon--rounded.GameIcon--huge .GameIcon-icon {
    width: 64px
}

.GameIcon--rounded.GameIcon--bordered {
    border: none
}

.GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(/static/components/GameIcon/border-medium.dec270972b3a61cb595a6cf92941904f.png) 50% no-repeat;
    background-size: contain
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--large .GameIcon-borderImage {
    background-image: url(/static/components/GameIcon/border-large.a0e6fc2b0030917f0da87e302915c5e0.png)
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--full .GameIcon-borderImage,.GameIcon--rounded.GameIcon--bordered.GameIcon--huge .GameIcon-borderImage {
    background-image: url(/static/components/GameIcon/border-huge.9ca8e1f0b3ca27c424e8ac2636c18dcd.png)
}

.GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage {
    display: block
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--tiny {
    width: 18px
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--small {
    width: 32px
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--medium {
    width: 38px
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--large {
    width: 64px
}

.GameIcon--rounded.GameIcon--bordered.GameIcon--huge {
    width: 74px
}

a>.GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage {
    background-image: url(/static/components/GameIcon/border-medium-linked.d7beed799a6a37b42e55d37529b6ee25.png)
}

a:focus>.GameIcon--rounded.GameIcon--bordered,html:not(.touch) a:hover>.GameIcon--rounded.GameIcon--bordered {
    box-shadow: 0 1px 8px hsla(0,0%,100%,.4)
}

a:focus>.GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage,html:not(.touch) a:hover>.GameIcon--rounded.GameIcon--bordered .GameIcon-borderImage {
    filter: brightness(1.5)
}

.HorizontalNav-item {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    color: #f8b700;
    padding: 6.66666667px 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    transition: all .2s cubic-bezier(.23,1,.32,1) 0s
}

.HorizontalNav-item.zh-cn,.zh-cn .HorizontalNav-item {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.HorizontalNav-item.ko-kr,.ko-kr .HorizontalNav-item {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.HorizontalNav-item.ru-ru,.ru-ru .HorizontalNav-item {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.HorizontalNav-item.zh-tw,.zh-tw .HorizontalNav-item {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .HorizontalNav-item {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .HorizontalNav-item {
        font-size:1.2rem
    }
}

.HorizontalNav-item:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.HorizontalNav-link--slide.is-selected-slide .HorizontalNav-item,.HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav-link.is-selected:not(.HorizontalNav-link--slide) .HorizontalNav-item,html:not(.touch) .HorizontalNav-link:hover .HorizontalNav-item {
    background-color: #f8b700;
    color: #211510
}

.HorizontalNav--gutters .HorizontalNav-link {
    display: inline-block;
    margin-left: 6.66666667px;
    margin-right: 6.66666667px
}

.HorizontalNav--gutters .HorizontalNav-link:first-of-type {
    margin-left: 0
}

.HorizontalNav--gutters .HorizontalNav-link:last-of-type {
    margin-right: 0
}

.HorizontalNav--underline {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.HorizontalNav--slider .HorizontalNav-link,.HorizontalNav--underlineItems .HorizontalNav-link {
    display: inline-block;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    padding-left: 5px;
    padding-right: 5px
}

.HorizontalNav--slider .HorizontalNav-link:first-of-type,.HorizontalNav--underlineItems .HorizontalNav-link:first-of-type {
    padding-left: 0
}

.HorizontalNav--slider .HorizontalNav-link:last-of-type,.HorizontalNav--underlineItems .HorizontalNav-link:last-of-type {
    padding-right: 0
}

.HorizontalNav--slider .HorizontalNav-link.HorizontalNav-link--slide,.HorizontalNav--underlineItems .HorizontalNav-link.HorizontalNav-link--slide {
    border-bottom: none
}

.HorizontalNav--slider .HorizontalNav-link .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link .HorizontalNav-item {
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px;
    margin-bottom: -3px;
    border-bottom: 3px solid transparent
}

html:not(.touch) .HorizontalNav--slider .HorizontalNav-link:hover .HorizontalNav-item,html:not(.touch) .HorizontalNav--underlineItems .HorizontalNav-link:hover .HorizontalNav-item {
    color: #fff;
    box-sizing: border-box;
    background: transparent
}

.HorizontalNav--slider .HorizontalNav-link--slide.is-selected-slide .HorizontalNav-item,.HorizontalNav--slider .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--slider .HorizontalNav-link.is-selected:not(.HorizontalNav-link--slide) .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link--slide.is-selected-slide .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--underlineItems .HorizontalNav-link.is-selected:not(.HorizontalNav-link--slide) .HorizontalNav-item {
    color: #fff;
    box-sizing: border-box;
    background: transparent;
    border-bottom-color: #f8b700
}

.HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-link,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-link {
    padding: 0 15px;
    margin-left: 0;
    margin-right: 0
}

.HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-link:first-of-type,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-link:first-of-type {
    padding-left: 0
}

.HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-link:last-of-type,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-link:last-of-type {
    padding-right: 0
}

.HorizontalNav--slider.HorizontalNav--gutters .HorizontalNav-items,.HorizontalNav--underlineItems.HorizontalNav--gutters .HorizontalNav-items {
    margin-left: 0
}

.HorizontalNav--slider .HorizontalNav-items--infinite .HorizontalNav-link.HorizontalNav-link--slide,.HorizontalNav--slider .HorizontalNav-link--slide,.HorizontalNav--underlineItems .HorizontalNav-items--infinite .HorizontalNav-link.HorizontalNav-link--slide,.HorizontalNav--underlineItems .HorizontalNav-link--slide {
    padding: 0 12px
}

.HorizontalNav-items.Slider {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    overflow: hidden;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 22px;
    padding-right: 22px
}

.HorizontalNav-items.Slider--infinite {
    padding: 0
}

.HorizontalNav-items.Slider:before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 30px;
    background: red;
    background: linear-gradient(0deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0))
}

.HorizontalNav-items.Slider .flickity-viewport:after,.HorizontalNav-items.Slider .flickity-viewport:before {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    display: block;
    width: 30px;
    height: 100%;
    background: linear-gradient(90deg,rgba(0,0,0,.7) 0,transparent)
}

.HorizontalNav-items.Slider .flickity-viewport:after {
    width: 80px;
    left: auto;
    right: 0;
    background: linear-gradient(270deg,#000 0,transparent)
}

.HorizontalNav-items.Slider.HorizontalNav-items--centered .flickity-viewport:before {
    width: 80px;
    background: linear-gradient(90deg,#000 0,transparent)
}

.HorizontalNav-items.Slider[data-left-more=true] .flickity-viewport:before,.HorizontalNav-items.Slider[data-right-more=true] .flickity-viewport:after {
    opacity: 1
}

.HorizontalNav-items.Slider .HorizontalNav-item,.HorizontalNav-items.Slider .HorizontalNav-link {
    display: block
}

.HorizontalNav-items.Slider .HorizontalNav-item {
    transition: all .3s cubic-bezier(.23,1,.32,1) 0s;
    font-size: 1.08rem;
    line-height: 1.5;
    position: relative;
    white-space: nowrap;
    border-bottom: none;
    margin-bottom: 0
}

@media (min-width: 720px) {
    .HorizontalNav-items.Slider .HorizontalNav-item {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .HorizontalNav-items.Slider .HorizontalNav-item {
        font-size:1.44rem
    }
}

.HorizontalNav-items.Slider .HorizontalNav-item:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background: #f8b700;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0
}

.HorizontalNav-items.Slider .HorizontalNav-link.is-selected-slide .HorizontalNav-item,.HorizontalNav-items.Slider .HorizontalNav-link:active .HorizontalNav-item {
    transition: all .3s cubic-bezier(.23,1,.32,1) 0s;
    color: #fff
}

.HorizontalNav-items.Slider .HorizontalNav-link.is-selected-slide .HorizontalNav-item:after,.HorizontalNav-items.Slider .HorizontalNav-link:active .HorizontalNav-item:after {
    transition: all .6s cubic-bezier(.23,1,.32,1) 0s;
    height: 3px;
    opacity: 1
}

.HorizontalNav--upper .HorizontalNav-item {
    text-transform: uppercase
}

.HorizontalNav--center.HorizontalNav--underlineItems .HorizontalNav-items,.HorizontalNav--center .HorizontalNav-items {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.HorizontalNav--flex .HorizontalNav-items {
    display: flex;
    flex-wrap: wrap
}

.HorizontalNav--ocho {
    display: inline-block;
    position: relative;
    padding-right: 134px;
    padding-left: 134px
}

.HorizontalNav--ocho:after,.HorizontalNav--ocho:before {
    content: "";
    position: absolute;
    top: 0;
    width: 134px;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 82px;
    z-index: 1
}

.HorizontalNav--ocho:before {
    left: 0;
    background: url(/static/components/HorizontalNav/HorizontalNav-ocho-ends.2c2f53b3cb0b957b6c8dc0059a71cf69.png) 0 0
}

.HorizontalNav--ocho:after {
    right: 0;
    background: url(/static/components/HorizontalNav/HorizontalNav-ocho-ends.2c2f53b3cb0b957b6c8dc0059a71cf69.png) 134px 0
}

.HorizontalNav--ocho .HorizontalNav-itemsContainer {
    background-image: url(/static/components/HorizontalNav/HorizontalNav-ocho-bg.a302ac709af2eefff000cdde948d833b.png);
    background-repeat: repeat-x
}

.HorizontalNav--ocho .HorizontalNav-link .HorizontalNav-item {
    padding: 0 10px;
    margin-top: 32px;
    margin-bottom: 37px;
    background: transparent;
    background-size: 100%;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top,#ede0c9 20%,#8a7e66);
    background-size: 1.3em 1.3em;
    background-position: top;
    color: #ede0c9;
    display: inline-block;
    line-height: 1.3em;
    text-shadow: none;
    position: relative
}

.HorizontalNav--ocho .HorizontalNav-link.is-active,.HorizontalNav--ocho .HorizontalNav-link.is-selected {
    position: relative
}

.HorizontalNav--ocho .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--ocho .HorizontalNav-link.is-selected .HorizontalNav-item {
    color: #fff;
    background-image: -webkit-linear-gradient(top,#fff,#fff)
}

.HorizontalNav--ocho .HorizontalNav-link.is-active:before,.HorizontalNav--ocho .HorizontalNav-link.is-selected:before {
    content: "";
    position: absolute;
    bottom: 8px;
    right: 50%;
    width: 116px;
    height: 47px;
    margin-right: -56px;
    background-image: url(/static/components/HorizontalNav/HorizontalNav-ocho-arrow.798f625408aeae45659939ebefd5664b.png);
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none
}

html:not(.touch) .HorizontalNav--ocho .HorizontalNav-link:hover .HorizontalNav-item {
    color: #fff;
    background-image: -webkit-linear-gradient(top,#fff,#fff)
}

.HorizontalNav--ocho.HorizontalNav--full {
    display: block
}

.HorizontalNav--white .HorizontalNav-itemsContainer .HorizontalNav-link.is-active .HorizontalNav-item,.HorizontalNav--white .HorizontalNav-itemsContainer .HorizontalNav-link.is-selected .HorizontalNav-item {
    color: #211510
}

.HorizontalNav--white .HorizontalNav-itemsContainer .HorizontalNav-link .HorizontalNav-item {
    color: #fff
}

.Icon {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat
}

.Icon--inline {
    display: inline
}

.Icon--invert {
    filter: invert(100%)
}

.Icon--placeholder,.Icon--wireframe {
    border: 4px solid #000;
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.Icon--placeholder.Icon--small,.Icon--wireframe.Icon--small {
    border-width: 2px;
    height: 16px;
    width: 16px
}

.Icon--placeholder.Icon--medium,.Icon--wireframe.Icon--medium {
    border-width: 3px;
    height: 26px;
    width: 26px
}

.Icon--placeholder.Icon--large,.Icon--wireframe.Icon--large {
    border-width: 5px;
    height: 56px;
    width: 56px
}

.Icon--play {
    border-color: transparent #000;
    border-style: solid;
    border-width: 32px 0 32px 50px
}

.Icon--vod {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-vod.c2e0ef49599112d004f204529cec950c.png);
    background-position: 50%;
    position: relative;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat
}

.Icon--vod:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--pause {
    height: 50px;
    width: 18px
}

.Icon--pause:after,.Icon--pause:before {
    content: "";
    display: block;
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}

.Icon--pause:before {
    right: 90%
}

.Icon--pause:after {
    left: 90%
}

.Icon--bluepost {
    background: #01b2f1;
    border-radius: 50%;
    color: #fff;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px
}

.Icon--star {
    margin: 50px 0;
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #000;
    border-left: 100px solid transparent;
    transform: rotate(35deg) scale(.5)
}

.Icon--star:before {
    border-bottom: 80px solid #000;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -45px;
    left: -65px;
    transform: rotate(-35deg)
}

.Icon--star:after,.Icon--star:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0
}

.Icon--star:after {
    top: 3px;
    left: -105px;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #000;
    border-left: 100px solid transparent;
    transform: rotate(-70deg)
}

.Icon--star.Icon--small {
    transform: rotate(35deg) scale(.1)
}

.Icon--badge {
    height: 26px;
    width: 26px;
    margin: 3px;
    background-color: #000;
    transform: rotate(45deg)
}

.Icon--badge:after,.Icon--badge:before {
    content: "";
    display: block;
    border-color: transparent #000;
    border-style: solid;
    border-width: 18px;
    height: 0;
    width: 0;
    position: absolute;
    transform: rotate(-45deg);
    top: 0
}

.Icon--badge:before {
    top: -4px;
    left: -12px;
    border-width: 10px 0 18px 18px
}

.Icon--badge:after {
    top: -17px;
    left: 1px;
    border-width: 10px 18px 18px 0
}

.Icon--badge.Icon--small {
    margin: -7px;
    transform: rotate(45deg) scale(.3)
}

.Icon--check {
    border: 3px solid #000;
    border-width: 0 0 4px 4px;
    height: 16px;
    width: 32px;
    margin: 6px 0;
    transform: rotate(-45deg) scale(.5)
}

.Icon--checkCircleGreen {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-checkCircleGreen.fbe1f39b8334d8228bf6120bc6d33692.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 18px
}

.Icon--checkCircleGreen:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--lockedFilled {
    background-size: 100%;
    background-image: url(/static/components/Icon/svg/bh-locked-filled.d75b397956b3a73eccc293a1b6a9a059.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 18px
}

.Icon--lockedFilled:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--readmore {
    width: 10px;
    height: 2px;
    background-color: #000;
    margin: 3px
}

.Icon--readmore:before {
    border: 2px solid #000;
    border-width: 1px 1px 0 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 0;
    top: -2px;
    transform: rotate(45deg);
    width: 6px
}

.Icon--dropdown {
    height: 16px;
    top: -3px;
    transform: rotate(-45deg) scale(.5);
    width: 16px
}

.Icon--dropdown,.Icon--dropright {
    border: 2px solid #000;
    border-width: 0 0 3px 3px;
    margin: -4px 0
}

.Icon--dropright {
    height: 14px;
    top: -2px;
    left: -4px;
    transform: rotate(-135deg) scale(.5);
    width: 14px
}

.Icon--droprightGold {
    border: 2px solid #f8b700;
    border-width: 0 0 3px 3px
}

.Icon--droprightGold,.Icon--droprightGreyDark {
    height: 14px;
    margin: -4px 0;
    top: -2px;
    left: -4px;
    transform: rotate(-135deg) scale(.5);
    width: 14px
}

.Icon--droprightGreyDark {
    border: 2px solid #777;
    border-width: 0 0 3px 3px
}

.Icon--dropleft {
    border: 2px solid #000;
    border-width: 0 0 3px 3px
}

.Icon--dropleft,.Icon--dropleftGold {
    height: 14px;
    margin: -4px 0;
    top: -2px;
    left: -4px;
    transform: rotate(45deg) scale(.5);
    width: 14px
}

.Icon--dropleftGold {
    border: 2px solid #f8b700;
    border-width: 0 0 3px 3px
}

.Icon--menu {
    top: -4px
}

.Icon--menu,.Icon--menu:after,.Icon--menu:before {
    width: 20px;
    height: 3px;
    background-color: #000
}

.Icon--menu:before {
    top: -5px
}

.Icon--menu:after,.Icon--menu:before {
    content: "";
    display: block;
    position: relative
}

.Icon--menu:after {
    top: 2px
}

.Icon--wowMenu {
    top: -4px
}

.Icon--wowMenu,.Icon--wowMenu:after,.Icon--wowMenu:before {
    width: 24px;
    height: 3px;
    background-color: #e7cf43
}

.Icon--wowMenu:before {
    content: "";
    display: block;
    position: relative;
    top: -7px
}

.Icon--wowMenu:after {
    content: "";
    display: block;
    position: relative;
    top: 4px
}

.Icon--search {
    border: 2px solid #000;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    top: -1px;
    margin: 7px
}

.Icon--search:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    top: 14px;
    left: -8px;
    width: 10px;
    transform: rotate(-45deg)
}

.Icon--search.Icon--large {
    border-width: 3px;
    height: 28px;
    width: 28px
}

.Icon--search.Icon--large:before {
    height: 4px;
    top: 21px;
    left: -10px;
    width: 14px
}

.Icon--horde {
    color: #b30000
}

.Icon--alliance {
    color: #0078ff
}

.Icon--neutral {
    color: #f8b700
}

.Icon--closeGold,.Icon--closeMedium,.Icon--closeSmall {
    height: 18px;
    width: 18px;
    margin: 0 3px 2px 0
}

.Icon--closeGold:after,.Icon--closeGold:before,.Icon--closeMedium:after,.Icon--closeMedium:before,.Icon--closeSmall:after,.Icon--closeSmall:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 27px
}

.Icon--closeGold:before,.Icon--closeMedium:before,.Icon--closeSmall:before {
    transform: rotate(-45deg);
    top: 8px;
    left: -3px
}

.Icon--closeGold:after,.Icon--closeMedium:after,.Icon--closeSmall:after {
    transform: rotate(45deg);
    top: 5px;
    left: -3px
}

.Icon--closeMedium {
    margin: 0
}

.Icon--closeMedium:after,.Icon--closeMedium:before {
    width: 18px
}

.Icon--closeMedium:before {
    top: 9px;
    left: -2px
}

.Icon--closeMedium:after {
    top: 6px;
    left: -2px
}

.Icon--closeSmall {
    margin: 0
}

.Icon--closeSmall:after,.Icon--closeSmall:before {
    width: 9px
}

.Icon--closeSmall:after,.Icon--closeSmall:before {
    left: 4px
}

.Icon--closeGold:after,.Icon--closeGold:before {
    background: #f8b700
}

.Icon--closeCircleRed {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-closeCircleRed.51a0f996ac8b43a4314d4d5f2d67803d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 18px
}

.Icon--closeCircleRed:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--closeSwitchOff {
    height: 19px;
    width: 19px;
    margin: 0
}

.Icon--closeSwitchOff:after,.Icon--closeSwitchOff:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 19px
}

.Icon--closeSwitchOff:before {
    transform: rotate(-45deg);
    top: 8px;
    left: 0
}

.Icon--closeSwitchOff:after {
    transform: rotate(45deg);
    top: 5px;
    left: 0
}

.Icon--closeSwitchOn {
    height: 19px;
    width: 19px;
    margin: 0
}

.Icon--closeSwitchOn:after,.Icon--closeSwitchOn:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 19px
}

.Icon--closeSwitchOn:before {
    top: 8px;
    left: 0
}

.Icon--closeSwitchOn:after {
    transform: rotate(90deg);
    top: 5px;
    left: 0
}

.Icon--plus {
    height: 19px;
    width: 19px;
    margin: 0
}

.Icon--plus:after,.Icon--plus:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 19px
}

.Icon--plus:before {
    top: 8px;
    left: 0
}

.Icon--plus:after {
    transform: rotate(90deg);
    top: 5px;
    left: 0
}

.Icon--minus {
    height: 19px;
    width: 19px;
    margin: 0
}

.Icon--minus:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 19px;
    top: 8px;
    left: 0
}

.Icon--expand {
    height: 28px;
    width: 34px;
    border: 3px solid #000;
    top: 2px;
    transform: scale(.5);
    margin: -7px -8px
}

.Icon--expand:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 9px;
    top: 10px;
    left: 9px;
    box-shadow: -17px -19px #000,17px -19px #000,-17px 18px #000,17px 18px #000
}

.Icon--expand:after {
    content: "";
    position: absolute;
    height: 9px;
    width: 3px;
    top: 7px;
    left: 11px;
    box-shadow: -20px -16px #000,23px -16px #000,-20px 15px #000,23px 15px #000
}

.Icon--plus,.Icon--plusMedium,.Icon--plusSmall {
    height: 18px;
    width: 18px;
    margin: 0 3px 2px 0
}

.Icon--plus:after,.Icon--plus:before,.Icon--plusMedium:after,.Icon--plusMedium:before,.Icon--plusSmall:after,.Icon--plusSmall:before {
    background: #000;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    width: 27px
}

.Icon--plus:before,.Icon--plusMedium:before,.Icon--plusSmall:before {
    top: 8px;
    left: -3px
}

.Icon--plus:after,.Icon--plusMedium:after,.Icon--plusSmall:after {
    transform: rotate(90deg);
    top: 5px;
    left: -3px
}

.Icon--plusMedium {
    margin: 0
}

.Icon--plusMedium:after,.Icon--plusMedium:before {
    width: 18px
}

.Icon--plusSmall {
    margin: 0
}

.Icon--plusSmall:after,.Icon--plusSmall:before {
    width: 9px
}

.Icon--plusSmall:after,.Icon--plusSmall:before {
    left: 4px
}

.Icon--minus,.Icon--minusMedium,.Icon--minusSmall {
    border-radius: 8px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    left: 0
}

.Icon--minus:after,.Icon--minusMedium:after,.Icon--minusSmall:after {
    background-color: #000;
    width: 12px;
    height: 2px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    position: absolute;
    top: 9px;
    left: 4px;
    content: ""
}

.Icon--minusMedium:after {
    width: 18px
}

.Icon--minusSmall:after {
    width: 9px
}

.Icon--calendar {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-calendar.6b347d226e304161f81c621275ee3452.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--calendar:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--cat {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-cat.efb1efd3c9d9f24bd42068b2e05cc6c8.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--cat:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--chart {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-chart.e7144483f5e7199d6c6bf7d3bb7c8582.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--chart:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--people {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-people.73cffca0387c43d605909ff4167dbe1f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--people:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--scope {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-scope.abdf7c15c3ef7fd248cb85bc199168c0.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--scope:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--trophy {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-trophy.ae9d67967228329200982732184af7f0.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--trophy:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--photo {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-photo.2a688f9616075622d873dc7cee1ac30c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--photo:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--prev {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-prev.3fded894f1bf069dc622086fe17dc2a7.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--prev:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--next {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-next.0ad78b7f16480a8fd531a0e4aa10fbbb.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--next:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Photoswipe--ocho .Photoswipe-next .Icon--next,.Photoswipe--ocho .Photoswipe-next .Icon--prev,.Photoswipe--ocho .Photoswipe-prev .Icon--next,.Photoswipe--ocho .Photoswipe-prev .Icon--prev {
    width: 65px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-next-ocho.c36e54d5d6ced61f7f484817a18208d2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Photoswipe--ocho .Photoswipe-next .Icon--next:before,.Photoswipe--ocho .Photoswipe-next .Icon--prev:before,.Photoswipe--ocho .Photoswipe-prev .Icon--next:before,.Photoswipe--ocho .Photoswipe-prev .Icon--prev:before {
    content: "";
    display: block;
    padding-top: 100%;
    background-image: url(/static/components/Icon/Icon-next-ocho.c36e54d5d6ced61f7f484817a18208d2.png);
    visibility: hidden
}

.Photoswipe--ocho .Photoswipe-next .Icon--prev,.Photoswipe--ocho .Photoswipe-prev .Icon--prev {
    transform: scaleX(-1)
}

html:not(.touch) .Photoswipe--ocho .Photoswipe-next:hover .Icon--next,html:not(.touch) .Photoswipe--ocho .Photoswipe-next:hover .Icon--prev,html:not(.touch) .Photoswipe--ocho .Photoswipe-prev:hover .Icon--next,html:not(.touch) .Photoswipe--ocho .Photoswipe-prev:hover .Icon--prev {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-next-hover-ocho.c3d18c8faff6a60691f3c24e3db8fc37.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

html:not(.touch) .Photoswipe--ocho .Photoswipe-next:hover .Icon--next:before,html:not(.touch) .Photoswipe--ocho .Photoswipe-next:hover .Icon--prev:before,html:not(.touch) .Photoswipe--ocho .Photoswipe-prev:hover .Icon--next:before,html:not(.touch) .Photoswipe--ocho .Photoswipe-prev:hover .Icon--prev:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--helmet {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-helmet.17be4eb3c8019befc47e1c6a0d62f69b.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--helmet:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--levelLow {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-level-low.0a9ab26892c87eb6a498a310aa477432.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--levelLow:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--levelMedium {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-level-medium.da51f6c01ef130a8f4bdb68d437bbb1d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--levelMedium:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--levelHigh {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-level-high.aa4aae4a63720ddf9aa139d9d46fa806.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--levelHigh:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--large.Icon--calendar,.Icon--large.Icon--cat {
    width: 96px
}

.Icon--huge.Icon--cat {
    width: 192px
}

.Icon--large.Icon--chart,.Icon--large.Icon--helmet,.Icon--large.Icon--levelHigh,.Icon--large.Icon--levelLow,.Icon--large.Icon--levelMedium,.Icon--large.Icon--people,.Icon--large.Icon--photo,.Icon--large.Icon--scope,.Icon--large.Icon--trophy {
    width: 96px
}

.Icon--floralLeft,.Icon--floralRight {
    margin-bottom: -18px;
    width: 28px;
    top: -3px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-floral.d2bd4f0dcb40c2e6093cba18e1b524bb.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    background-size: auto 100%
}

.Icon--floralLeft:before,.Icon--floralRight:before {
    padding-top: 100%;
    content: "";
    display: block;
    padding-top: 200%
}

.Icon--floralLeft {
    transform: scaleX(-1)
}

.Icon--searchGold {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-search-gold.39a918438bf176aa9e86d746beb9c97e.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 24px
}

.Icon--searchGold:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--wow-ocho {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-wow-ocho.f10d12c74dac879367bf2ab77050ec5e.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 39px;
    height: 39px;
    margin: -5px -10px -15px 0
}

.Icon--wow-ocho:before {
    content: "";
    display: block;
    padding-top: 100%
}

html:not(.touch) .Link:hover .Icon--wow-ocho {
    filter: brightness(2)
}

.Icon--wallpaper-4K-ocho,.Icon--wallpaper-MOBILE-ocho,.Icon--wallpaper-STANDARD-ocho,.Icon--wallpaper-TABLET-ocho,.Icon--wallpaper-WIDE-ocho {
    background: url(/static/components/Icon/Icon-wallpaper-ocho.e6203db3df66eec4f07729bcddfda577.png) no-repeat 0 0;
    width: 64px;
    height: 64px;
    background-size: auto 128px
}

html:not(.touch) .Link:hover .Icon--wallpaper-4K-ocho,html:not(.touch) .Link:hover .Icon--wallpaper-MOBILE-ocho,html:not(.touch) .Link:hover .Icon--wallpaper-STANDARD-ocho,html:not(.touch) .Link:hover .Icon--wallpaper-TABLET-ocho,html:not(.touch) .Link:hover .Icon--wallpaper-WIDE-ocho {
    background-position-y: -63px
}

.Icon--wallpaper-MOBILE-ocho {
    background-position-x: 0
}

.Icon--wallpaper-TABLET-ocho {
    background-position-x: -64px
}

.Icon--wallpaper-STANDARD-ocho {
    background-position-x: -128px
}

.Icon--wallpaper-WIDE-ocho {
    background-position-x: -192px
}

.Icon--wallpaper-4K-ocho {
    background-position-x: -256px
}

.Icon-svg {
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 64px;
    height: 64px
}

.Icon-svg:not(.Icon--color) {
    fill: currentColor
}

.Icon--tiny .Icon-svg {
    width: 12px;
    height: 12px
}

.Icon--small .Icon-svg {
    width: 18px;
    height: 18px
}

.Icon--medium .Icon-svg {
    width: 32px;
    height: 32px
}

.Icon--large .Icon-svg {
    width: 48px;
    height: 48px
}

.Icon--huge .Icon-svg {
    width: 96px;
    height: 96px
}

.Icon--full .Icon,.Icon--full .Icon-svg {
    width: 100%;
    height: auto
}

.Icon--roleDamage {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-game-role-damage-dealer.8a1efbae28142180b94af651bed7e1a5.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--roleDamage:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--roleTank {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-game-role-tank.08fa1eea5a29d846256225be08918123.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--roleTank:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--roleHealer {
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-game-role-healer.6986b936d3743da01d74541f86209f27.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--roleHealer:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--remix {
    vertical-align: -3px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-remix.99de636df692a09a37be3fe567f01aed.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--remix:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Icon--remix-small {
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-remix-small.62bb345f285f7a137c938c1ad0f583de.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.Icon--remix-small:before {
    content: "";
    display: block;
    padding-top: 133.33333333%
}

.Image {
    background-color: #333;
    color: #fff;
    position: relative;
    width: 100%;
    overflow: hidden
}

.Image-image {
    background-position: 50%;
    background-size: 100%;
    height: auto;
    transform: translate(-50%,-50%)
}

.Image-center,.Image-image {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%
}

.Image-center {
    transform: translateY(-50%) translateX(-50%);
    text-align: center
}

.Image-placeholder {
    display: inline-block;
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-photo.2a688f9616075622d873dc7cee1ac30c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    filter: invert(100%);
    opacity: .8;
    width: 120px;
    margin: -20px
}

.Image-placeholder:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Image-caption {
    color: #b1997f;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.08rem;
    line-height: 1.5;
    cursor: default;
    font-style: italic;
    padding: 0 10px
}

@media (min-width: 720px) {
    .Image-caption {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Image-caption {
        font-size:1.44rem
    }
}

.Image--transparent {
    background-color: transparent
}

.Image--transparent .Image-center {
    filter: brightness(.5)
}

.Image--transparent .Image-caption,.Image--transparent .Image-placeholder {
    opacity: .9
}

.Image--pullLeft {
    clear: both;
    padding: 2em .5em;
    position: relative
}

@media (min-width: 980px) {
    .Image--pullLeft {
        float:left;
        left: -11.111em;
        margin-right: -8.33em
    }
}

.Image--pullRight {
    clear: both;
    padding: 2em .5em;
    position: relative
}

@media (min-width: 980px) {
    .Image--pullRight {
        float:right;
        left: 11.111em;
        margin-left: -8.333em
    }
}

.Image--clear {
    clear: both;
    padding: 2em .5em;
    position: relative
}

@media (min-width: 320px) {
    .Image--clear {
        padding-left:3em;
        padding-right: 3em
    }
}

@media (min-width: 720px) {
    .Image--clear {
        padding-left:4em;
        padding-right: 4em
    }
}

@media (min-width: 1280px) {
    .Image--clear {
        padding-left:6em;
        padding-right: 6em
    }
}

.Image--shadow {
    box-shadow: 0 0 20px #000
}

.Image--borderBrown {
    border: 1px solid #504137
}

.InfoTile {
    position: relative
}

.InfoTile-content {
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.InfoTile-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .4s
}

html:not(.touch) .InfoTile:hover .InfoTile-bg {
    opacity: 1
}

.InfoTile-hitbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.InfoTile-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 20px;
    pointer-events: none
}

.InfoTile-title {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .InfoTile-title {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .InfoTile-title {
        font-size:2.488rem
    }
}

.InfoTile-title.zh-cn,.zh-cn .InfoTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.InfoTile-title.ko-kr,.ko-kr .InfoTile-title {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.InfoTile-title.ru-ru,.ru-ru .InfoTile-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.InfoTile-title.zh-tw,.zh-tw .InfoTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 980px) {
    .InfoTile-title {
        font-size:2.2395rem;
        line-height: 1.5;
        font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
        color: #fff;
        text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
        font-weight: 700
    }

    .InfoTile-title.zh-cn,.zh-cn .InfoTile-title {
        font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
    }

    .InfoTile-title.ko-kr,.ko-kr .InfoTile-title {
        font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
    }

    .InfoTile-title.ru-ru,.ru-ru .InfoTile-title {
        font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
    }

    .InfoTile-title.zh-tw,.zh-tw .InfoTile-title {
        font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
    }
}

@media (min-width: 980px) and (min-width:720px) {
    .InfoTile-title {
        font-size:2.5381rem
    }
}

@media (min-width: 980px) and (min-width:1280px) {
    .InfoTile-title {
        font-size:2.986rem
    }
}

@media (min-width: 1280px) {
    .InfoTile-title {
        font-size:3.2249999999999996rem;
        line-height: 1.5;
        font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
        color: #fff;
        text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
        font-weight: 700
    }

    .InfoTile-title.zh-cn,.zh-cn .InfoTile-title {
        font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
    }

    .InfoTile-title.ko-kr,.ko-kr .InfoTile-title {
        font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
    }

    .InfoTile-title.ru-ru,.ru-ru .InfoTile-title {
        font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
    }

    .InfoTile-title.zh-tw,.zh-tw .InfoTile-title {
        font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
    }
}

@media (min-width: 1280px) and (min-width:720px) {
    .InfoTile-title {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) and (min-width:1280px) {
    .InfoTile-title {
        font-size:4.3rem
    }
}

.InfoTile-link {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .InfoTile-link {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .InfoTile-link {
        font-size:1.728rem
    }
}

.InfoTile-link.zh-cn,.zh-cn .InfoTile-link {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.InfoTile-link.ko-kr,.ko-kr .InfoTile-link {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.InfoTile-link.ru-ru,.ru-ru .InfoTile-link {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.InfoTile-link.zh-tw,.zh-tw .InfoTile-link {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.InfoTile-desc {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    margin-left: 10%;
    margin-right: 10%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .8s
}

@media (min-width: 720px) {
    .InfoTile-desc {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .InfoTile-desc {
        font-size:1.44rem
    }
}

.InfoTile-desc.zh-cn,.zh-cn .InfoTile-desc {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.InfoTile-desc.ko-kr,.ko-kr .InfoTile-desc {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.InfoTile-desc.ru-ru,.ru-ru .InfoTile-desc {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.InfoTile-desc.zh-tw,.zh-tw .InfoTile-desc {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

html:not(.touch) .InfoTile:hover .InfoTile-desc {
    max-height: 800px
}

.InfoTile-desc p {
    margin: 0
}

.InfoTile-desc p+p {
    margin-top: 1em
}

.InfoTile--wide>.InfoTile-container {
    position: relative
}

.InfoTile--wide>.InfoTile-container:before {
    content: "";
    display: block;
    padding-top: 50%
}

.InfoTile--tall>.InfoTile-container {
    position: relative
}

.InfoTile--tall>.InfoTile-container:before {
    content: "";
    display: block;
    padding-top: 200%
}

.InfoTile--square>.InfoTile-container {
    position: relative
}

.InfoTile--square>.InfoTile-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.InfoTile--photo>.InfoTile-container {
    position: relative
}

.InfoTile--photo>.InfoTile-container:before {
    content: "";
    display: block;
    padding-top: 75%
}

.InfoTile--gutter>.InfoTile-container>.Tile-area {
    margin: 10px
}

.InfoTile--fixed>.InfoTile-container {
    width: 250px;
    width: 75vw
}

.LabeledDivider {
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

.LabeledDivider:after,.LabeledDivider:before {
    content: "";
    display: flex;
    height: 2px;
    flex: 1 1 0px;
    position: relative;
    background-color: #fff;
    opacity: .15
}

.LabeledDivider--thin:after,.LabeledDivider--thin:before {
    height: 1px
}

.LabeledDivider--lightBrown:after,.LabeledDivider--lightBrown:before {
    background-color: #504137;
    opacity: 1
}

.LabeledDivider--inline {
    display: inline-block;
    position: relative
}

.LabeledDivider--inline:after,.LabeledDivider--inline:before {
    position: absolute;
    width: 10px;
    top: 50%
}

.LabeledDivider--inline:before {
    left: -8px
}

.LabeledDivider--inline:after {
    right: -8px
}

.LabeledDivider--inline .LabeledDivider-text {
    margin: auto
}

.LabeledDivider-children {
    padding: 0 10px
}

.LabeledDivider-children--text {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 720px) {
    .LabeledDivider-children--text {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .LabeledDivider-children--text {
        font-size:1.44rem
    }
}

.LabeledDivider-children--text.zh-cn,.zh-cn .LabeledDivider-children--text {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .LabeledDivider-children--text,.LabeledDivider-children--text.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.LabeledDivider-children--text.ru-ru,.ru-ru .LabeledDivider-children--text {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.LabeledDivider-children--text.zh-tw,.zh-tw .LabeledDivider-children--text {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.LabeledDivider--noDivider .LabeledDivider-column {
    display: none
}

.LabeledDivider--noDivider .LabeledDivider-text {
    width: 100%
}

.LinkBox {
    text-align: center;
    display: block;
    position: relative;
    padding: 30px;
    border: 1px solid #444;
    background: #000 url(/static/components/Box/Box-leather-grey-dark.0477a49460ddf3f97294112a1b372a06.jpg) 50%;
    color: #ebdec2
}

.LinkBox,.LinkBox:before {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.LinkBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0
}

.LinkBox-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.LinkBox-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.LinkBox-icon {
    transition: all .3s cubic-bezier(.23,1,.32,1) 0s;
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    max-width: 110px
}

.LinkBox-icon .Icon-svg {
    width: 96px;
    height: 96px
}

@media (min-width: 720px) {
    .LinkBox-icon {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .LinkBox-icon {
        font-size:1.728rem
    }
}

.LinkBox-icon.zh-cn,.zh-cn .LinkBox-icon {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .LinkBox-icon,.LinkBox-icon.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.LinkBox-icon.ru-ru,.ru-ru .LinkBox-icon {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.LinkBox-icon.zh-tw,.zh-tw .LinkBox-icon {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.LinkBox-description,.LinkBox-title {
    width: 100%
}

.LinkBox-title {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1.296rem;
    line-height: 1.5;
    color: #f8b700
}

.LinkBox-title.zh-cn,.zh-cn .LinkBox-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .LinkBox-title,.LinkBox-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.LinkBox-title.ru-ru,.ru-ru .LinkBox-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.LinkBox-title.zh-tw,.zh-tw .LinkBox-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .LinkBox-title {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .LinkBox-title {
        font-size:1.728rem
    }
}

.LinkBox-titleIcon {
    top: -2px;
    margin-left: 5px
}

.LinkBox:focus,html:not(.touch) .LinkBox:hover {
    border-color: #f8b700
}

.LinkBox:focus:before,html:not(.touch) .LinkBox:hover:before {
    opacity: .04
}

.LinkBox:focus .LinkBox-icon,html:not(.touch) .LinkBox:hover .LinkBox-icon {
    transform: scale(1.075)
}

.LinkBox:focus .LinkBox-title,html:not(.touch) .LinkBox:hover .LinkBox-title {
    color: #fff
}

.LinkBox--brown {
    border: 1px solid #504137;
    background: #211510;
    color: #ebdec2
}

.LinkBox--containSmall .LinkBox-desc,.LinkBox--containSmall .LinkBox-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.LinkBox---containMedium .LinkBox-desc,.LinkBox---containMedium .LinkBox-title,.LinkBox--containLarge .LinkBox-desc,.LinkBox--containLarge .LinkBox-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px
}

.LinkBox--overlayDark {
    background: rgba(0,0,0,.75);
    border: 1px solid #504137;
    margin: 2px;
    transition: background .2s,box-shadow .2s
}

.LinkBox--overlayDark .LinkBox-title {
    color: #fff
}

.LinkBox--overlayDark:focus,html:not(.touch) .LinkBox--overlayDark:hover {
    background: #211510;
    box-shadow: inset 0 -20px 0 -10px #f8b700;
    border-color: #f8b700
}

.LinkBox--overlayDark:focus .LinkBox-icon,html:not(.touch) .LinkBox--overlayDark:hover .LinkBox-icon {
    color: #f8b700
}

.LinkBox--overlayDark:focus .LinkBox-title,html:not(.touch) .LinkBox--overlayDark:hover .LinkBox-title {
    color: #fff
}

.LinkBox--overlayDark:focus .LinkBox-desc,html:not(.touch) .LinkBox--overlayDark:hover .LinkBox-desc {
    color: #ebdec2
}

.List {
    display: table;
    position: relative
}

.List>.List-item {
    vertical-align: middle
}

.List-item {
    display: table-cell;
    height: 100%
}

.List--gutter {
    padding: 20px
}

.List--gutterSmall {
    padding: 10px
}

.List--guttersTiny {
    margin: -3.33333333px
}

.List--guttersTiny>.List-item {
    padding: 3.33333333px
}

.List--guttersSmall {
    margin: -5px
}

.List--guttersSmall>.List-item {
    padding: 5px
}

.List--gutters {
    margin: -10px
}

.List--gutters>.List-item {
    padding: 10px
}

.List--guttersMedium {
    margin: -20px
}

.List--guttersMedium>.List-item {
    padding: 20px!important
}

.List--gutter.List--gutters {
    padding: 10px;
    margin: 0
}

.List--bulleted>.List-item,.List--greenChecks>.List-item,.List--numbered>.List-item,.List--vertical>.List-item {
    display: block;
    height: auto
}

.List--full {
    width: 100%
}

.List--fullFixed {
    table-layout: fixed
}

.List--left {
    margin-right: auto;
    text-align: left
}

.List--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.List--right {
    margin-left: auto;
    text-align: right
}

.List--right.List--greenChecks>.List-item {
    padding-left: 0;
    padding-right: 2em;
    position: relative
}

.List--right.List--greenChecks>.List-item:before {
    display: none
}

.List--right.List--greenChecks>.List-item:after {
    background: url(/static/components/List/List-greenCheck.cc6d210abb78a47b25a380b818acf95c.png) no-repeat 50% 50%;
    background-size: auto 16px;
    content: ".";
    color: transparent;
    display: inline-block;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 18px
}

.List--right.List--bulleted>.List-item {
    padding-left: 0;
    padding-right: 2em;
    position: relative
}

.List--right.List--bulleted>.List-item:before {
    display: none
}

.List--right.List--bulleted>.List-item:after {
    background: url(/static/components/List/List-bullet-sprite.33b76a300709e812b894824c33fb6cb4.png) no-repeat 0 50%;
    content: ".";
    color: transparent;
    display: inline-block;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px
}

.List--top>.List-item {
    vertical-align: top
}

.List--middle>.List-item {
    vertical-align: middle
}

.List--bottom>.List-item {
    vertical-align: bottom
}

.List--separator>.List-item {
    border: solid hsla(0,0%,66.7%,.4);
    border-width: 0 0 0 1px
}

.List--separator>.List-item:first-child {
    border-width: 0
}

.List--separatorAll>.List-item {
    border: solid hsla(0,0%,66.7%,.4);
    border-width: 0 0 0 1px
}

.List--separatorAll>.List-item:last-child {
    border-width: 0 1px
}

.List-item--separator {
    border: solid hsla(0,0%,66.7%,.4);
    border-width: 0 1px 0 0
}

.List--separatorBrownMedium>.List-item,.List-item--separatorBrownMedium {
    border-color: #352011
}

.List--separatorBrownLight>.List-item,.List-item--separatorBrownLight {
    border-color: #504137
}

.List--separatorGoldLight>.List-item,.List-item--separatorGoldLight {
    border-color: #f8b700
}

.List-item--separatorWhite {
    border-color: #fff
}

.List-item--separatorGray {
    border-color: #cacaca
}

.List--separatorWhite>.List-item {
    border-color: #fff
}

.List--vertical.List--separator>.List-item {
    border-width: 1px 0 0
}

.List--vertical.List--separator>.List-item:first-child {
    border-width: 0
}

.List--vertical.List--separatorAll>.List-item {
    border-width: 1px 0 0
}

.List--vertical.List--separatorAll>.List-item:last-child {
    border-width: 1px 0
}

.List--bulleted,.List--greenChecks,.List--numbered {
    margin-left: 0;
    padding-left: 0
}

.List--numbered>.List-item {
    counter-increment: counter-level0;
    padding-left: 2em;
    position: relative
}

.List--numbered>.List-item:before {
    content: counter(counter-level0) ".";
    display: inline-block;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0
}

.List--numbered .List--numbered>.List-item {
    counter-increment: counter-level1;
    margin-left: 2em
}

.List--numbered .List--numbered>.List-item:before {
    content: counter(counter-level1,lower-latin) "."
}

.List--numbered .List--numbered .List--numbered>.List-item {
    counter-increment: counter-level2
}

.List--numbered .List--numbered .List--numbered>.List-item:before {
    content: counter(counter-level2,lower-roman) "."
}

.List--bulleted>.List-item {
    padding-left: 2em;
    position: relative
}

.List--bulleted>.List-item:before {
    background: url(/static/components/List/List-bullet-sprite.33b76a300709e812b894824c33fb6cb4.png) no-repeat 0 50%;
    content: ".";
    display: inline-block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px
}

.List--bulleted .List--bulleted>.List-item {
    margin-left: 2em
}

.List--bulleted .List--bulleted>.List-item:before {
    background-position: -20px 50%
}

.List--bulleted .List--bulleted .List--bulleted>.List-item:before {
    background-position: -40px 50%
}

.List--bulletedOnDark>.List-item:before {
    background-position: -60px 50%
}

.List--bulletedOnDark .List--bulletedOnDark>.List-item:before {
    background-position: -80px 50%
}

.List--bulletedOnDark .List--bulletedOnDark .List--bulletedOnDark>.List-item:before {
    background-position: -100px 50%
}

.List--greenChecks>.List-item {
    padding: 4px 0 4px 2em;
    position: relative
}

.List--greenChecks>.List-item:before {
    background: url(/static/components/List/List-greenCheck.cc6d210abb78a47b25a380b818acf95c.png) no-repeat 50% 50%;
    background-size: auto 16px;
    content: ".";
    display: inline-block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 25%;
    width: 18px
}

.List--greenChecks .List--greenChecks>.List-item {
    margin-left: 2em
}

.List-item.List-item--greenCheck {
    padding: 4px 0 0 30px;
    position: relative
}

.List-item.List-item--greenCheck:before {
    background: url(/static/components/List/List-greenCheck.cc6d210abb78a47b25a380b818acf95c.png) no-repeat 50% 50%;
    background-size: auto 16px;
    content: ".";
    display: inline-block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 25%;
    width: 18px
}

.List-item.List-item--greenUnchecked {
    padding: 4px 0 0 30px;
    position: relative
}

.List-item.List-item--greenUnchecked:before {
    content: ".";
    display: inline-block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 4px;
    width: 18px
}

.List.List--inline {
    display: block
}

.List--inline>.List-item {
    display: inline-block;
    width: 100%
}

.List--middledMarks>.List-item:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.LocalizedDate--skeleton {
    min-width: 100px
}

.Logo {
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    max-width: 100%;
    overflow: hidden
}

.Logo,.Logo--wow {
    position: relative
}

.Logo--wow {
    background-image: url(/static/components/Logo/Logo-wow.63b808d4a38e2d5399612d6a710215f4.png);
    width: 330px
}

.Logo--wow:before {
    content: "";
    display: block;
    padding-top: 39.24242424%
}

html:not(.touch) .SiteNav-logo:hover .Logo--wow {
    filter: brightness(122%)
}

.Logo--wow.Logo--large {
    background-image: url(/static/components/Logo/Logo-wow.63b808d4a38e2d5399612d6a710215f4.png);
    position: relative;
    width: 479.65116279px
}

.Logo--wow.Logo--large:before {
    content: "";
    display: block;
    padding-top: 39.24242424%
}

.zh-tw .Logo--wow {
    background-image: url(/static/components/Logo/Logo-wow-tw.226beb0af664d18525d4cd3ac226f765.png);
    position: relative;
    width: 324px
}

.zh-tw .Logo--wow:before {
    content: "";
    display: block;
    padding-top: 40.27777778%
}

.zh-tw .Logo--wow.Logo--large {
    background-image: url(/static/components/Logo/Logo-wow-tw.226beb0af664d18525d4cd3ac226f765.png);
    position: relative;
    width: 470.93023256px
}

.zh-tw .Logo--wow.Logo--large:before {
    content: "";
    display: block;
    padding-top: 40.27777778%
}

.zh-cn .Logo--wow {
    background-image: url(/static/components/Logo/Logo-wow-cn.490d3a4830ebfef92a1ecb1c327c041e.png);
    position: relative;
    width: 324px
}

.zh-cn .Logo--wow:before {
    content: "";
    display: block;
    padding-top: 40.27777778%
}

.zh-cn .Logo--wow.Logo--large {
    background-image: url(/static/components/Logo/Logo-wow-cn.490d3a4830ebfef92a1ecb1c327c041e.png);
    position: relative;
    width: 470.93023256px
}

.zh-cn .Logo--wow.Logo--large:before {
    content: "";
    display: block;
    padding-top: 40.27777778%
}

.Logo--wow.Logo--wowAnniversary {
    background-image: url(/static/components/Logo/Logo-wow-anniversary.34ca86bc85241b99ef245e0782caa70b.png);
    position: relative;
    width: 330px
}

.Logo--wow.Logo--wowAnniversary:before {
    content: "";
    display: block;
    padding-top: 50.90909091%
}

.Logo--wow.Logo--wowAnniversary.Logo--large {
    background-image: url(/static/components/Logo/Logo-wow-anniversary.34ca86bc85241b99ef245e0782caa70b.png);
    position: relative;
    width: 479.65116279px
}

.Logo--wow.Logo--wowAnniversary.Logo--large:before {
    content: "";
    display: block;
    padding-top: 50.90909091%
}

.zh-tw .Logo--wow.Logo--wowAnniversary {
    background-image: url(/static/components/Logo/Logo-wow-anniversary-tw.11dfa9368a7046e8d60bfd170b643cee.png);
    position: relative;
    width: 330px
}

.zh-tw .Logo--wow.Logo--wowAnniversary:before {
    content: "";
    display: block;
    padding-top: 50.90909091%
}

.zh-cn .Logo--wow.Logo--wowAnniversary {
    background-image: url(/static/components/Logo/Logo-wow-anniversary-cn.24001c6a32fef5bf6b77541f2ea7aa7b.png);
    position: relative;
    width: 330px
}

.zh-cn .Logo--wow.Logo--wowAnniversary:before {
    content: "";
    display: block;
    padding-top: 50.90909091%
}

.Logo--wow.Logo--wowSitenav {
    background-image: url(/static/components/Logo/Logo-wow-sitenav.596840db77b4d485a44d65e897e3de57.png);
    position: relative;
    width: 293px
}

.Logo--wow.Logo--wowSitenav:before {
    content: "";
    display: block;
    padding-top: 39.24914676%
}

.zh-tw .Logo--wow.Logo--wowSitenav {
    background-image: url(/static/components/Logo/Logo-wow-tw-sitenav.fe2825d394f7a271d72a809790ce43c2.png);
    position: relative;
    width: 293px
}

.zh-tw .Logo--wow.Logo--wowSitenav:before {
    content: "";
    display: block;
    padding-top: 39.24914676%
}

.zh-cn .Logo--wow.Logo--wowSitenav {
    background-image: url(/static/components/Logo/Logo-wow-cn-sitenav.14150bab24811438ac4d82c5e5506d24.png);
    position: relative;
    width: 293px
}

.zh-cn .Logo--wow.Logo--wowSitenav:before {
    content: "";
    display: block;
    padding-top: 39.24914676%
}

.Logo--wowWireframe {
    background-image: url(/static/components/Logo/Logo-wowWireframe.b6abbf57753b884fbcfbc96e7f3984a9.png);
    position: relative;
    width: 324px
}

.Logo--wowWireframe:before {
    content: "";
    display: block;
    padding-top: 40.27777778%
}

.Logo--wowIcon {
    background-image: url(/static/components/Logo/Logo-wowIcon.01e2c443798558c38d8e3b143a6f0d03.png);
    position: relative;
    width: 50px
}

.Logo--wowIcon:before {
    content: "";
    display: block;
    padding-top: 100%
}

html:not(.touch) .SiteNav-logo:hover .Logo--wowIcon {
    filter: brightness(122%)
}

.Logo--anniversarySmall {
    background-image: url(/static/components/Logo/Logo-wow-anniversary-small.2c0e47b94115ae855d9e6fed0b8bad02.png);
    position: relative;
    width: 80px
}

.Logo--anniversarySmall:before {
    content: "";
    display: block;
    padding-top: 52.5%
}

html:not(.touch) .SiteNav-logo:hover .Logo--anniversarySmall {
    filter: brightness(200%) grayscale()
}

.Logo--wowMenu {
    background-image: url(/static/components/Logo/Logo-wowMenu.17c65a62fd89c2c9098225210dbeafdb.png);
    position: relative;
    width: 32px
}

.Logo--wowMenu:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--wowMenuWireframe {
    background-image: url(/static/components/Logo/Logo-wowMenuWireframe.6daf4d336b92b6e0b21ecc8e8b63c72f.png);
    position: relative;
    width: 32px
}

.Logo--wowMenuWireframe:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--blizzard {
    background-image: url(/static/components/Logo/Logo-blizzard.f8fb3f43f2599f3161e0e5815c4324c1.png);
    position: relative;
    width: 200px
}

.Logo--blizzard:before {
    content: "";
    display: block;
    padding-top: 58%
}

.Logo--blizzardGold {
    background-image: url(/static/components/Logo/Logo-blizzardGold.fa279ba5b21817e784fc1c8c6c330e1d.png);
    position: relative;
    width: 101px
}

.Logo--blizzardGold:before {
    content: "";
    display: block;
    padding-top: 51.48514851%
}

.Logo--blizzardWireframe {
    background-image: url(/static/components/Logo/Logo-blizzardWireframe.db539a6e96c6fb856fef3a3a40ea69cf.png);
    position: relative;
    width: 200px
}

.Logo--blizzardWireframe:before {
    content: "";
    display: block;
    padding-top: 58%
}

.Logo--bnet {
    background-image: url(/static/components/Logo/Logo-bnet.614ce20af5b0b88c742f895eb30a77a2.png);
    position: relative;
    width: 32px
}

.Logo--bnet:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--bnetWireframe {
    background-image: url(/static/components/Logo/Logo-bnetWireframe.8fe6195398fb4972ee10c65162814cb7.png);
    position: relative;
    width: 32px
}

.Logo--bnetWireframe:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--esrb {
    background-image: url(/static/components/Logo/Logo-esrb.ef29cc47458d55bf8e757675a42a64a2.png);
    position: relative;
    width: 65px
}

.Logo--esrb:before {
    content: "";
    display: block;
    padding-top: 149.23076923%
}

.Logo--wowArena {
    background-image: url(/static/components/Logo/Logo-wow-arena.445785aa7cf24cc0021ed23f0f1cc9c8.png);
    position: relative;
    width: 200px
}

.Logo--wowArena:before {
    content: "";
    display: block;
    padding-top: 92.5%
}

.Logo--wowArena.Logo--large {
    background-image: url(/static/components/Logo/Logo-wow-arena.445785aa7cf24cc0021ed23f0f1cc9c8.png);
    position: relative;
    width: 400px
}

.Logo--wowArena.Logo--large:before {
    content: "";
    display: block;
    padding-top: 92.5%
}

.Logo--wowMdi {
    background-image: url(/static/components/Logo/Logo-wow-mdi.cb73e9c1f330be16a8aeff417b466054.png);
    position: relative;
    width: 500px
}

.Logo--wowMdi:before {
    content: "";
    display: block;
    padding-top: 73.9%
}

.Logo--wowMdi.Logo--large {
    background-image: url(/static/components/Logo/Logo-wow-mdi.cb73e9c1f330be16a8aeff417b466054.png);
    position: relative;
    width: 500px
}

.Logo--wowMdi.Logo--large:before {
    content: "";
    display: block;
    padding-top: 73.9%
}

.Logo--patch-7-3 {
    position: relative;
    width: 803px
}

.Logo--patch-7-3:before {
    content: "";
    display: block;
    padding-top: 62.39103362%
}

.Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3.6ffe2179ba3df36f91cc6b6ef2901024.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    content: "";
    position: absolute;
    top: -9.98003992%;
    right: -12.45330012%;
    bottom: -15.96806387%;
    left: -12.45330012%
}

.de-de .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-de.cadfd22e7870e27811d774a1d7b1696f.png)
}

.es-es .Logo--patch-7-3:after,.es-mx .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-es.d5bce27f0b8c760c7c1a8ce847ff1d2e.png)
}

.fr-fr .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-fr.c1c5195bc7d15112dd866802472a1a4e.png)
}

.it-it .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-it.18bc67c63ce753354cfc322bdd4af0ce.png)
}

.ko-kr .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-ko.141e13984260f4d53d9a6566c0d84bfe.png)
}

.pt-br .Logo--patch-7-3:after,.pt-pt .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-pt.d5bce27f0b8c760c7c1a8ce847ff1d2e.png)
}

.ru-ru .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-ru.f870f85b51663337397317597b1090c6.png)
}

.zh-cn .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-cn.d567ee798cf77e8000e27ff63a4711a9.png)
}

.zh-tw .Logo--patch-7-3:after {
    background-image: url(/static/components/Logo/Logo-patch-7.3-tw.631c395273d431a8cfc3a65bb877b0af.png)
}

.Logo--alliance {
    background-image: url(/static/components/Logo/Logo-alliance.bb36e70f5f690a5fc510ed03e80aa259.png);
    position: relative;
    width: 232.5px
}

.Logo--alliance:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--alliance.Logo--small {
    background-image: url(/static/components/Logo/Logo-alliance.bb36e70f5f690a5fc510ed03e80aa259.png);
    position: relative;
    width: 116.25px
}

.Logo--alliance.Logo--small:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--alliance.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-alliance.bb36e70f5f690a5fc510ed03e80aa259.png);
    position: relative;
    width: 77.5px
}

.Logo--alliance.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--alliance.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-alliance.bb36e70f5f690a5fc510ed03e80aa259.png);
    position: relative;
    width: 58.125px
}

.Logo--alliance.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--allianceShadow {
    background-image: url(/static/components/Logo/Logo-alliance-drop-shadow.5b2e493b7187e3f003a31ba2c3ece5f7.png);
    position: relative;
    width: 279px
}

.Logo--allianceShadow:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--allianceShadow.Logo--small {
    background-image: url(/static/components/Logo/Logo-alliance-drop-shadow.5b2e493b7187e3f003a31ba2c3ece5f7.png);
    position: relative;
    width: 139.5px
}

.Logo--allianceShadow.Logo--small:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--allianceShadow.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-alliance-drop-shadow.5b2e493b7187e3f003a31ba2c3ece5f7.png);
    position: relative;
    width: 93px
}

.Logo--allianceShadow.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--allianceShadow.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-alliance-drop-shadow.5b2e493b7187e3f003a31ba2c3ece5f7.png);
    position: relative;
    width: 69.75px
}

.Logo--allianceShadow.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--allianceWireframe {
    background-image: url(/static/components/Logo/Logo-allianceWireframe.e928aa9eb31303d039b1d3a09eee84b0.png);
    position: relative;
    width: 200px
}

.Logo--allianceWireframe:before {
    content: "";
    display: block;
    padding-top: 129.25%
}

.Logo--allianceWireframe.Logo--small {
    background-image: url(/static/components/Logo/Logo-allianceWireframe.e928aa9eb31303d039b1d3a09eee84b0.png);
    position: relative;
    width: 100px
}

.Logo--allianceWireframe.Logo--small:before {
    content: "";
    display: block;
    padding-top: 129.25%
}

.Logo--allianceWireframe.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-allianceWireframe.e928aa9eb31303d039b1d3a09eee84b0.png);
    position: relative;
    width: 66.66666667px
}

.Logo--allianceWireframe.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 129.25%
}

.Logo--allianceWireframe.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-allianceWireframe.e928aa9eb31303d039b1d3a09eee84b0.png);
    position: relative;
    width: 50px
}

.Logo--allianceWireframe.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 129.25%
}

.Logo--allianceEmblem {
    background-image: url(/static/components/Logo/Logo-allianceEmblem.cd827b18a7766edbf05f09d66bc10e22.png);
    position: relative;
    width: 64px
}

.Logo--allianceEmblem:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--allianceEmblem.Logo--small {
    background-image: url(/static/components/Logo/Logo-allianceEmblem.cd827b18a7766edbf05f09d66bc10e22.png);
    position: relative;
    width: 32px
}

.Logo--allianceEmblem.Logo--small:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--allianceEmblem.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-allianceEmblem.cd827b18a7766edbf05f09d66bc10e22.png);
    position: relative;
    width: 21.33333333px
}

.Logo--allianceEmblem.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--allianceEmblem.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-allianceEmblem.cd827b18a7766edbf05f09d66bc10e22.png);
    position: relative;
    width: 16px
}

.Logo--allianceEmblem.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--horde {
    background-image: url(/static/components/Logo/Logo-horde.2a80e0466e51d85c8cf60336e16fe8b8.png);
    position: relative;
    width: 232.5px
}

.Logo--horde:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--horde.Logo--small {
    background-image: url(/static/components/Logo/Logo-horde.2a80e0466e51d85c8cf60336e16fe8b8.png);
    position: relative;
    width: 116.25px
}

.Logo--horde.Logo--small:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--horde.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-horde.2a80e0466e51d85c8cf60336e16fe8b8.png);
    position: relative;
    width: 77.5px
}

.Logo--horde.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--horde.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-horde.2a80e0466e51d85c8cf60336e16fe8b8.png);
    position: relative;
    width: 58.125px
}

.Logo--horde.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--hordeShadow {
    background-image: url(/static/components/Logo/Logo-horde-drop-shadow.0142949f4769996df3e2cfe24bcf5da4.png);
    position: relative;
    width: 279px
}

.Logo--hordeShadow:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--hordeShadow.Logo--small {
    background-image: url(/static/components/Logo/Logo-horde-drop-shadow.0142949f4769996df3e2cfe24bcf5da4.png);
    position: relative;
    width: 139.5px
}

.Logo--hordeShadow.Logo--small:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--hordeShadow.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-horde-drop-shadow.0142949f4769996df3e2cfe24bcf5da4.png);
    position: relative;
    width: 93px
}

.Logo--hordeShadow.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--hordeShadow.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-horde-drop-shadow.0142949f4769996df3e2cfe24bcf5da4.png);
    position: relative;
    width: 69.75px
}

.Logo--hordeShadow.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 129.03225806%
}

.Logo--hordeWireframe {
    background-image: url(/static/components/Logo/Logo-hordeWireframe.51bf1d2589b91aca431ac26323d3f003.png);
    position: relative;
    width: 200px
}

.Logo--hordeWireframe:before {
    content: "";
    display: block;
    padding-top: 122%
}

.Logo--hordeWireframe.Logo--small {
    background-image: url(/static/components/Logo/Logo-hordeWireframe.51bf1d2589b91aca431ac26323d3f003.png);
    position: relative;
    width: 100px
}

.Logo--hordeWireframe.Logo--small:before {
    content: "";
    display: block;
    padding-top: 122%
}

.Logo--hordeWireframe.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-hordeWireframe.51bf1d2589b91aca431ac26323d3f003.png);
    position: relative;
    width: 66.66666667px
}

.Logo--hordeWireframe.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 122%
}

.Logo--hordeWireframe.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-hordeWireframe.51bf1d2589b91aca431ac26323d3f003.png);
    position: relative;
    width: 50px
}

.Logo--hordeWireframe.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 122%
}

.Logo--hordeEmblem {
    background-image: url(/static/components/Logo/Logo-hordeEmblem.e6d11863f6c65b2a875091c1ac01cb3f.png);
    position: relative;
    width: 64px
}

.Logo--hordeEmblem:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--hordeEmblem.Logo--small {
    background-image: url(/static/components/Logo/Logo-hordeEmblem.e6d11863f6c65b2a875091c1ac01cb3f.png);
    position: relative;
    width: 32px
}

.Logo--hordeEmblem.Logo--small:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--hordeEmblem.Logo--smaller {
    background-image: url(/static/components/Logo/Logo-hordeEmblem.e6d11863f6c65b2a875091c1ac01cb3f.png);
    position: relative;
    width: 21.33333333px
}

.Logo--hordeEmblem.Logo--smaller:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--hordeEmblem.Logo--tiny {
    background-image: url(/static/components/Logo/Logo-hordeEmblem.e6d11863f6c65b2a875091c1ac01cb3f.png);
    position: relative;
    width: 16px
}

.Logo--hordeEmblem.Logo--tiny:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--twitter {
    background-image: url(/static/components/Logo/Logo-twitter.7695dbeab284a4f460d5a0344f3f81b2.png);
    position: relative;
    width: 36px
}

.Logo--twitter:before {
    content: "";
    display: block;
    padding-top: 80.55555556%
}

.Logo--facebook {
    background-image: url(/static/components/Logo/Logo-facebook.b3b9c263903bab66b9d4b5045d5cc4c1.png);
    position: relative;
    width: 33px
}

.Logo--facebook:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--youtube {
    background-image: url(/static/components/Logo/Logo-youtube.1354b23f18bcf22906aa4fbf02f8746d.png);
    position: relative;
    width: 66.5px
}

.Logo--youtube:before {
    content: "";
    display: block;
    padding-top: 41.35338346%
}

.Logo--reddit {
    background-image: url(/static/components/Logo/Logo-reddit.c50523060b2bcb8bc51ac3ff0969fd61.png);
    position: relative;
    width: 39px
}

.Logo--reddit:before {
    content: "";
    display: block;
    padding-top: 84.61538462%
}

.Logo--vkontakte {
    background-image: url(/static/components/Logo/Logo-vkontakte.31e5f42c167b523b0278fb246ec61e10.png);
    position: relative;
    width: 33px
}

.Logo--vkontakte:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--weibo {
    background-image: url(/static/components/Logo/Logo-weibo.fda85764c3a3fd1c8f8679255c10399b.png);
    position: relative;
    width: 38.5px
}

.Logo--weibo:before {
    content: "";
    display: block;
    padding-top: 80.51948052%
}

.Logo--tencentqq {
    background-image: url(/static/components/Logo/Logo-tencentqq.27f059674d134702e5d2b5af7778966a.png);
    position: relative;
    width: 29px
}

.Logo--tencentqq:before {
    content: "";
    display: block;
    padding-top: 113.79310345%
}

.Logo--wechatmobile {
    background-image: url(/static/components/Logo/Logo-wechatmobile.6ea796307a6926eb80f33242c57ecd52.png);
    position: relative;
    width: 33px
}

.Logo--wechatmobile:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Logo--youku {
    background-image: url(/static/components/Logo/Logo-youku.80fd06aacb195e8ca765bccf182c4d69.png);
    position: relative;
    width: 34px
}

.Logo--youku:before {
    content: "";
    display: block;
    padding-top: 97.05882353%
}

.Logo--flagUsa {
    background-image: url(/static/components/Logo/Logo-flagUsa.a7853d20c619c1db681c32ffd8651c74.png);
    position: relative;
    width: 28px
}

.Logo--flagUsa:before {
    content: "";
    display: block;
    padding-top: 64.28571429%
}

.Logo--blizz {
    background-image: url(/static/components/Logo/Logo-blizz.66dba0fc818888461578639d0262e5e9.png);
    position: relative;
    width: 29px
}

.Logo--blizz:before {
    content: "";
    display: block;
    padding-top: 68.96551724%
}

.Logo--absolute {
    position: absolute
}

.Logo--small {
    width: 140px
}

.Logo--background {
    filter: saturate(.5);
    opacity: .25
}

.Wireframe .Logo--invert {
    filter: invert(100%)
}

.Media {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.Media-container {
    display: table-row
}

.Media-image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 48px;
    height: 48px
}

.Media-icon {
    display: inline-block
}

.Media-preText {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    min-width: 51px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-right: 15px
}

@media (min-width: 720px) {
    .Media-preText {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Media-preText {
        font-size:1.728rem
    }
}

.Media-preText.zh-cn,.zh-cn .Media-preText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Media-preText,.Media-preText.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Media-preText.ru-ru,.ru-ru .Media-preText {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Media-preText.zh-tw,.zh-tw .Media-preText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Media--disabled {
    opacity: .5
}

.Media-text {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle
}

.Media-text.gutter-vertical {
    padding: 10px 0
}

.Media-text.gutter-all {
    padding: 10px
}

.Media-text.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.Media-text.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.Media-text.gutter-negative.gutter-all {
    margin: -10px
}

.Media--tiny .Icon-svg,.Media--tiny .Media-icon,.Media--tiny .Media-image {
    width: 16px;
    height: 16px
}

.Media--small .Icon-svg,.Media--small .Media-icon,.Media--small .Media-image {
    width: 24px;
    height: 24px
}

.Media--small .Media-preText {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    line-height: 1.4;
    min-width: 38px
}

@media (min-width: 720px) {
    .Media--small .Media-preText {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Media--small .Media-preText {
        font-size:1.44rem
    }
}

.Media--small .Media-preText.zh-cn,.zh-cn .Media--small .Media-preText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Media--small .Media-preText,.Media--small .Media-preText.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Media--small .Media-preText.ru-ru,.ru-ru .Media--small .Media-preText {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Media--small .Media-preText.zh-tw,.zh-tw .Media--small .Media-preText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Media--medium .Icon-svg,.Media--medium .Media-icon,.Media--medium .Media-image {
    width: 32px;
    height: 32px
}

.Media--large .Icon-svg,.Media--large .Media-icon,.Media--large .Media-image {
    width: 48px;
    height: 48px
}

.Media--huge .Icon-svg,.Media--huge .Media-icon,.Media--huge .Media-image {
    width: 80px;
    height: 80px
}

.Media--quarter .Media-image {
    width: 25%;
    height: auto
}

.Media--quarter .Media-icon {
    width: 100%
}

.Media--third .Media-image {
    width: 33%;
    height: auto
}

.Media--third .Media-icon {
    width: 100%
}

.Media--half .Media-image {
    width: 50%;
    height: auto
}

.Media--half .Media-icon {
    width: 100%
}

.Media--full .Media-image {
    width: 100%;
    height: auto
}

.Media--full .Media-icon {
    width: 100%
}

.Media.Media--inline {
    width: auto;
    display: inline-block
}

.Media.Media--flex {
    display: flex;
    align-items: center
}

.Media--vertical {
    display: block;
    width: auto
}

.Media--vertical .Media-container {
    display: block
}

.Media--vertical .Media-image {
    display: block;
    width: 100%;
    height: auto
}

.Media--vertical .Media-text {
    display: block;
    text-align: center
}

.Media--border {
    border: 1px solid #000
}

.Media--borderPaper {
    border: 1px solid #ccbb9a
}

.Media--iconBorderSteel .Media-icon {
    border: 1px solid #3f4f56
}

.Media--iconBorderGrey .Media-icon {
    border: 1px solid #444
}

.Media--nowrap .Media-text {
    white-space: nowrap
}

.Media--alignTop .Media-image,.Media--alignTop .Media-text {
    vertical-align: top
}

.Media--flush .Media-text {
    padding: 0
}

.Media--gutterLarge .Media-text {
    padding: 0 20px
}

.Media--gutterLarge .Media-text.gutter-vertical {
    padding: 20px 0
}

.Media--gutterLarge .Media-text.gutter-all {
    padding: 20px
}

.Media--gutterLarge .Media-text.gutter-negative {
    padding: 0;
    margin: 0 -20px
}

.Media--gutterLarge .Media-text.gutter-negative.gutter-vertical {
    margin: -20px 0
}

.Media--gutterLarge .Media-text.gutter-negative.gutter-all {
    margin: -20px
}

.Media--noIcon .Media-image,.Media--noText .Media-text {
    display: none
}

.Media--grayscale .Media-image {
    filter: brightness(.87) grayscale(1)
}

.Media--flex {
    display: flex;
    align-items: center
}

.Media--flex .Media-image,.Media--flex .Media-text {
    display: block
}

.Media--alignLeft .Media-text {
    text-align: left
}

.Menu-list {
    display: table;
    position: relative
}

.Menu-list>.List-item {
    vertical-align: middle
}

.Menu-item {
    display: table-cell;
    height: 100%
}

.Menu-link {
    padding: 10px;
    display: block
}

.Menu-link.gutter-vertical {
    padding: 10px 0
}

.Menu-link.gutter-all {
    padding: 10px
}

.Menu-link.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.Menu-link.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.Menu-link.gutter-negative.gutter-all {
    margin: -10px
}

.Menu-name {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1rem;
    line-height: 1.5;
    white-space: nowrap
}

.Menu-name.zh-cn,.zh-cn .Menu-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Menu-name,.Menu-name.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Menu-name.ru-ru,.ru-ru .Menu-name {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Menu-name.zh-tw,.zh-tw .Menu-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Menu-name {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Menu-name {
        font-size:1.2rem
    }
}

.Menu-desc {
    display: none
}

.Menu-link.is-selected .Menu-name {
    font-weight: 700
}

.Menu--full .Menu-list {
    width: 100%
}

.Menu--flex .Menu-list {
    display: flex
}

.Menu--flex .Menu-list .Menu-item {
    flex: 1
}

.Menu--onDark .Menu-name {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1rem;
    line-height: 1.5
}

.Menu--onDark .Menu-name.zh-cn,.zh-cn .Menu--onDark .Menu-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Menu--onDark .Menu-name,.Menu--onDark .Menu-name.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Menu--onDark .Menu-name.ru-ru,.ru-ru .Menu--onDark .Menu-name {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Menu--onDark .Menu-name.zh-tw,.zh-tw .Menu--onDark .Menu-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Menu--onDark .Menu-name {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Menu--onDark .Menu-name {
        font-size:1.2rem
    }
}

.Menu--desc .Menu-desc {
    display: block
}

.Menu--overlayDark .Menu-link {
    background: rgba(0,0,0,.75);
    border: 1px solid #504137;
    color: #504137;
    margin: 0 2px;
    position: relative;
    transition: border-color .2s,color .2s
}

html:not(.touch) .Menu--overlayDark .Menu-link:hover {
    border-color: #b1997f;
    color: #b1997f
}

.Menu--overlayDark .Menu-link.is-selected {
    background: #211510;
    border-color: #f8b700;
    box-shadow: inset 0 -10px 0 #f8b700;
    color: #f8b700;
    transition: none
}

.Menu--overlayDark .Menu-name {
    font-size: 1.296rem;
    line-height: 1.5;
    color: inherit;
    text-shadow: none
}

@media (min-width: 720px) {
    .Menu--overlayDark .Menu-name {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Menu--overlayDark .Menu-name {
        font-size:1.728rem
    }
}

.Menu--overlayDark .Menu-link.is-selected .Menu-name {
    color: #fff
}

.Menu--overlayDark .Menu-itemIcon {
    display: block;
    fill: currentColor;
    padding: 6px 0 12px
}

.Menu--overlayDarkBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 40px
}

.Menu--overlayDarkBottom .Menu-item {
    padding-top: 20px
}

.Menu--overlayDarkBottom .Menu-link.is-selected:after,.Menu--overlayDarkBottom .Menu-link.is-selected:before {
    border-color: transparent transparent #211510;
    border-style: solid;
    border-width: 0 18px 20px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin: -18px 0 0 -18px;
    position: absolute;
    top: 0;
    width: 0
}

.Menu--overlayDarkBottom .Menu-link.is-selected:before {
    border-color: transparent transparent #f8b700;
    top: -2px
}

.Menu--overlayDarkTop {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 40px
}

.Menu--overlayDarkTop .Menu-item {
    padding-bottom: 20px
}

.Menu--overlayDarkTop .Menu-link.is-selected:after,.Menu--overlayDarkTop .Menu-link.is-selected:before {
    border-color: #211510 transparent transparent;
    border-style: solid;
    border-width: 20px 18px 0;
    bottom: -19px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin: -18px 0 0 -18px;
    position: absolute;
    width: 0
}

.Menu--overlayDarkTop .Menu-link.is-selected:before {
    border-color: #f8b700 transparent transparent;
    bottom: -21px
}

.Menu--tabs {
    background: #211510;
    border-top: 1px solid #504137;
    border-bottom: 1px solid #504137;
    position: relative
}

.Menu--tabs .Menu-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
}

.Menu--tabs .Menu-desc,.Menu--tabs .Menu-name {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    color: #ebdec2
}

.Menu--tabs .Menu-name {
    font-size: 1.296rem;
    line-height: 1.5;
    font-weight: 700;
    line-height: 3em;
    color: #f8b700;
    text-shadow: none
}

@media (min-width: 720px) {
    .Menu--tabs .Menu-name {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Menu--tabs .Menu-name {
        font-size:1.728rem
    }
}

.Menu--tabs.Menu--desc .Menu-name {
    font-size: 1.296rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Menu--tabs.Menu--desc .Menu-name {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Menu--tabs.Menu--desc .Menu-name {
        font-size:1.728rem
    }
}

.Menu--tabs .Menu-link {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.Menu--tabs .Menu-link.is-selected,html:not(.touch) .Menu--tabs .Menu-link:hover {
    background: #f8b700
}

.Menu--tabs .Menu-link.is-selected .Menu-desc,.Menu--tabs .Menu-link.is-selected .Menu-name,html:not(.touch) .Menu--tabs .Menu-link:hover .Menu-desc,html:not(.touch) .Menu--tabs .Menu-link:hover .Menu-name {
    color: #211510
}

@media (min-width: 980px) {
    .Menu--overlayClasses .Menu-list {
        table-layout:fixed
    }
}

.Menu--overlayClasses .Menu-item {
    padding: 0 10px;
    vertical-align: top
}

.Menu--overlayClasses .Menu-item.gutter-vertical {
    padding: 10px 0
}

.Menu--overlayClasses .Menu-item.gutter-all {
    padding: 10px
}

.Menu--overlayClasses .Menu-item.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.Menu--overlayClasses .Menu-item.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.Menu--overlayClasses .Menu-item.gutter-negative.gutter-all {
    margin: -10px
}

.Menu--overlayClasses .Menu-link {
    padding: 40px 0;
    opacity: .4;
    transition: opacity .2s
}

.Menu--overlayClasses .Menu-link.gutter-vertical {
    padding: 40px 0
}

.Menu--overlayClasses .Menu-link.gutter-all {
    padding: 40px
}

.Menu--overlayClasses .Menu-link.gutter-negative {
    padding: 0;
    margin: 0 -40px
}

.Menu--overlayClasses .Menu-link.gutter-negative.gutter-vertical {
    margin: -40px 0
}

.Menu--overlayClasses .Menu-link.gutter-negative.gutter-all {
    margin: -40px
}

.Menu--overlayClasses .Menu-link.is-selected,html:not(.touch) .Menu--overlayClasses .Menu-link:hover {
    opacity: 1
}

.Menu--overlayClasses .Menu-itemIcon {
    max-width: 100px
}

.Menu--overlayClasses .Menu-link.is-selected .Menu-itemIcon {
    border-color: #f8b700
}

.Menu--overlayClasses .Menu-link.is-selected .Menu-name,.Menu--overlayClasses .Menu-name {
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #f8b700;
    text-shadow: none;
    white-space: normal
}

.Menu--overlayClasses .Menu-link.is-selected .Menu-name.zh-cn,.Menu--overlayClasses .Menu-name.zh-cn,.zh-cn .Menu--overlayClasses .Menu-link.is-selected .Menu-name,.zh-cn .Menu--overlayClasses .Menu-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Menu--overlayClasses .Menu-link.is-selected .Menu-name,.ko-kr .Menu--overlayClasses .Menu-name,.Menu--overlayClasses .Menu-link.is-selected .Menu-name.ko-kr,.Menu--overlayClasses .Menu-name.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Menu--overlayClasses .Menu-link.is-selected .Menu-name.ru-ru,.Menu--overlayClasses .Menu-name.ru-ru,.ru-ru .Menu--overlayClasses .Menu-link.is-selected .Menu-name,.ru-ru .Menu--overlayClasses .Menu-name {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Menu--overlayClasses .Menu-link.is-selected .Menu-name.zh-tw,.Menu--overlayClasses .Menu-name.zh-tw,.zh-tw .Menu--overlayClasses .Menu-link.is-selected .Menu-name,.zh-tw .Menu--overlayClasses .Menu-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Menu--overlayClasses .Menu-link.is-selected .Menu-name,.Menu--overlayClasses .Menu-name {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Menu--overlayClasses .Menu-link.is-selected .Menu-name,.Menu--overlayClasses .Menu-name {
        font-size:1rem
    }
}

.Menu--overlayClassesTop {
    position: absolute;
    top: 0;
    width: 100%;
    background-image: linear-gradient(180deg,rgba(0,0,0,.6),transparent);
    padding-bottom: 100px
}

.Menu--overlayClassesBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(0deg,rgba(0,0,0,.6),transparent);
    padding-top: 100px
}

.Menu--overlayClassesBottom .Menu-item {
    vertical-align: bottom
}

.Menu--splitThree .Menu-item {
    width: 33%
}

.Mount {
    border: 1px solid #444;
    background-color: #181818;
    overflow: hidden
}

.Mount:after {
    content: "";
    display: table;
    clear: both
}

.Mount:not(.Mount--modal)[disabled] {
    opacity: .3
}

.Mount-render {
    position: relative;
    transition: all .3s cubic-bezier(.23,1,.32,1) 0s;
    transform: translateZ(0);
    background-color: #181818;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 600px;
    margin: 0 auto
}

.Mount-render:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Mount-info {
    padding: 20px;
    position: relative;
    text-align: center;
    height: auto
}

.Mount-info.gutter-vertical {
    padding: 20px 0
}

.Mount-info.gutter-all {
    padding: 20px
}

.Mount-info.gutter-negative {
    padding: 0;
    margin: 0 -20px
}

.Mount-info.gutter-negative.gutter-vertical {
    margin: -20px 0
}

.Mount-info.gutter-negative.gutter-all {
    margin: -20px
}

.Mount-meta {
    position: relative
}

.Mount-favorite.Icon.Icon--small {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(35deg) scale(.1);
    margin: 0;
    top: -45px
}

.Mount-name {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    text-shadow: none;
    margin: 0
}

@media (min-width: 720px) {
    .Mount-name {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Mount-name {
        font-size:1.44rem
    }
}

.Mount-name.zh-cn,.zh-cn .Mount-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Mount-name,.Mount-name.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Mount-name.ru-ru,.ru-ru .Mount-name {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Mount-name.zh-tw,.zh-tw .Mount-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Mount-icon {
    margin-right: 4px
}

html:not(.touch) .Mount--hover {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    cursor: pointer
}

html:not(.touch) .Mount--hover:hover {
    border-color: #f8b700;
    background-color: #1a1a1a
}

html:not(.touch) .Mount--hover:hover .Mount-name {
    color: #f8b700
}

html:not(.touch) .Mount--hover:hover .Mount-render {
    transform: translateZ(0) scale(1.15);
    filter: brightness(1.1)
}

.Mount--POOR .Mount-name {
    color: #9d9d9d
}

.Mount--COMMON .Mount-name {
    color: #fff
}

.Mount--UNCOMMON .Mount-name {
    color: #1eff00
}

.Mount--RARE .Mount-name {
    color: #0081ff
}

.Mount--EPIC .Mount-name {
    color: #c600ff
}

.Mount--LEGENDARY .Mount-name {
    color: #ff8000
}

.Mount--ARTIFACT .Mount-name {
    color: #e5cc80
}

.Mount--HEIRLOOM .Mount-name {
    color: #0cf
}

.Mount--modal {
    border: 0
}

.Mount--large .Mount-favorite.Icon.Icon--small {
    left: 0;
    top: -30px
}

.Mount--large .Mount-name {
    font-size: 1.296rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Mount--large .Mount-name {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Mount--large .Mount-name {
        font-size:1.728rem
    }
}

.Msg {
    display: inline
}

.PagedTable-rowsPerPage {
    margin: 20px 0 0
}

@media (min-width: 980px) {
    .PagedTable-controls {
        display:flex;
        align-items: flex-end
    }

    .PagedTable-rowsPerPage {
        margin: 0 0 0 20px
    }
}

.Pagination {
    display: table;
    position: relative;
    margin-left: auto;
    text-align: right;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.Pagination>.List-item {
    vertical-align: middle
}

.Pagination.List--greenChecks>.List-item {
    padding-left: 0;
    padding-right: 2em;
    position: relative
}

.Pagination.List--greenChecks>.List-item:before {
    display: none
}

.Pagination.List--greenChecks>.List-item:after {
    background: url(/static/components/List/List-greenCheck.cc6d210abb78a47b25a380b818acf95c.png) no-repeat 50% 50%;
    background-size: auto 16px;
    content: ".";
    color: transparent;
    display: inline-block;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 18px
}

.Pagination.List--bulleted>.List-item {
    padding-left: 0;
    padding-right: 2em;
    position: relative
}

.Pagination.List--bulleted>.List-item:before {
    display: none
}

.Pagination.List--bulleted>.List-item:after {
    background: url(/static/components/List/List-bullet-sprite.33b76a300709e812b894824c33fb6cb4.png) no-repeat 0 50%;
    content: ".";
    color: transparent;
    display: inline-block;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px
}

@media (min-width: 720px) {
    .Pagination {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Pagination {
        font-size:1rem
    }
}

.Pagination-page {
    text-align: center;
    display: table-cell;
    width: 40px
}

.Pagination-page .Button-inner {
    padding: 5px 12px
}

.Pagination-dots {
    width: 20px
}

.Pagination-button.Button {
    border: none;
    background: transparent!important;
    display: block;
    min-width: 0;
    white-space: nowrap;
    transition: background-color .15s cubic-bezier(.23,1,.32,1) 0s
}

.Pagination-button:focus,html:not(.touch) .Pagination-button:hover {
    background: #b06601!important;
    color: #ffd36b;
    outline-width: 0
}

.Pagination-button.Button--small {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Pagination-button.Button--small {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Pagination-button.Button--small {
        font-size:1.2rem
    }
}

.Pagination-button.Button .Button-inner {
    display: block;
    min-width: 0;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px
}

.Pagination-button.Button .Button-outer {
    border: 1px solid transparent;
    display: block;
    min-width: 0
}

.Pagination-button:focus {
    outline-width: 5px
}

.Pagination-button--selected,.Pagination-button--selected:hover {
    cursor: default;
    color: #fff!important;
    background: transparent;
    transition: none
}

.Pagination-button--direction.Button--ghost.Button--small .Button-inner {
    padding-left: 10px;
    padding-right: 10px
}

.Pagination-button[disabled] {
    opacity: .3;
    color: #fff
}

.Pagination--noMargin {
    margin-top: 0;
    margin-bottom: 0
}

.Pair {
    display: table;
    position: relative;
    width: 100%
}

.Pair--flex {
    display: flex;
    align-items: center
}

.Pair-left,.Pair-right {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.Pair-right {
    text-align: right
}

.Pair--flex.Pair--gutter-small .Pair-left {
    padding-right: 10px
}

.Pair-center {
    flex: 1
}

.PartyCharacter-role {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-top: -18px
}

.PartyCharacter-name {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

@media (min-width: 720px) {
    .PartyCharacter-name {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .PartyCharacter-name {
        font-size:1.2rem
    }
}

.PartyCharacter-name.zh-cn,.zh-cn .PartyCharacter-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .PartyCharacter-name,.PartyCharacter-name.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.PartyCharacter-name.ru-ru,.ru-ru .PartyCharacter-name {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.PartyCharacter-name.zh-tw,.zh-tw .PartyCharacter-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.PartyCharacter-link:focus .PartyCharacter-name,html:not(.touch) .PartyCharacter-link:hover .PartyCharacter-name {
    color: #fff;
    text-decoration: underline
}

.PartyCharacter--DEATHKNIGHT .PartyCharacter-name {
    color: #c41e3b
}

.PartyCharacter--DEMONHUNTER .PartyCharacter-name {
    color: #a330c9
}

.PartyCharacter--DRUID .PartyCharacter-name {
    color: #ff7c0a
}

.PartyCharacter--HUNTER .PartyCharacter-name {
    color: #aad372
}

.PartyCharacter--MAGE .PartyCharacter-name {
    color: #68ccef
}

.PartyCharacter--MONK .PartyCharacter-name {
    color: #00ffba
}

.PartyCharacter--PALADIN .PartyCharacter-name {
    color: #f48cba
}

.PartyCharacter--PRIEST .PartyCharacter-name {
    color: #f0ebe0
}

.PartyCharacter--ROGUE .PartyCharacter-name {
    color: #fff468
}

.PartyCharacter--SHAMAN .PartyCharacter-name {
    color: #2359ff
}

.PartyCharacter--WARLOCK .PartyCharacter-name {
    color: #9382c9
}

.PartyCharacter--WARRIOR .PartyCharacter-name {
    color: #c69b6d
}

.Portal:not(.Portal *) {
    font-size: 0;
    line-height: 0
}

.Position {
    position: absolute;
    transform: translate(0);
    transform-origin: 0 0
}

.Position--masked {
    pointer-events: none
}

.Position--relative {
    position: relative
}

.Position--above {
    z-index: 1
}

.Position--below {
    z-index: -1
}

.Position--anchorCenter {
    transform: translate(-50%,-50%);
    transform-origin: 50% 50%
}

.Position--anchorTopLeft {
    transform: translate(0);
    transform-origin: 0 0
}

.Position--anchorTop {
    transform: translate(-50%);
    transform-origin: 50% 0
}

.Position--anchorTopRight {
    transform: translate(-100%);
    transform-origin: 100% 0
}

.Position--anchorRight {
    transform: translate(-100%,-50%);
    transform-origin: 100% 50%
}

.Position--anchorBottomRight {
    transform: translate(-100%,-100%);
    transform-origin: 100% 100%
}

.Position--anchorBottom {
    transform: translate(-50%,-100%);
    transform-origin: 50% 100%
}

.Position--anchorBottomLeft {
    transform: translateY(-100%);
    transform-origin: 0 100%
}

.Position--anchorLeft {
    transform: translateY(-50%);
    transform-origin: 0 50%
}

.Progressbar {
    background-color: #181818;
    box-shadow: inset 0 0 16px #000;
    color: #000;
    position: relative;
    min-height: 28px
}

.Progressbar-border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid hsla(0,0%,100%,.2);
    background: transparent;
    z-index: 1
}

.Progressbar-progress {
    background-color: #01b2f1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.Progressbar-content {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    position: relative;
    text-align: center;
    padding: 5px;
    min-height: 1.5em
}

@media (min-width: 720px) {
    .Progressbar-content {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Progressbar-content {
        font-size:1.2rem
    }
}

.Progressbar-content.zh-cn,.zh-cn .Progressbar-content {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Progressbar-content,.Progressbar-content.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Progressbar-content.ru-ru,.ru-ru .Progressbar-content {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Progressbar-content.zh-tw,.zh-tw .Progressbar-content {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Progressbar-fraction {
    display: none
}

.Progressbar-percent {
    display: none;
    margin-left: 10px
}

.Progressbar-body {
    color: #cacaca;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Progressbar-body {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Progressbar-body {
        font-size:1.44rem
    }
}

.Progressbar--ACHIEVEMENT>.Progressbar-progress {
    background: #a6d6ac;
    background: linear-gradient(90deg,#72be7b 0,#a6d6ac)
}

.Progressbar--HEALTH>.Progressbar-progress {
    background: #91c24e;
    background: linear-gradient(90deg,#699132 0,#91c24e)
}

.Progressbar--MANA>.Progressbar-progress {
    background: #0081ff;
    background: linear-gradient(90deg,#005ab3 0,#0081ff)
}

.Progressbar--FOCUS>.Progressbar-progress {
    background: #ece25d;
    background: linear-gradient(90deg,#e2d41b 0,#ece25d)
}

.Progressbar--RAGE>.Progressbar-progress {
    background: #9d1e1e;
    background: linear-gradient(90deg,#5d1212 0,#9d1e1e)
}

.Progressbar--RUNIC>.Progressbar-progress {
    background: #00accb;
    background: linear-gradient(90deg,#006b7e 0,#00accb)
}

.Progressbar--EXALTED>.Progressbar-progress {
    background: #28a687;
    background: linear-gradient(90deg,#196855 0,#28a687)
}

.Progressbar--FRIENDLY>.Progressbar-progress,.Progressbar--HONORED>.Progressbar-progress,.Progressbar--REVERED>.Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Progressbar--NEUTRAL>.Progressbar-progress {
    background: #edba03;
    background: linear-gradient(90deg,#a17f02 0,#edba03)
}

.Progressbar--UNFRIENDLY>.Progressbar-progress {
    background: #cc3609;
    background: linear-gradient(90deg,#832306 0,#cc3609)
}

.Progressbar--HATED>.Progressbar-progress,.Progressbar--HOSTILE>.Progressbar-progress {
    background: #d90e03;
    background: linear-gradient(90deg,#8e0902 0,#d90e03)
}

.Progressbar--STRANGER>.Progressbar-progress {
    background: #cc3609;
    background: linear-gradient(90deg,#832306 0,#cc3609)
}

.Progressbar--ACQUAINTANCE>.Progressbar-progress {
    background: #edba03;
    background: linear-gradient(90deg,#a17f02 0,#edba03)
}

.Progressbar--BUDDY>.Progressbar-progress,.Progressbar--FRIEND>.Progressbar-progress,.Progressbar--GOOD_FRIEND>.Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Progressbar--BEST_FRIEND>.Progressbar-progress {
    background: #28a687;
    background: linear-gradient(90deg,#196855 0,#28a687)
}

.Progressbar--BODYGUARD>.Progressbar-progress,.Progressbar--TRUSTED_BODYGUARD>.Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Progressbar--PERSONAL_WINGMAN>.Progressbar-progress {
    background: #28a687;
    background: linear-gradient(90deg,#196855 0,#28a687)
}

.Reputation--BRONZE_ALLY .Progressbar-progress,.Reputation--CHRONO-FRIEND .Progressbar-progress,.Reputation--EPOCH-MENDER .Progressbar-progress,.Reputation--TEMPORAL_TRAINEE .Progressbar-progress,.Reputation--TIMEHOPPER .Progressbar-progress,.Reputation--WHELPLING .Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Progressbar--TIMELORD .Progressbar-progress {
    background: #28a687;
    background: linear-gradient(90deg,#196855 0,#28a687)
}

.Reputation--AMBIVALENT .Progressbar-progress,.Reputation--APPREHENSIVE .Progressbar-progress,.Reputation--CORDIAL .Progressbar-progress,.Reputation--DUBIOUS .Progressbar-progress,.Reputation--TENTATIVE .Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Reputation--APPRECIATIVE .Progressbar-progress {
    background: #28a687;
    background: linear-gradient(90deg,#196855 0,#28a687)
}

.Reputation--RANK_1 .Progressbar-progress,.Reputation--RANK_2 .Progressbar-progress,.Reputation--RANK_3 .Progressbar-progress,.Reputation--RANK_4 .Progressbar-progress,.Reputation--RANK_5 .Progressbar-progress,.Reputation--RANK_6 .Progressbar-progress,.Reputation--RANK_7 .Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Reputation--RANK_8 .Progressbar-progress {
    background: #28a687;
    background: linear-gradient(90deg,#196855 0,#28a687)
}

.Progressbar--reputation-default>.Progressbar-progress {
    background: #0f9601;
    background: linear-gradient(90deg,#074a00 0,#0f9601)
}

.Progressbar--red>.Progressbar-progress {
    background: #b30000;
    background: linear-gradient(90deg,#600 0,#b30000)
}

.Progressbar--yellow>.Progressbar-progress {
    background: #fff468;
    background: linear-gradient(90deg,#ffee1b 0,#fff468)
}

.Progressbar--green>.Progressbar-progress {
    background: #91c24e;
    background: linear-gradient(90deg,#699132 0,#91c24e)
}

.Progressbar--blue>.Progressbar-progress {
    background: #0081ff;
    background: linear-gradient(90deg,#005ab3 0,#0081ff)
}

.Progressbar--orange>.Progressbar-progress {
    background: #f63;
    background: linear-gradient(90deg,#e53900 0,#f63)
}

.Progressbar--grey>.Progressbar-progress {
    background: #444;
    background: linear-gradient(90deg,#1e1e1e 0,#444)
}

.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=low],.Progressbar--low>.Progressbar-progress {
    background: #99755c;
    background: linear-gradient(90deg,#69503f 0,#99755c)
}

.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=medium],.Progressbar--medium>.Progressbar-progress {
    background: #c76700;
    background: linear-gradient(90deg,#7b3f00 0,#c76700)
}

.Progressbar--high>.Progressbar-progress,.Progressbar--levelColor>.Progressbar-progress[data-progressLevel=high] {
    background: #1b9601;
    background: linear-gradient(90deg,#0d4a00 0,#1b9601)
}

.Progressbar--fraction .Progressbar-fraction,.Progressbar--percent .Progressbar-percent {
    display: inline-block
}

.Progressbar--large .Progressbar-content {
    padding: 10px
}

.Progressbar--leftText .Progressbar-content {
    text-align: left;
    margin-left: 10px
}

.Progressbar--border {
    border: 1px solid rgba(177,153,127,.5)
}

.Quote {
    color: #cacaca;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.296rem;
    line-height: 1.5;
    margin: 20px 40px
}

@media (min-width: 720px) {
    .Quote {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Quote {
        font-size:1.728rem
    }
}

.Quote--addQuotationMarks:before {
    content: "“"
}

.Quote--addQuotationMarks:after {
    content: "”"
}

.ru-ru .Quote--addQuotationMarks:before {
    content: "«"
}

.ru-ru .Quote--addQuotationMarks:after {
    content: "»"
}

.de-de .Quote--addQuotationMarks:before {
    content: "„"
}

.de-de .Quote--addQuotationMarks:after {
    content: "”"
}

.es-es .Quote--addQuotationMarks:before {
    content: "„"
}

.es-es .Quote--addQuotationMarks:after {
    content: "”"
}

.fr-fr .Quote--addQuotationMarks:before {
    content: "« "
}

.fr-fr .Quote--addQuotationMarks:after {
    content: " »"
}

.pt-br .Quote--addQuotationMarks:before {
    content: "“"
}

.pt-br .Quote--addQuotationMarks:after {
    content: "”"
}

.Quote--small {
    font-size: 1.08rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Quote--small {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Quote--small {
        font-size:1.44rem
    }
}

.Quote--large {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1.866rem;
    line-height: 1.5;
    font-weight: 400
}

.Quote--large.zh-cn,.zh-cn .Quote--large {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Quote--large,.Quote--large.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Quote--large.ru-ru,.ru-ru .Quote--large {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Quote--large.zh-tw,.zh-tw .Quote--large {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Quote--large {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .Quote--large {
        font-size:2.488rem
    }
}

.Quote--overImage {
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    line-height: 2em
}

.Quote--overImage .Quote-text {
    background-color: rgba(0,0,0,.75);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    display: inline;
    padding: .125em .5em
}

.Quote--pullLeft,.Quote--pullRight {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    clear: both;
    display: block;
    font-weight: 700;
    left: 15%;
    line-height: 2em;
    margin-left: 30px;
    padding: .125em .5em;
    position: relative;
    text-align: center;
    width: 200px
}

@media (min-width: 720px) {
    .Quote--pullLeft,.Quote--pullRight {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Quote--pullLeft,.Quote--pullRight {
        font-size:1.728rem
    }
}

.Quote--pullLeft.zh-cn,.Quote--pullRight.zh-cn,.zh-cn .Quote--pullLeft,.zh-cn .Quote--pullRight {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Quote--pullLeft,.ko-kr .Quote--pullRight,.Quote--pullLeft.ko-kr,.Quote--pullRight.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Quote--pullLeft.ru-ru,.Quote--pullRight.ru-ru,.ru-ru .Quote--pullLeft,.ru-ru .Quote--pullRight {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Quote--pullLeft.zh-tw,.Quote--pullRight.zh-tw,.zh-tw .Quote--pullLeft,.zh-tw .Quote--pullRight {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 540px) {
    .Quote--pullLeft,.Quote--pullRight {
        left:20%
    }
}

@media (min-width: 720px) {
    .Quote--pullLeft,.Quote--pullRight {
        left:30%
    }
}

@media (min-width: 980px) {
    .Quote--pullLeft {
        float:left;
        left: -200px;
        margin: 10px -150px 10px 10px;
        text-align: left;
        width: 400px
    }
}

@media (min-width: 980px) {
    .Quote--pullRight {
        float:right;
        left: 200px;
        margin: 10px 10px 10px -150px;
        text-align: left;
        width: 400px
    }
}

.RaceTile {
    width: 140px
}

@media (min-width: 1280px) {
    .RaceTile {
        width:160px
    }
}

@media (min-width: 1600px) {
    .RaceTile {
        width:180px
    }
}

.RaceTile--large {
    width: 220px
}

.RaceTile-content {
    position: relative;
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
    border: 1px solid #333;
    background: url(/static/components/RaceTile/RaceTile-background.47c3e8cd54ec66965c668752f1992505.jpg) 50% no-repeat;
    background-size: cover
}

.RaceTile-content:before {
    content: "";
    display: block;
    padding-top: 133.33333333%
}

.RaceTile--large .RaceTile-content {
    border-width: 2px
}

.RaceTile-backWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.RaceTile-back,.RaceTile-front {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 123.5%;
    height: 119.25%;
    background-size: cover;
    background-position: 50%;
    transform: translate(-50%) scale(1);
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s
}

.RaceTile-front {
    pointer-events: none
}

.RaceTile-name {
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
    text-align: center;
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .RaceTile-name {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .RaceTile-name {
        font-size:1.44rem
    }
}

.RaceTile-name.zh-cn,.zh-cn .RaceTile-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .RaceTile-name,.RaceTile-name.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.RaceTile-name.ru-ru,.ru-ru .RaceTile-name {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.RaceTile-name.zh-tw,.zh-tw .RaceTile-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.RaceTile-emblem {
    position: relative;
    width: 56px;
    height: 56px;
    background-size: cover;
    background-position: 50%
}

.RaceTile-emblem:before {
    content: "";
    display: block;
    padding-top: 100%
}

.RaceTile--horde .RaceTile-content {
    border-color: #b30000
}

.RaceTile--horde .RaceTile-content .RaceTile-emblem {
    background-image: url(/static/components/RaceTile/RaceTile-emblem-horde.92e86624e796446ef43ed3fe08f6d45f.png)
}

.RaceTile--alliance .RaceTile-content {
    border-color: #0078ff
}

.RaceTile--alliance .RaceTile-content .RaceTile-emblem {
    background-image: url(/static/components/RaceTile/RaceTile-emblem-alliance.fdb465cb222deb6db535f901ff2239c6.png)
}

.RaceTile-link {
    display: block;
    width: 100%
}

html:not(.touch) .RaceTile-link:hover .RaceTile-content {
    border-color: #f8b700
}

html:not(.touch) .RaceTile-link:hover .RaceTile-back,html:not(.touch) .RaceTile-link:hover .RaceTile-front {
    transform: translate3d(-50%,0,0) scale(1.1)
}

html:not(.touch) .RaceTile-link:hover .RaceTile-name {
    color: #fff
}

.SelectBox {
    position: relative
}

.SelectBox--small .SelectBoxButton {
    font-size: 1rem;
    line-height: 1.5;
    padding: 5px 16px
}

@media (min-width: 720px) {
    .SelectBox--small .SelectBoxButton {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .SelectBox--small .SelectBoxButton {
        font-size:1rem
    }
}

.SelectBox--outlined .SelectBoxButton {
    background-color: #000;
    border: 1px solid #f8b700;
    color: #fff
}

.SelectBox--outlined .SelectBoxButton:focus,.SelectBox--outlined .SelectBoxButton:hover {
    border: 1px solid #fff
}

.SelectBox--outlined .SelectBoxButton .Icon {
    color: #f8b700
}

.SelectBox--outlined .SelectBoxOptions,.SelectBoxButton {
    background-color: #000
}

.SelectBoxButton {
    width: 100%;
    border: 1px solid #f8b700;
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 700;
    padding: 10px;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    background-color: #f8b700;
    position: relative;
    display: flex;
    justify-content: space-between
}

.SelectBoxButton.zh-cn,.zh-cn .SelectBoxButton {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SelectBoxButton,.SelectBoxButton.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SelectBoxButton,.SelectBoxButton.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SelectBoxButton.zh-tw,.zh-tw .SelectBoxButton {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .SelectBoxButton {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .SelectBoxButton {
        font-size:1.44rem
    }
}

.SelectBoxButton.gutter-vertical {
    padding: 10px 0
}

.SelectBoxButton.gutter-all {
    padding: 10px
}

.SelectBoxButton.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.SelectBoxButton.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.SelectBoxButton.gutter-negative.gutter-all {
    margin: -10px
}

.SelectBoxButton:focus {
    outline: none
}

.SelectBoxButton.focus-visible,.SelectBoxButton:focus-visible {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.SelectBoxOptions-Native {
    font-size: 1.296rem;
    line-height: 1.5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

@media (min-width: 720px) {
    .SelectBoxOptions-Native {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .SelectBoxOptions-Native {
        font-size:1.728rem
    }
}

.SelectBoxOptions {
    position: absolute;
    width: 100%;
    background-color: #211510;
    border: 1px solid #504137;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    padding: 0;
    margin: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 300px;
    scrollbar-width: auto;
    scrollbar-color: #f8b700 #000
}

.SelectBoxOptions .simplebar-track {
    background: #000
}

.SelectBoxOptions .simplebar-track.simplebar-vertical {
    box-shadow: 0 0 48px 2px #000
}

.SelectBoxOptions .simplebar-scrollbar:before {
    background: #f8b700
}

.SelectBoxOptions .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1
}

.SelectBoxOptions::-webkit-scrollbar {
    width: 8px
}

.SelectBoxOptions::-webkit-scrollbar-track {
    background: #000
}

.SelectBoxOptions::-webkit-scrollbar-thumb {
    background-color: #f8b700;
    border-radius: 4px
}

.SelectBoxOption {
    padding: 12px;
    cursor: pointer
}

.SelectBoxOption+.SelectBoxOption {
    border-top: 1px solid #504137
}

.SelectBoxOption--active {
    background-color: #b06601;
    color: #fff
}

.SelectBoxOption--selected {
    color: #fff
}

.Separator>* {
    position: relative
}

.Separator>:after,.Separator>:before {
    content: "";
    top: 0;
    bottom: 0;
    width: 2px;
    position: absolute;
    background: #000;
    z-index: 1
}

.Separator>:before {
    left: 0
}

.Separator>:after {
    right: 0
}

.Separator>:first-child:before,.Separator>:last-child:after {
    display: none
}

.Separator>*>.bordered:before {
    left: 2px;
    right: 2px
}

.Separator>:first-child>.bordered:before {
    left: 0
}

.Separator>:last-child>.bordered:before {
    right: 0
}

.Separator--borders>:before {
    border-left: 1px solid #504137
}

.Separator--borders>:after {
    border-right: 1px solid #504137
}

.Separator--bordersFadeTop>:before {
    border: solid #504137;
    border-width: 0 0 0 1px;
    -o-border-image: linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1;
    border-image: linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1
}

.Separator--bordersFadeTop>:after,.Separator--bordersFadeTop>:before {
    background: linear-gradient(180deg,transparent 0,#000);
    background-clip: content-box
}

.Separator--bordersFadeTop>:after {
    border: solid #504137;
    border-width: 0 1px 0 0;
    -o-border-image: linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1;
    border-image: linear-gradient(180deg,rgba(80,65,55,0) 0,#504137) 1
}

.Separator--bordersFadeBottom>:before {
    border: solid #504137;
    border-width: 0 0 0 1px;
    -o-border-image: linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1;
    border-image: linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1
}

.Separator--bordersFadeBottom>:after,.Separator--bordersFadeBottom>:before {
    background: linear-gradient(180deg,#000 0,transparent);
    background-clip: content-box
}

.Separator--bordersFadeBottom>:after {
    border: solid #504137;
    border-width: 0 1px 0 0;
    -o-border-image: linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1;
    border-image: linear-gradient(180deg,#504137 0,rgba(80,65,55,0)) 1
}

.Separator--fade>:after,.Separator--fade>:before {
    width: 1px;
    border: 0
}

.Separator--fade>:before {
    background: #504137;
    background: linear-gradient(180deg,rgba(80,65,55,0) 0,#504137 40%,#504137 60%,rgba(80,65,55,0))
}

.Separator--fade>:after {
    background: #211510;
    background: linear-gradient(180deg,transparent 0,#000 40%,#000 60%,transparent)
}

.Separator--fade>*>.bordered:before {
    left: 1px;
    right: 1px
}

.Separator--vertical>:after,.Separator--vertical>:before {
    top: auto;
    bottom: auto;
    width: 100%;
    left: 0;
    right: 0;
    height: 2px
}

.Separator--vertical>:before {
    top: 0
}

.Separator--vertical>:after {
    bottom: 0
}

.Separator--vertical>*>.bordered:before {
    left: 0;
    right: 0;
    top: 2px;
    bottom: 2px
}

.Separator--vertical>:first-child>.bordered:before {
    top: 0
}

.Separator--vertical>:last-child>.bordered:before {
    bottom: 0
}

.Separator--vertical.Separator--borders>:before {
    border-top: 1px solid #504137
}

.Separator--vertical.Separator--borders>:after {
    border-bottom: 1px solid #504137
}

.SiteFooter {
    padding: 30px 0
}

.SiteFooter>.NavbarFooter {
    margin-top: 0;
    margin-bottom: 0
}

.SiteFooter>.NavbarFooter>.NavbarFooter-legal {
    padding-bottom: 0
}

.SocialLinks {
    color: #ebdec2;
    text-align: center
}

@media (min-width: 720px) {
    .SocialLinks {
        display:table;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .SocialLinks>.List-item {
        vertical-align: middle
    }
}

.SocialLinks-title {
    text-transform: uppercase;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1.08rem;
    line-height: 1.5;
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 0
}

.SocialLinks-title.zh-cn,.zh-cn .SocialLinks-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SocialLinks-title,.SocialLinks-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SocialLinks-title,.SocialLinks-title.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SocialLinks-title.zh-tw,.zh-tw .SocialLinks-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .SocialLinks-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .SocialLinks-title {
        font-size:1.44rem
    }
}

@media (min-width: 720px) {
    .SocialLinks-links {
        display:table-cell;
        height: 100%;
        padding: 0 20px
    }
}

.SocialLinks-link {
    color: #f8b700;
    padding: 0 10px;
    display: inline-block
}

html:not(.touch) .SocialLinks-link:hover {
    color: #fff
}

.SocialLinks--onLight,.SocialLinks--onLight>.SocialLinks-links .SocialLinks-link {
    color: #211510
}

.SocialLinks--stacked .SocialLinks-links {
    display: block;
    padding: 10px 0
}

.SocialLinks--legion .SocialLinks-title {
    color: #fff
}

.SocialLinks--legion .SocialLinks-link {
    color: #13ff29
}

html:not(.touch) .SocialLinks--legion .SocialLinks-link:hover {
    color: #fff
}

.SocialLinks--ocho .SocialLinks-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top,#ede0c9 20%,#8a7e66);
    background-size: 1.3em 1.3em;
    background-position: top;
    color: #ede0c9;
    display: inline-block;
    line-height: 1.3em;
    text-shadow: none;
    position: relative
}

.SocialLinks--ocho .SocialLinks-link {
    color: #cacaca
}

.Status,html:not(.touch) .SocialLinks--ocho .SocialLinks-link:hover {
    color: #fff
}

.Status {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    display: inline-block!important
}

@media (min-width: 720px) {
    .Status {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Status {
        font-size:1.44rem
    }
}

.Status.zh-cn,.zh-cn .Status {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Status,.Status.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Status,.Status.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Status.zh-tw,.zh-tw .Status {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Status--smallGutter {
    padding: 0 10px
}

.Status--smallGutter.gutter-vertical {
    padding: 10px 0
}

.Status--smallGutter.gutter-all {
    padding: 10px
}

.Status--smallGutter.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.Status--smallGutter.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.Status--smallGutter.gutter-negative.gutter-all {
    margin: -10px
}

.Status--upper {
    text-transform: uppercase
}

.Status--live {
    background-color: #d21313
}

.Status--offline {
    background-color: #476371
}

.Table {
    display: table;
    margin: 0 auto;
    position: relative
}

.Table-head {
    display: table-header-group
}

.Table-noData {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    margin: 12px auto;
    position: absolute;
    width: 100%;
    max-width: 600px;
    bottom: 0;
    left: 0
}

@media (min-width: 720px) {
    .Table-noData {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Table-noData {
        font-size:1.44rem
    }
}

.Table-noData.zh-cn,.zh-cn .Table-noData {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Table-noData,.Table-noData.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Table-noData,.Table-noData.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Table-noData.zh-tw,.zh-tw .Table-noData {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Table-body {
    display: table-row-group
}

.Table-row {
    color: #b1997f;
    display: table-row
}

.Table--animated .Table-row {
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s
}

.Table-row--empty {
    position: relative;
    height: 100px
}

.Table-row--highlighted .Table-data {
    background-color: hsla(0,0%,100%,.1);
    border-top: 1px solid hsla(0,0%,100%,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.Table-row--highlighted .Table-data:first-of-type {
    border-left: 1px solid hsla(0,0%,100%,.1)
}

.Table-row--highlighted .Table-data:last-of-type {
    border-right: 1px solid hsla(0,0%,100%,.1)
}

.Table-row:nth-child(odd) .Table-data {
    background: hsla(0,0%,100%,.04)
}

.Table-row[disabled] {
    color: #cacaca
}

.Table-data {
    border-top: 1px solid hsla(0,0%,100%,.1);
    padding: 10px;
    vertical-align: middle;
    position: relative
}

@media (min-width: 720px) {
    .Table-data {
        height:48px;
        padding: 0 20px
    }
}

.Table-col {
    display: table-cell
}

.Table-col.is-hidden {
    display: none!important
}

.Table-col--hardEdges {
    padding-left: 0;
    padding-right: 0
}

.Table-label {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1.08rem;
    line-height: 1.5;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    white-space: nowrap;
    border: 0;
    color: #fff;
    cursor: default;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px transparent,1px 1px 0 #000,1px 1px 0 #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: table-cell
}

.Table-label.zh-cn,.zh-cn .Table-label {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Table-label,.Table-label.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Table-label,.Table-label.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Table-label.zh-tw,.zh-tw .Table-label {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Table-label {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Table-label {
        font-size:1.44rem
    }
}

.Table-label.is-interactive {
    color: #f8b700;
    cursor: pointer
}

.Table-label:active .Table-labelOuter {
    top: 0
}

.Table-label,.Table-labelOuter {
    padding-right: 0
}

.Table-labelOuter {
    display: block;
    padding: 1px;
    position: relative;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.Table-labelOuter:focus,html:not(.touch) .Table-labelOuter:hover {
    color: #fff
}

.Table-labelInner {
    display: block;
    padding: 13px 58px;
    position: relative
}

.Table-labelText {
    display: inline;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0 #000,1px 1px 0 #000
}

.Table-label:last-child,.Table-label:last-child .Table-labelOuter {
    padding-right: 1px
}

.Table-labelInner,.Table-labelOuter {
    display: block;
    width: 100%
}

.Table-label .Table-labelInner {
    padding-right: 10px;
    padding-left: 10px
}

.Table-label.is-sorted,.Table-label.is-sorted-reverse {
    color: #fff;
    position: relative
}

.Table-label.is-sorted-reverse .Table-labelText:after,.Table-label.is-sorted .Table-labelText:after {
    border-top: 5px solid #f8b700;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: 25%;
    content: "";
    height: 0;
    right: -15px;
    position: absolute;
    width: 0
}

.Table-label.is-sorted-reverse .Table-labelText:after {
    border-top: none;
    border-bottom: 5px solid #f8b700;
    bottom: auto;
    top: 45%
}

.Table--alignTop .Table-data {
    vertical-align: top
}

.Table--dataPadding .Table-data {
    padding: 10px
}

.Table-row:last-child:nth-child(odd) .Table-data {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.Table-row:last-child:nth-child(2n) .Table-data {
    border-bottom: 0
}

.Table-status {
    vertical-align: middle
}

.Table.is-resizing .Table-col {
    display: inline-block!important;
    width: auto!important
}

.Table--vertical-align-middle .Table-col,.Table--vertical-align-middle .Table-label {
    vertical-align: middle
}

.Table--flex,.Table--stretch,.Table--stretch .Table-col[data-priority="1"] {
    width: 100%
}

.Table-row.Table-row--noDividers .Table-data {
    border-top: 0
}

.Table-row:last-child:nth-child(odd).Table-row--noDividers .Table-data {
    border-bottom: 0
}

.Table-row.Table-row--tall .Table-data {
    padding-top: 15px;
    padding-bottom: 20px
}

.Table-row.Table-row--ghost {
    background: hsla(0,0%,100%,.02)
}

.Table-row--bordered>.Table-data,.Table-row--bordered>.Table-label {
    border-top: 1px solid hsla(0,0%,100%,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.Table-label--left {
    text-align: left
}

.Table-label--right {
    text-align: right
}

.Table-label--beige .Table-labelText {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Table-label--beige .Table-labelText {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Table-label--beige .Table-labelText {
        font-size:1rem
    }
}

.Table-label--beige .Table-labelText.zh-cn,.zh-cn .Table-label--beige .Table-labelText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Table-label--beige .Table-labelText,.Table-label--beige .Table-labelText.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Table-label--beige .Table-labelText,.Table-label--beige .Table-labelText.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Table-label--beige .Table-labelText.zh-tw,.zh-tw .Table-label--beige .Table-labelText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Table-label--white .Table-labelText {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Table-label--white .Table-labelText {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Table-label--white .Table-labelText {
        font-size:1.44rem
    }
}

.Table-label--white .Table-labelText.zh-cn,.zh-cn .Table-label--white .Table-labelText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Table-label--white .Table-labelText,.Table-label--white .Table-labelText.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Table-label--white .Table-labelText,.Table-label--white .Table-labelText.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Table-label--white .Table-labelText.zh-tw,.zh-tw .Table-label--white .Table-labelText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Table-data.Table-data--bg>div {
    background-color: #2a4b71;
    width: 35px;
    height: 24px
}

.Table-data.Table-data--mediumBg>div {
    background-color: #2a4b71;
    width: 26px;
    height: 18px
}

.Table-data.Table-data--smallBg>div {
    background-color: #2a4b71;
    width: 23px;
    height: 17px
}

.Table--disabled .Table-label,.Table--disabled .Table-labelOuter,.Table--disabled html:not(.touch) .Table-label:hover {
    color: #fff;
    cursor: default
}

.Table--disabled .Table-label.is-sorted-reverse .Table-labelText:after,.Table--disabled .Table-label.is-sorted .Table-labelText:after {
    display: none
}

.Tags-tag,.Tags-title {
    display: inline-block;
    margin: 3px 3px 0 0;
    text-transform: uppercase
}

.Tags-tag {
    color: #f8b700;
    padding: 0 8px
}

html:not(.touch) .Tags-tag:hover {
    text-decoration: underline
}

.Tile {
    position: relative;
    color: #fff;
    height: 100%;
    background-size: cover;
}

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

.Tile-area {
    overflow: hidden
}

.Tile-area,.Tile-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Tile-bg {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.Tile-content {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 40px)
}

body.z-index-reset-full .Tile-content,body.z-index-reset .Tile-content {
    z-index: auto
}

.Tile--fixed {
    width: 250px;
    width: 75vw
}

.Tile--thin {
    position: relative
}

.Tile--thin:before {
    content: "";
    display: block;
    padding-top: 33.33333333%
}

.Tile--wide {
    position: relative
}

.Tile--wide:before {
    content: "";
    display: block;
    padding-top: 50%
}

.Tile--tall {
    position: relative
}

.Tile--tall:before {
    content: "";
    display: block;
    padding-top: 200%
}

.Tile--square {
    position: relative
}

.Tile--square:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Tile--photo {
    position: relative
}

.Tile--photo:before {
    content: "";
    display: block;
    padding-top: 75%
}

.Tile--gutter>.Tile-area {
    margin: 10px
}

.Tile--transparent .Tile-bg {
    background-color: transparent
}

.Tile--border {
    border: 1px solid #504137
}

html:not(.touch) .Tile--border:hover {
    border-color: #f8b700
}

.VideoTile-content {
    position: relative
}

.VideoTile-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.VideoTile-bottomInner {
    display: table;
    position: relative;
    width: 100%;
    padding: 20px;
    pointer-events: none
}

.VideoTile-left,.VideoTile-right {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    vertical-align: bottom
}

.VideoTile-right {
    text-align: right
}

.VideoTile-title {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    line-height: 22px
}

@media (min-width: 720px) {
    .VideoTile-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .VideoTile-title {
        font-size:1.44rem
    }
}

.VideoTile-title.zh-cn,.zh-cn .VideoTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .VideoTile-title,.VideoTile-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .VideoTile-title,.VideoTile-title.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.VideoTile-title.zh-tw,.zh-tw .VideoTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.VideoTile--link .VideoTile-title {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    line-height: 22px
}

@media (min-width: 720px) {
    .VideoTile--link .VideoTile-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .VideoTile--link .VideoTile-title {
        font-size:1.44rem
    }
}

.VideoTile--link .VideoTile-title.zh-cn,.zh-cn .VideoTile--link .VideoTile-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .VideoTile--link .VideoTile-title,.VideoTile--link .VideoTile-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .VideoTile--link .VideoTile-title,.VideoTile--link .VideoTile-title.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.VideoTile--link .VideoTile-title.zh-tw,.zh-tw .VideoTile--link .VideoTile-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

html:not(.touch) .VideoTile--link:hover .VideoTile-title {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    line-height: 22px
}

@media (min-width: 720px) {
    html:not(.touch) .VideoTile--link:hover .VideoTile-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    html:not(.touch) .VideoTile--link:hover .VideoTile-title {
        font-size:1.44rem
    }
}

.zh-cn html:not(.touch) .VideoTile--link:hover .VideoTile-title,html:not(.touch) .VideoTile--link:hover .VideoTile-title.zh-cn {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr html:not(.touch) .VideoTile--link:hover .VideoTile-title,html:not(.touch) .VideoTile--link:hover .VideoTile-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru html:not(.touch) .VideoTile--link:hover .VideoTile-title,html:not(.touch) .VideoTile--link:hover .VideoTile-title.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.zh-tw html:not(.touch) .VideoTile--link:hover .VideoTile-title,html:not(.touch) .VideoTile--link:hover .VideoTile-title.zh-tw {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.VideoTile-subtitle {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    line-height: 22px
}

@media (min-width: 720px) {
    .VideoTile-subtitle {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .VideoTile-subtitle {
        font-size:1.2rem
    }
}

.VideoTile-subtitle.zh-cn,.zh-cn .VideoTile-subtitle {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .VideoTile-subtitle,.VideoTile-subtitle.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .VideoTile-subtitle,.VideoTile-subtitle.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.VideoTile-subtitle.zh-tw,.zh-tw .VideoTile-subtitle {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .VideoTile-subtitle {
        line-height:22px
    }
}

.VideoTile-overlay {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%
}

.VideoTile-overlayText {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    text-align: center
}

@media (min-width: 720px) {
    .VideoTile-overlayText {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .VideoTile-overlayText {
        font-size:2.986rem
    }
}

.VideoTile-overlayText.zh-cn,.zh-cn .VideoTile-overlayText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .VideoTile-overlayText,.VideoTile-overlayText.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .VideoTile-overlayText,.VideoTile-overlayText.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.VideoTile-overlayText.zh-tw,.zh-tw .VideoTile-overlayText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.VideoTile-duration {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    text-align: center;
    background-color: #211510;
    outline: 1px solid #504137;
    padding: 5px 10px
}

@media (min-width: 720px) {
    .VideoTile-duration {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .VideoTile-duration {
        font-size:1.2rem
    }
}

.VideoTile-duration.zh-cn,.zh-cn .VideoTile-duration {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .VideoTile-duration,.VideoTile-duration.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .VideoTile-duration,.VideoTile-duration.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.VideoTile-duration.zh-tw,.zh-tw .VideoTile-duration {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.VideoTile-fade {
    background: linear-gradient(180deg,transparent 60%,rgba(0,0,0,.8) 90%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.VideoTile--link .VideoTile-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #504137
}

html:not(.touch) .VideoTile:hover.VideoTile--link .VideoTile-link {
    border-color: #f8b700
}

.VideoTile:hover html:not(.touch) .VideoTile:hover.VideoTile--link .VideoTile-link {
    color: #fff
}

.VideoTile-play {
    display: none;
    background: rgba(0,0,0,.4);
    border: 1px solid #000;
    color: #f7b10a;
    padding: 0;
    position: relative;
    transition: background .2s,color .2s;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%
}

.VideoTile-play .VideoTile-playOuter {
    background-image: none;
    border: 1px solid #c77e19;
    position: relative
}

.VideoTile-play .VideoTile-playOuter:before {
    background-image: none
}

.VideoTile-play .VideoTile-playInner {
    background-image: none;
    height: 90px;
    padding: 0;
    width: 90px;
    text-align: center
}

.VideoTile-play .VideoTile-playInner:before {
    background-image: none
}

.VideoTile-play .VideoTile-playArrow {
    display: inline-block;
    position: relative;
    border-color: transparent #fddeb4;
    border-style: solid;
    border-width: 20.5px 0 20.5px 30px;
    top: 27%;
    left: 3%;
    transition: border-color .2s
}

@media (min-width: 320px) {
    .VideoTile-play .VideoTile-playInner {
        width:73px;
        height: 73px
    }

    .VideoTile-play .VideoTile-playArrow {
        border-width: 16.5px 0 16.5px 24px
    }
}

@media (min-width: 540px) {
    .VideoTile-play .VideoTile-playInner {
        width:90px;
        height: 90px
    }

    .VideoTile-play .VideoTile-playArrow {
        border-width: 20.5px 0 20.5px 30px
    }
}

@media (min-width: 720px) {
    .VideoTile-play .VideoTile-playInner {
        width:90px;
        height: 90px
    }

    .VideoTile-play .VideoTile-playArrow {
        border-width: 20.5px 0 20.5px 30px
    }
}

.VideoTile--link .VideoTile-play {
    display: inline-block
}

html:not(.touch) .VideoTile--link:hover .VideoTile-play {
    background: #b06601
}

.VideoTile--link:active .VideoTile-play {
    background: #8a5000;
    transition: none
}

.VideoTile[disabled] .VideoTile-content {
    opacity: .3
}

.VodLink {
    color: #f8b700;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

html:not(.touch) .VodLink:hover {
    color: #fff;
    cursor: pointer
}

.AjaxContent,.Anchor--offset {
    position: relative
}

.Anchor--offset {
    top: -100px;
    display: block
}

.Art {
    cursor: default;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: -1;
    pointer-events: none
}

.Art-image {
    background-position: 50%;
    background-size: cover
}

.Art-image,.Art-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Art-mask>path,.Art-mask>use {
    pointer-events: painted;
    fill: transparent;
    cursor: pointer
}

.Art-video.VideoPane {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
    min-width: 100%
}

.Art-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: all
}

.Art-center {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
    text-align: center;
    width: 100%
}

.Art-placeholder {
    display: inline-block;
    width: 56px;
    background-size: 100%;
    background-image: url(/static/components/Icon/Icon-photo.2a688f9616075622d873dc7cee1ac30c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    filter: invert(100%);
    opacity: .8;
    width: 120px;
    margin: -20px
}

.Art-placeholder:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Art-caption {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    font-style: italic;
    padding: 0 10px
}

@media (min-width: 720px) {
    .Art-caption {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Art-caption {
        font-size:1.44rem
    }
}

.Art-caption.zh-cn,.zh-cn .Art-caption {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.Art-caption.ko-kr,.ko-kr .Art-caption {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Art-caption.ru-ru,.ru-ru .Art-caption {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Art-caption.zh-tw,.zh-tw .Art-caption {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Art--above {
    z-index: 1
}

.Art--fadeBottom .Art-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 -100px 100px -50px #000
}

.Art--fadeBottomLarge .Art-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 -200px 200px -50px rgba(0,0,0,.7)
}

.Art--contain {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.Art--backgroundContain .Art-image {
    background-size: contain;
    background-repeat: no-repeat
}

.Art--contentPassthrough .Art-content {
    pointer-events: none
}

.Art--overflow,.Art--overflow .Art-content {
    overflow: visible
}

.Art--fitToHeight {
    width: auto;
    height: 100%
}

.Photoswipe {
    z-index: 7!important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.Photoswipe .pswp__button {
    opacity: 1;
    background-image: url(/static/components/Photoswipe/Photoswipe.0dee239be01185766eb6eef9711ba730.png);
    transition: filter .2s ease
}

html:not(.touch) .Photoswipe .pswp__button:hover {
    filter: brightness(200%) saturate(0)
}

@media (min-width: 980px) {
    .Photoswipe .pswp__ui:not(.pswp__ui--one-slide) .Photoswipe-next,.Photoswipe .pswp__ui:not(.pswp__ui--one-slide) .Photoswipe-prev {
        display:block;
        transition: opacity 333ms cubic-bezier(.4,0,.22,1),filter .2s ease
    }

    html:not(.touch) .Photoswipe .pswp__ui:not(.pswp__ui--one-slide) .Photoswipe-next:hover,html:not(.touch) .Photoswipe .pswp__ui:not(.pswp__ui--one-slide) .Photoswipe-prev:hover {
        filter: brightness(200%) saturate(0)
    }

    .Photoswipe .pswp__ui.pswp__ui--hidden .Photoswipe-next,.Photoswipe .pswp__ui.pswp__ui--hidden .Photoswipe-prev,.Photoswipe .pswp__ui.pswp__ui--idle .Photoswipe-next,.Photoswipe .pswp__ui.pswp__ui--idle .Photoswipe-prev {
        opacity: 0
    }
}

.Photoswipe .pswp__caption {
    padding: 10px 0;
    background-color: transparent!important;
    background: linear-gradient(180deg,rgba(24,24,24,.5) 0,rgba(24,24,24,.8) 50%)
}

.ControlledModal-portal--group .Photoswipe .pswp__caption {
    bottom: 60px;
    border-bottom: 1px solid #444
}

@media (min-width: 980px) {
    .Photoswipe .pswp__caption {
        background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.8) 50%)
    }

    .ControlledModal-portal--group .Photoswipe .pswp__caption {
        bottom: 0;
        border-bottom: none
    }
}

.Photoswipe .pswp__caption__center {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #cacaca;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    word-break: keep-all;
    max-width: 700px;
    text-align: center
}

@media (min-width: 720px) {
    .Photoswipe .pswp__caption__center {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Photoswipe .pswp__caption__center {
        font-size:1.2rem
    }
}

.Photoswipe .pswp__caption__center.zh-cn,.zh-cn .Photoswipe .pswp__caption__center {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Photoswipe .pswp__caption__center,.Photoswipe .pswp__caption__center.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Photoswipe .pswp__caption__center.ru-ru,.ru-ru .Photoswipe .pswp__caption__center {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Photoswipe .pswp__caption__center.zh-tw,.zh-tw .Photoswipe .pswp__caption__center {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Photoswipe .pswp__caption__center html:not(.touch) .Link:hover {
    color: #fff
}

.Photoswipe .PhotoSwipe-caption-title {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    margin-bottom: 10px
}

@media (min-width: 720px) {
    .Photoswipe .PhotoSwipe-caption-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Photoswipe .PhotoSwipe-caption-title {
        font-size:1.44rem
    }
}

.Photoswipe .PhotoSwipe-caption-title.zh-cn,.zh-cn .Photoswipe .PhotoSwipe-caption-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Photoswipe .PhotoSwipe-caption-title,.Photoswipe .PhotoSwipe-caption-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Photoswipe .PhotoSwipe-caption-title.ru-ru,.ru-ru .Photoswipe .PhotoSwipe-caption-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Photoswipe .PhotoSwipe-caption-title.zh-tw,.zh-tw .Photoswipe .PhotoSwipe-caption-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Photoswipe-wrap {
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}

.Photoswipe-item {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%
}

.Photoswipe-item>.Modal:not(.Modal--video) {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

@media not all and ((min-width: 540px)) {
.Photoswipe-item {
    width:100%;
    height: 100%
}

.Photoswipe-item>.Modal {
    margin: 0
}
}

.Photoswipe-next,.Photoswipe-prev {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 20px
}

.Photoswipe-prev {
    left: -15px
}

.Photoswipe-next {
    right: -15px
}

.Photoswipe--modal .Photoswipe-top {
    display: none
}

.Photoswipe--modal .Photoswipe-prev {
    left: 0
}

.Photoswipe--modal .Photoswipe-next {
    right: 0
}

.Photoswipe--ocho .pswp__button {
    filter: brightness(100%) saturate(0)
}

html:not(.touch) .Photoswipe--ocho .pswp__button:hover {
    filter: brightness(200%) saturate(0)
}

.Photoswipe--ocho .Photoswipe-next,.Photoswipe--ocho .Photoswipe-prev {
    filter: none!important
}

.Photoswipe--ocho .Photoswipe-prev {
    left: 0
}

.Photoswipe--ocho .Photoswipe-next {
    right: 0
}

.Blog a {
    font-weight: 400
}

.Blog .detail>p:first-child {
    font-style: italic;
    font-weight: 700;
    margin-top: 0
}

.Blog .centered {
    margin-bottom: 0!important
}

.Blog .centered>iframe {
    border-bottom: none!important;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.Blog h2:before {
    display: block;
    content: " ";
    margin-top: calc(var(--nav-height)*-1.25);
    height: calc(var(--nav-height)*1.25);
    visibility: hidden;
    pointer-events: none
}

.BrowserWarning {
    display: none
}

.BrowserWarning-content {
    overflow: hidden;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
    padding: 10px 0
}

.BrowserWarning-content p {
    margin: 0
}

.BrowserWarning-content p+p {
    margin-top: 1.5em
}

.BrowserWarning-content h1 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.866rem;
    line-height: 1.5
}

.BrowserWarning-content h1.zh-cn,.zh-cn .BrowserWarning-content h1 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BrowserWarning-content h1.ko-kr,.ko-kr .BrowserWarning-content h1 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BrowserWarning-content h1.ru-ru,.ru-ru .BrowserWarning-content h1 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.BrowserWarning-content h1.zh-tw,.zh-tw .BrowserWarning-content h1 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .BrowserWarning-content h1 {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content h1 {
        font-size:2.488rem
    }
}

.BrowserWarning-content h2 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.296rem;
    line-height: 1.5
}

.BrowserWarning-content h2.zh-cn,.zh-cn .BrowserWarning-content h2 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BrowserWarning-content h2.ko-kr,.ko-kr .BrowserWarning-content h2 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BrowserWarning-content h2.ru-ru,.ru-ru .BrowserWarning-content h2 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.BrowserWarning-content h2.zh-tw,.zh-tw .BrowserWarning-content h2 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .BrowserWarning-content h2 {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content h2 {
        font-size:1.728rem
    }
}

.BrowserWarning-content h3 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1.08rem;
    line-height: 1.5
}

.BrowserWarning-content h3.zh-cn,.zh-cn .BrowserWarning-content h3 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BrowserWarning-content h3.ko-kr,.ko-kr .BrowserWarning-content h3 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BrowserWarning-content h3.ru-ru,.ru-ru .BrowserWarning-content h3 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.BrowserWarning-content h3.zh-tw,.zh-tw .BrowserWarning-content h3 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .BrowserWarning-content h3 {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content h3 {
        font-size:1.44rem
    }
}

.BrowserWarning-content h4 {
    color: #fff;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-size: 1rem;
    line-height: 1.5
}

.BrowserWarning-content h4.zh-cn,.zh-cn .BrowserWarning-content h4 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BrowserWarning-content h4.ko-kr,.ko-kr .BrowserWarning-content h4 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BrowserWarning-content h4.ru-ru,.ru-ru .BrowserWarning-content h4 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.BrowserWarning-content h4.zh-tw,.zh-tw .BrowserWarning-content h4 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .BrowserWarning-content h4 {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content h4 {
        font-size:1.2rem
    }
}

.BrowserWarning-content h5 {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .BrowserWarning-content h5 {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content h5 {
        font-size:1.2rem
    }
}

.BrowserWarning-content h5.zh-cn,.zh-cn .BrowserWarning-content h5 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BrowserWarning-content h5.ko-kr,.ko-kr .BrowserWarning-content h5 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BrowserWarning-content h5.ru-ru,.ru-ru .BrowserWarning-content h5 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.BrowserWarning-content h5.zh-tw,.zh-tw .BrowserWarning-content h5 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.BrowserWarning-content h6 {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #09273e;
    text-shadow: 0 0 1px transparent,0 1px 2px hsla(0,0%,100%,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .BrowserWarning-content h6 {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content h6 {
        font-size:1rem
    }
}

.BrowserWarning-content h6.zh-cn,.zh-cn .BrowserWarning-content h6 {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BrowserWarning-content h6.ko-kr,.ko-kr .BrowserWarning-content h6 {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BrowserWarning-content h6.ru-ru,.ru-ru .BrowserWarning-content h6 {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.BrowserWarning-content h6.zh-tw,.zh-tw .BrowserWarning-content h6 {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.BrowserWarning-content h1,.BrowserWarning-content h2,.BrowserWarning-content h3,.BrowserWarning-content h4,.BrowserWarning-content h5,.BrowserWarning-content h6 {
    margin: 1.5em 0;
    padding: 0;
    text-shadow: none
}

.BrowserWarning-content ol,.BrowserWarning-content ul {
    padding-left: 1em
}

.BrowserWarning-content ol ol,.BrowserWarning-content ol ul,.BrowserWarning-content ul ol,.BrowserWarning-content ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.BrowserWarning-content ol>li {
    counter-increment: counter-level0;
    display: block;
    padding-left: 1.5em;
    position: relative
}

.BrowserWarning-content ol>li:before {
    content: counter(counter-level0) ".";
    display: inline-block;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0
}

.BrowserWarning-content ol ol>li {
    counter-increment: counter-level1;
    margin-left: 1.5em
}

.BrowserWarning-content ol ol>li:before {
    content: counter(counter-level1,lower-latin) "."
}

.BrowserWarning-content ol ol ol>li {
    counter-increment: counter-level2
}

.BrowserWarning-content ol ol ol>li:before {
    content: counter(counter-level2,lower-roman) "."
}

.BrowserWarning-content ul>li {
    display: block;
    padding-left: 2.5em;
    position: relative
}

.BrowserWarning-content ul>li:before {
    background: url(/static/components/List/List-bullet-sprite.33b76a300709e812b894824c33fb6cb4.png) no-repeat 0 50%;
    content: ".";
    display: inline-block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 20px
}

.BrowserWarning-content ul ul>li {
    margin-left: 1.5em
}

.BrowserWarning-content ul ul>li:before {
    background-position: -20px 50%
}

.BrowserWarning-content ul ul ul>li:before {
    background-position: -40px 50%
}

.BrowserWarning-content dl>dt {
    font-weight: 700
}

.BrowserWarning-content table {
    border-color: transparent
}

.BrowserWarning-content u {
    text-decoration: none
}

.BrowserWarning-content a {
    color: #f8b700!important
}

html:not(.touch) .BrowserWarning-content a:hover {
    text-decoration: underline
}

.BrowserWarning-content a[disabled] {
    cursor: default;
    opacity: .5
}

.BrowserWarning-content hr {
    border: none;
    border-top: 1px solid #b1997f
}

@media (min-width: 720px) {
    .BrowserWarning-content {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .BrowserWarning-content {
        font-size:1.2rem
    }
}

.BrowserWarning.is-active {
    display: block
}

.Carousel {
    position: relative
}

.Carousel-next,.Carousel-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 8
}

.Carousel-prev {
    left: 0
}

.Carousel-next {
    right: 0
}

.Carousel-item {
    display: none;
    overflow: hidden
}

.Carousel-item.is-selected {
    display: block
}

.Carousel--sticky .Carousel-prev {
    height: 100vh;
    left: 0;
    top: 0;
    transform: translateY(0);
    width: 60px
}

.Carousel--sticky .Carousel-prevIcon {
    left: 0;
    position: absolute;
    top: 45%
}

.Carousel--sticky .Carousel-next {
    height: 100vh;
    right: 0;
    top: 0;
    transform: translateY(0);
    width: 60px
}

.Carousel--sticky .Carousel-nextIcon {
    position: absolute;
    right: 0;
    top: 45%
}

.Carousel--gold .Carousel-nextIcon,.Carousel--gold .Carousel-prevIcon {
    border-color: rgba(248,183,0,.8);
    border-width: 7px 7px 0 0;
    filter: none;
    height: 80px;
    margin: 20px;
    transition: border-color .2s;
    width: 80px
}

html:not(.touch) .Carousel--gold .Carousel-nextIcon:hover,html:not(.touch) .Carousel--gold .Carousel-prevIcon:hover {
    border-color: #f8b700
}

.Carousel--gold .Carousel-nextIcon:after,.Carousel--gold .Carousel-prevIcon:after {
    box-shadow: 0 0 50px 20px rgba(0,0,0,.5);
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: -1
}

.Carousel--ghost .Carousel-nextIcon,.Carousel--ghost .Carousel-prevIcon {
    border-color: rgba(0,0,0,.25);
    border-width: 10px 10px 0 0;
    margin: 20px
}

.Carousel--animated .Carousel-transitioning {
    transition: transform .25s
}

.Carousel--animated .Carousel-currentFrame {
    display: block;
    transform: translate(0);
    z-index: 2
}

.Carousel--animated .Carousel-nextFrame,.Carousel--animated .Carousel-prevFrame {
    display: block;
    position: absolute;
    top: 0;
    transform: translate(0);
    width: 100%;
    z-index: 0
}

body.z-index-reset-full .Carousel--animated .Carousel-nextFrame,body.z-index-reset-full .Carousel--animated .Carousel-prevFrame,body.z-index-reset .Carousel--animated .Carousel-nextFrame,body.z-index-reset .Carousel--animated .Carousel-prevFrame {
    z-index: auto
}

.Carousel--sticky .Carousel-nextFrame,.Carousel--sticky .Carousel-prevFrame {
    position: fixed
}

.Carousel--animated .Carousel-nextFrame .Sticky,.Carousel--animated .Carousel-prevFrame .Sticky {
    display: none
}

.Carousel--animated .Carousel-item.is-active {
    z-index: 1
}

.Carousel--hasLayout .Carousel-item:not(.Carousel-transitioning) {
    display: block;
    left: -99999px;
    position: absolute;
    top: -99999px;
    visibility: hidden;
    width: 100%
}

.Carousel--hasLayout .Carousel-item.is-selected:not(.Carousel-transitioning) {
    position: static;
    visibility: visible;
    width: auto
}

.Carousel--hasLayout .Carousel-item:not(.is-selected):not(.preload):not(.Carousel-transitioning) .Pane-bg {
    background-image: none!important
}

.Carousel--noArrows .Carousel-next,.Carousel--noArrows .Carousel-prev {
    display: none
}

.Carousel--bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

html:not(.touch) .Carousel-prev:hover .Carousel-prevIcon {
    animation: Carousel-Animation-BounceLeft .25s
}

html:not(.touch) .Carousel-next:hover .Carousel-nextIcon {
    animation: Carousel-Animation-BounceRight .25s
}

.Carousel--indicatorArrows .Carousel-next,.Carousel--indicatorArrows .Carousel-prev {
    top: auto;
    bottom: -13px;
    padding-left: 0;
    padding-right: 0
}

.Carousel--indicatorArrows .Carousel-next {
    top: auto;
    bottom: -13px
}

.Carousel--smallArrows .Carousel-nextIcon,.Carousel--smallArrows .Carousel-prevIcon {
    height: 40px;
    width: 40px
}

.Carousel--mediumArrows .Carousel-nextIcon,.Carousel--mediumArrows .Carousel-prevIcon {
    height: 60px;
    width: 60px
}

.Carousel--largeArrows .Carousel-nextIcon,.Carousel--largeArrows .Carousel-prevIcon {
    height: 100px;
    width: 100px
}

.Carousel--animatedCrossfade .Carousel-item {
    opacity: 0
}

.Carousel--animatedCrossfade .Carousel-item.is-selected {
    opacity: 1
}

.Carousel--animatedCrossfade .Carousel-nextFrame,.Carousel--animatedCrossfade .Carousel-prevFrame {
    animation: Carousel-Animation-FadeIn .25s
}

.Carousel--animatedCrossfade .Carousel-currentFrame {
    animation: Carousel-Animation-FadeOut .25s
}

.Carousel--animatedCrossfade.is-swiping .Carousel-item {
    animation: none
}

@keyframes Carousel-Animation-FadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Carousel-Animation-FadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes Carousel-Animation-BounceLeft {
    0% {
        left: 0
    }

    50% {
        left: -10px
    }

    85% {
        left: 4px
    }

    to {
        left: 0
    }
}

@keyframes Carousel-Animation-BounceRight {
    0% {
        right: 0
    }

    50% {
        right: -10px
    }

    85% {
        right: 4px
    }

    to {
        right: 0
    }
}

.Carousel--timeline .Carousel-next,.Carousel--timeline .Carousel-prev {
    position: absolute;
    top: 342px;
    transform: translateY(-50%);
    z-index: 3
}

@media (min-width: 1280px) {
    .Carousel--timeline .Carousel-next,.Carousel--timeline .Carousel-prev {
        top:442px
    }
}

.CarouselIndicator {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2
}

.CarouselIndicator-container {
    padding: 20px 70px
}

.CarouselIndicator-node {
    padding: 0 5px
}

.CarouselIndicator-node.gutter-vertical {
    padding: 5px 0
}

.CarouselIndicator-node.gutter-all {
    padding: 5px
}

.CarouselIndicator-node.gutter-negative {
    padding: 0;
    margin: 0 -5px
}

.CarouselIndicator-node.gutter-negative.gutter-vertical {
    margin: -5px 0
}

.CarouselIndicator-node.gutter-negative.gutter-all {
    margin: -5px
}

.CarouselIndicator-node:first-child {
    padding-left: 0
}

.CarouselIndicator-node:last-child {
    padding-right: 0
}

.CarouselIndicator-link,.CarouselIndicator-node {
    display: inline-block
}

.CarouselIndicator-dot {
    background-image: url(/static/components/CarouselIndicator/Icon-shield.66938ea0fc74c03a0cc79fdbd0412ac3.png);
    background-size: 100%;
    height: 15px;
    width: 15px
}

.CarouselIndicator--bottomCenter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.CarouselIndicator--bottomCenter .CarouselIndicator-container {
    text-align: center
}

.CarouselIndicator--outlines .CarouselIndicator-dot {
    height: 21px;
    width: 21px
}

.CarouselIndicator--outlines .CarouselLink.is-selected .CarouselIndicator-dot,.CarouselIndicator .CarouselLink.is-selected .CarouselIndicator-dot,html:not(.touch) .CarouselIndicator--outlines .CarouselLink:hover .CarouselIndicator-dot,html:not(.touch) .CarouselIndicator .CarouselLink:hover .CarouselIndicator-dot {
    background-image: url(/static/components/CarouselIndicator/Icon-shield-solid.d0dfd5e616409e151b1af2ce5ee504b9.png)
}

.CopyToClipboard .CopyToClipboard-text {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    border: 2px solid #504137;
    padding: 16px 22px
}

@media (min-width: 720px) {
    .CopyToClipboard .CopyToClipboard-text {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .CopyToClipboard .CopyToClipboard-text {
        font-size:1.728rem
    }
}

.CopyToClipboard .CopyToClipboard-text.zh-cn,.zh-cn .CopyToClipboard .CopyToClipboard-text {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.CopyToClipboard .CopyToClipboard-text.ko-kr,.ko-kr .CopyToClipboard .CopyToClipboard-text {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.CopyToClipboard .CopyToClipboard-text.ru-ru,.ru-ru .CopyToClipboard .CopyToClipboard-text {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.CopyToClipboard .CopyToClipboard-text.zh-tw,.zh-tw .CopyToClipboard .CopyToClipboard-text {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.CopyToClipboard .CopyToClipboard-text-container {
    width: 100%
}

.CopyToClipboard .CopyToClipboard-text {
    background-color: #000
}

.CopyToClipboard .CopyToClipboard-button {
    min-width: 0;
    word-break: keep-all;
    background: rgba(159,22,0,.9)
}

.CopyToClipboard .CopyToClipboard-button .Button-inner {
    padding: 19px 30px
}

.CopyToClipboard.CopyToClipboard--ALLIANCE .CopyToClipboard-text {
    color: #0078ff
}

.CopyToClipboard.CopyToClipboard--HORDE .CopyToClipboard-text {
    color: #b30000
}

.CopyToClipboard.CopyToClipboard--NEUTRAL .CopyToClipboard-text {
    color: #f8b700
}

.CopyToClipboard.CopyToClipboard[disabled] .CopyToClipboard-text {
    color: #444
}

.CopyToClipboard.CopyToClipboard[disabled] .CopyToClipboard-button {
    cursor: default
}

.CopyToClipboard.CopyToClipboard[disabled] .CopyToClipboard-button .Button-outer {
    border-color: #444
}

.CopyToClipboard.CopyToClipboard[disabled] .CopyToClipboard-button .Button-label {
    color: #444
}

.Link,.Link>.Art {
    cursor: pointer
}

.Link.is-selected:not(.is-toggle),.Link[data-tab].is-selected:not(.is-toggle) {
    cursor: default
}

.Link--cursor {
    cursor: pointer
}

.Link--inline {
    display: inline-block
}

.Link--block {
    display: block;
    flex-grow: 1;
    width: 100%
}

.Link--text {
    font-size: 1rem;
    line-height: 1.5;
    color: #2789b7;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8)
}

@media (min-width: 720px) {
    .Link--text {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Link--text {
        font-size:1.2rem
    }
}

html:not(.touch) .Link--text:hover {
    text-decoration: underline
}

.Link--text[disabled] {
    cursor: default;
    opacity: .5
}

.Link--text>.Icon:first-child {
    margin-right: .3em
}

.Link--text>.Icon:last-child {
    margin-left: .3em
}

.Link--opacity {
    opacity: .4
}

.Link--opacity.is-selected {
    opacity: 1
}

.Link--masked {
    pointer-events: none;
    display: block
}

html:not(.touch) .Link--hoverGoldLightBorder:hover .Link-child {
    border-color: #2789b7
}

.Link--underline {
    text-decoration: underline
}

.Link-icon {
    transition: all .2s;
    box-shadow: 0 4px 5px -2px transparent
}

html:not(.touch) .Link:hover .Link-icon {
    border-color: #cacaca;
    box-shadow: 0 4px 5px -3px #333
}

.Dropdown {
    display: none
}

.Dropdown.is-active {
    display: block
}

.Dropdown.Dropdown--overlap {
    position: absolute;
    z-index: 3
}

.DropdownMenu {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px
}

.DropdownMenu,.DropdownMenu-toggle {
    text-align: center;
    position: relative
}

.DropdownMenu-toggle {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 700;
    padding: 10px;
    background: #f8b700;
    color: #2789b7;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DropdownMenu-toggle.zh-cn,.zh-cn .DropdownMenu-toggle {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.DropdownMenu-toggle.ko-kr,.ko-kr .DropdownMenu-toggle {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.DropdownMenu-toggle.ru-ru,.ru-ru .DropdownMenu-toggle {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.DropdownMenu-toggle.zh-tw,.zh-tw .DropdownMenu-toggle {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .DropdownMenu-toggle {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .DropdownMenu-toggle {
        font-size:1.44rem
    }
}

.DropdownMenu-toggle.gutter-vertical {
    padding: 10px 0
}

.DropdownMenu-toggle.gutter-all {
    padding: 10px
}

.DropdownMenu-toggle.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.DropdownMenu-toggle.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.DropdownMenu-toggle.gutter-negative.gutter-all {
    margin: -10px
}

.DropdownMenu-toggle:after,.DropdownMenu-toggle:before {
    content: "";
    height: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px
}

.DropdownMenu-toggle:before {
    border: 5px solid transparent;
    border-bottom-color: #211510;
    margin-top: -14px
}

.DropdownMenu-toggle:after {
    border: 5px solid transparent;
    border-top-color: #211510;
    margin-top: 1px
}

.DropdownMenu-menu {
    text-align: center;
    background: #211510;
    border: 1px solid #504137;
    position: absolute;
    width: 100%;
    z-index: 3
}

.DropdownMenu-menuLink {
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    padding: 5px;
    color: #f8b700
}

.DropdownMenu-menuLink.zh-cn,.zh-cn .DropdownMenu-menuLink {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.DropdownMenu-menuLink.ko-kr,.ko-kr .DropdownMenu-menuLink {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.DropdownMenu-menuLink.ru-ru,.ru-ru .DropdownMenu-menuLink {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.DropdownMenu-menuLink.zh-tw,.zh-tw .DropdownMenu-menuLink {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .DropdownMenu-menuLink {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .DropdownMenu-menuLink {
        font-size:1.2rem
    }
}

.DropdownMenu-menuLink.gutter-vertical {
    padding: 5px 0
}

.DropdownMenu-menuLink.gutter-all {
    padding: 5px
}

.DropdownMenu-menuLink.gutter-negative {
    padding: 0;
    margin: 0 -5px
}

.DropdownMenu-menuLink.gutter-negative.gutter-vertical {
    margin: -5px 0
}

.DropdownMenu-menuLink.gutter-negative.gutter-all {
    margin: -5px
}

.DropdownMenu-menuLink.is-selected,html:not(.touch) .DropdownMenu-menuLink:hover {
    color: #fff
}

.DropdownMenu--overlayBottom,.DropdownMenu--overlayTop {
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

.DropdownMenu--overlayTop {
    bottom: auto;
    top: 20px
}

.DropdownMenu--small {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.DropdownMenu--dark>.DropdownMenu-toggle {
    background: linear-gradient(180deg,rgba(1,1,2,.97),rgba(21,13,6,.97));
    border: 1px solid #504137;
    color: #fff
}

.DropdownMenu--dark>.DropdownMenu-toggle:before {
    border-color: transparent transparent #f8b700
}

.DropdownMenu--dark>.DropdownMenu-toggle:after {
    border-color: #f8b700 transparent transparent
}

.DropdownMenu--alignable {
    display: inline-block;
    width: 100%
}

.Expand {
    display: none
}

.Expand.is-active {
    display: block
}

.Expand--fade.is-active.is-fading-in {
    animation: Expand-Animation-Fade-In .75s ease-in-out 1 normal both
}

.Expand--fade.is-active.is-fading-out {
    animation: Expand-Animation-Fade-Out .75s ease-in-out 1 alternate both
}

@keyframes Expand-Animation-Fade-In {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    to {
        opacity: 1
    }
}

@keyframes Expand-Animation-Fade-Out {
    0% {
        display: block;
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0
    }
}

.Expand--grow {
    display: block;
    overflow: hidden;
    height: 0;
    transition: height .55s ease-out
}

.Expand--grow.is-active {
    transition: height .55s ease-in
}

.GameTooltip {
    padding: 20px;
    display: inline-block;
    max-width: 400px;
    color: #fff;
    background-color: rgba(17,17,17,.9);
    border-radius: 5px;
    box-shadow: 0 0 10px #000,inset 0 1px 0 hsla(0,0%,100%,.5);
    border: 1px solid rgba(0,0,0,.1)
}

.GameTooltip.gutter-vertical {
    padding: 20px 0
}

.GameTooltip.gutter-all {
    padding: 20px
}

.GameTooltip.gutter-negative {
    padding: 0;
    margin: 0 -20px
}

.GameTooltip.gutter-negative.gutter-vertical {
    margin: -20px 0
}

.GameTooltip.gutter-negative.gutter-all {
    margin: -20px
}

.GameTooltip {
    font-size: 13px;
    line-height: 20px
}

.GameTooltip .character-tooltip {
    min-width: 150px
}

.GameTooltip .wiki-tooltip {
    min-width: 250px
}

.GameTooltip .wiki-tooltip .wiki-list {
    margin-top: 10px
}

.GameTooltip .wiki-tooltip .wiki-list li {
    margin: 2px 0
}

.GameTooltip .wiki-tooltip .wiki-list .item-link {
    line-height: 16px
}

.GameTooltip .wiki-tooltip .wiki-list .item-link .frame-14 {
    float: left;
    margin-right: 5px
}

.GameTooltip .wiki-tooltip .indent {
    padding-left: 10px
}

.GameTooltip .wiki-tooltip .indent-small {
    padding-left: 5px
}

.GameTooltip .item-specs .item-link {
    height: 22px;
    line-height: 22px;
    margin: 2px 0;
    font-weight: 400;
    background-repeat: no-repeat
}

.GameTooltip .item-specs {
    margin-top: 10px
}

.GameTooltip .item-specs li {
    margin: 1px 0;
    padding: 0
}

.GameTooltip .item-specs .indent {
    padding-left: 10px
}

.GameTooltip .item-specs .indent-small {
    padding-left: 5px
}

.GameTooltip .item-specs .indent-top {
    padding-top: 10px
}

.GameTooltip .item-specs .icon-socket {
    float: left;
    margin-right: 4px;
    margin-top: 1px
}

.GameTooltip .item-specs .reforge-arrow {
    position: relative;
    top: -1px;
    font-size: 10px
}

html:not(.touch) .GameTooltip .item-specs a.color-q1:hover {
    text-decoration: underline
}

.GameTooltip .item-specs .transmog-name {
    color: #ff80ff
}

.GameTooltip .item-specs {
    margin-bottom: 0
}

.GameTooltip li.item-spec-group {
    margin-top: 10px
}

.GameTooltip .character-tooltip .character-achievementpoints {
    margin-top: 4px
}

.GameTooltip .character-tooltip .character-spec {
    margin-top: 10px
}

.GameTooltip .character-spec {
    display: block
}

.GameTooltip .character-spec .icon,.GameTooltip .character-spec .name {
    float: left;
    height: 14px;
    line-height: 15px
}

.GameTooltip .character-spec .icon {
    margin-right: 5px
}

.GameTooltip .character-spec .name {
    color: #f5ebd1
}

.GameTooltip .character-achievementpoints {
    display: block;
    float: left;
    padding-right: 11px;
    background: url(/static/components/GameTooltip/GameTooltip-achievements.d35c9a64a55168d6dc3f08e07e7c6d31.gif) no-repeat 100%
}

.GameTooltip .item-link {
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
    white-space: nowrap
}

.GameTooltip .item-link .frame-18 {
    float: left;
    margin-right: 5px
}

.GameTooltip .item-link .tip {
    border-bottom: 0
}

.GameTooltip .item-link-large {
    height: 38px;
    line-height: 38px
}

.GameTooltip .item-link-large .frame-36 {
    float: left;
    margin-right: 10px
}

.GameTooltip .item-link-small,.GameTooltip .item-link-small-right {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: top
}

.GameTooltip .item-link-small .frame-14 {
    float: left;
    margin-right: 3px
}

.GameTooltip .item-link-small-right .count {
    float: left
}

.GameTooltip .item-link-small-right .frame-14 {
    float: left;
    margin-left: 4px
}

.GameTooltip .price {
    text-align: right
}

.GameTooltip .price .icon-gold {
    color: #c28a13;
    display: inline-block
}

.GameTooltip .price .icon-silver {
    color: #63625d;
    width: 13px;
    display: inline-block
}

.GameTooltip .price .icon-copper {
    color: #a04d00;
    width: 13px;
    display: inline-block
}

.GameTooltip .summary-item-list li {
    line-height: 15px;
    padding: 4px 0
}

.GameTooltip .summary-item-list .icon {
    float: left;
    height: 16px;
    margin-right: 3px
}

.GameTooltip .ui-tooltip .summary-item-list {
    white-space: nowrap
}

.GameTooltip .ui-tooltip .summary-item-list .icon {
    margin-right: 5px
}

.GameTooltip .ui-tooltip h3 {
    font-size: 16px;
    font-weight: 400
}

.GameTooltip .ui-tooltip h4 {
    font-size: 14px;
    font-weight: 400
}

.GameTooltip .color-q0,.GameTooltip .color-q0 a {
    color: #9d9d9d!important
}

.GameTooltip .color-q1,.GameTooltip .color-q1 a {
    color: #fff!important
}

.GameTooltip .color-q2,.GameTooltip .color-q2 a {
    color: #1eff00!important
}

.GameTooltip .color-q3,.GameTooltip .color-q3 a {
    color: #0081ff!important
}

.GameTooltip .color-q4,.GameTooltip .color-q4 a {
    color: #c600ff!important
}

.GameTooltip .color-q5,.GameTooltip .color-q5 a {
    color: #ff8000!important
}

.GameTooltip .color-q6,.GameTooltip .color-q6 a {
    color: #e5cc80!important
}

.GameTooltip .color-q7,.GameTooltip .color-q7 a {
    color: #0cf!important
}

.GameTooltip .color-d1,.GameTooltip .color-d1 a {
    color: #ff8040!important
}

.GameTooltip .color-d2,.GameTooltip .color-d2 a {
    color: #ff0!important
}

.GameTooltip .color-d3,.GameTooltip .color-d3 a {
    color: #40bf40!important
}

.GameTooltip .color-d4,.GameTooltip .color-d4 a {
    color: grey!important
}

.GameTooltip .color-d5,.GameTooltip .color-d5 a {
    color: #8af!important
}

.GameTooltip .color-d6,.GameTooltip .color-d6 a {
    color: red!important
}

.GameTooltip .color-s0 {
    color: red
}

.GameTooltip .color-s1 {
    color: #ff8040
}

.GameTooltip .color-s2 {
    color: #ff0
}

.GameTooltip .color-s3 {
    color: #40bf40
}

.GameTooltip .color-s4 {
    color: grey
}

.GameTooltip .color-tooltip-yellow {
    color: #ffd100!important
}

.GameTooltip .color-tooltip-red {
    color: red!important
}

.GameTooltip .color-tooltip-green {
    color: #0f0!important
}

.GameTooltip .color-tooltip-blue {
    color: #71d5ff!important
}

.GameTooltip .color-tooltip-beige {
    color: #ffff98!important
}

.GameTooltip .color-tooltip-gray {
    color: #6d6e70!important
}

.GameTooltip h3 {
    margin: 0
}

.GameTooltip .ui-tooltip .item-specs {
    padding: 0;
    list-style: none
}

.GameTooltip .float-right {
    float: right
}

.GameTooltip .icon-gold {
    padding-right: 15px;
    background: url(/static/components/GameTooltip/GameTooltip-gold.075b76fba2df68d91b2e52f4a01f1ebe.gif) 100% no-repeat
}

.GameTooltip .icon-silver {
    padding-right: 15px;
    padding-left: 3px;
    background: url(/static/components/GameTooltip/GameTooltip-silver.4554a0c6bbb6f5b3fef5a8e9e2bb0f24.gif) 100% no-repeat
}

.GameTooltip .icon-copper {
    padding-right: 15px;
    padding-left: 3px;
    background: url(/static/components/GameTooltip/GameTooltip-copper.cd018dd85f8e9acf3845724cfac66387.gif) 100% no-repeat
}

.GameTooltip .icon-socket {
    position: relative
}

.GameTooltip .icon-socket,.GameTooltip .icon-socket a.gem {
    display: block;
    width: 15px;
    height: 15px
}

.GameTooltip .icon-socket a.gem img {
    display: block;
    width: 13px;
    height: 13px;
    padding: 1px 0 0 1px
}

.GameTooltip .icon-socket .empty {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 13px;
    height: 13px
}

.GameTooltip .icon-socket .frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: url(/static/components/GameTooltip/GameTooltip-sockets.8ac57ac65688702daa31cc8dda00a2ef.png) no-repeat
}

.GameTooltip .icon-socket.socket-1 .empty {
    background-color: #29292a
}

.GameTooltip .icon-socket.socket-2 .empty {
    background-color: #301010
}

.GameTooltip .icon-socket.socket-4 .empty {
    background-color: #403010
}

.GameTooltip .icon-socket.socket-8 .empty {
    background-color: #102040
}

.GameTooltip .icon-socket.socket-14 .empty {
    background-color: #29292a
}

.GameTooltip .icon-socket.socket-16 .empty {
    background-color: #000
}

.GameTooltip .icon-socket.socket-32 .empty {
    background-color: #29292a
}

.GameTooltip .icon-socket.socket-1 .frame {
    background-position: -45px 0
}

.GameTooltip .icon-socket.socket-2 .frame {
    background-position: 0 0
}

.GameTooltip .icon-socket.socket-4 .frame {
    background-position: -15px 0
}

.GameTooltip .icon-socket.socket-8 .frame {
    background-position: -30px 0
}

.GameTooltip .icon-socket.socket-6 .frame {
    background-position: -90px 0
}

.GameTooltip .icon-socket.socket-10 .frame {
    background-position: -75px 0
}

.GameTooltip .icon-socket.socket-12 .frame {
    background-position: -105px 0
}

.GameTooltip .icon-socket.socket-14 .frame {
    background-position: -60px 0
}

.GameTooltip .icon-socket.socket-16 .frame {
    background-position: -120px 0
}

.GameTooltip .icon-socket.socket-32 .frame {
    background-position: -45px 0
}

.GameTooltip .icon-socket.socket-type-1 .empty {
    background-color: #29292a
}

.GameTooltip .icon-socket.socket-type-2 .empty {
    background-color: #301010
}

.GameTooltip .icon-socket.socket-type-3 .empty {
    background-color: #403010
}

.GameTooltip .icon-socket.socket-type-4 .empty {
    background-color: #102040
}

.GameTooltip .icon-socket.socket-type-5 .empty,.GameTooltip .icon-socket.socket-type-6 .empty,.GameTooltip .icon-socket.socket-type-7 .empty,.GameTooltip .icon-socket.socket-type-8 .empty,.GameTooltip .icon-socket.socket-type-9 .empty,.GameTooltip .icon-socket.socket-type-10 .empty,.GameTooltip .icon-socket.socket-type-11 .empty,.GameTooltip .icon-socket.socket-type-12 .empty,.GameTooltip .icon-socket.socket-type-13 .empty,.GameTooltip .icon-socket.socket-type-14 .empty,.GameTooltip .icon-socket.socket-type-15 .empty,.GameTooltip .icon-socket.socket-type-16 .empty,.GameTooltip .icon-socket.socket-type-17 .empty,.GameTooltip .icon-socket.socket-type-18 .empty {
    background-color: #29292a
}

.GameTooltip .icon-socket.socket-type-1 .frame {
    background-position: -45px 0
}

.GameTooltip .icon-socket.socket-type-2 .frame {
    background-position: 0 0
}

.GameTooltip .icon-socket.socket-type-3 .frame {
    background-position: -15px 0
}

.GameTooltip .icon-socket.socket-type-4 .frame {
    background-position: -30px 0
}

.GameTooltip .icon-socket.socket-type-5 .frame,.GameTooltip .icon-socket.socket-type-6 .frame {
    background-position: -45px 0
}

.GameTooltip .icon-socket.socket-type-7 .frame {
    background-position: -60px 0
}

.GameTooltip .icon-socket.socket-type-8 .frame,.GameTooltip .icon-socket.socket-type-9 .frame,.GameTooltip .icon-socket.socket-type-10 .frame,.GameTooltip .icon-socket.socket-type-11 .frame,.GameTooltip .icon-socket.socket-type-12 .frame,.GameTooltip .icon-socket.socket-type-13 .frame,.GameTooltip .icon-socket.socket-type-14 .frame,.GameTooltip .icon-socket.socket-type-15 .frame,.GameTooltip .icon-socket.socket-type-16 .frame,.GameTooltip .icon-socket.socket-type-17 .frame,.GameTooltip .icon-socket.socket-type-18 .frame {
    background-position: -45px 0
}

.GameTooltip a {
    pointer-events: none
}

html:not(.touch) .GameTooltip a:hover {
    text-decoration: underline
}

.GameTooltip--noBackground {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none
}

.GameTooltip--flush {
    padding: 0
}

.GameTooltip--block {
    display: block;
    max-width: 100%
}

.GameTooltip--azerite {
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/GameTooltip/GameTooltip-azerite.6bf56eb65727fd15b4692fc8881793bb.png);
    border-image-repeat: stretch;
    border-image-slice: 36 fill;
    border-image-width: 26px;
    border-image-outset: 0
}

.GameTooltip--corruption {
    box-shadow: 0 0 10px #000,inset 0 0 0 hsla(0,0%,100%,.5);
    position: relative;
    border-style: solid;
    border-width: 0;
    border-image-source: url(/static/components/GameTooltip/GameTooltip-corruption.1d43b6f99285c15591d895f9543ad3eb.png);
    border-image-repeat: stretch;
    border-image-slice: 36 fill;
    border-image-width: 26px;
    border-image-outset: 0
}

.GameTooltip--corruption:before {
    content: "";
    display: block;
    width: 68px;
    height: 25px;
    background: url(/static/components/GameTooltip/GameTooltip-corruption-eye.87f930232082bfc0d17384bce6c016cf.png);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

@keyframes spinneranim-orange {
    0% {
        background-position: 0
    }

    to {
        background-position: -160px
    }
}

@keyframes spinneranim-clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinneranim-donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.Spinner {
    display: inline-block
}

.Spinner-donut,.Spinner-orange {
    display: none
}

.Spinner--orange .Spinner-orange {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/static/components/Spinner/Spinner-orange.6f8afcadf761b07a259ce718344c8bda.png);
    animation: spinneranim-orange .4s steps(8) infinite
}

.Spinner--donut {
    width: 14px;
    display: block
}

.Spinner--donut .Spinner-donut {
    display: inline-block
}

.Spinner--donut .Spinner-donut-icon {
    opacity: .75;
    width: 14px;
    height: 14px;
    margin: 0;
    animation: spinneranim-clockwise .5s linear infinite
}

.Spinner--donut .Spinner-donut-cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
    top: 0;
    left: 0
}

.Spinner--donut .Spinner-donut-donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
    animation: spinneranim-donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.Spinner--large.Spinner--orange .Spinner-orange {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(/static/components/Spinner/Spinner-orange.6f8afcadf761b07a259ce718344c8bda.png);
    background-size: cover;
    animation: spinneranim-orange-large .4s steps(8) infinite
}

.Spinner--large.Spinner--donut {
    width: 64px
}

.Spinner--large.Spinner--donut .Spinner-donut-donut {
    border-width: 4px
}

.Spinner--large.Spinner--donut .Spinner-donut-cut,.Spinner--large.Spinner--donut .Spinner-donut-donut,.Spinner--large.Spinner--donut .Spinner-donut-icon {
    width: 64px;
    height: 64px
}

.Tooltip {
    opacity: 0;
    transform: scale(.9);
    pointer-events: none;
    position: fixed;
    z-index: 6
}

.Tooltip.is-active {
    opacity: 1;
    transform: scale(1)
}

.Tooltip.is-active:not(.Tooltip--react) {
    transition: opacity .2s cubic-bezier(.165,.84,.44,1) 0s,transform .2s cubic-bezier(.165,.84,.44,1) 0s
}

.Lightbox {
    display: none
}

.Photoswipe .Lightbox {
    display: block
}

.Lightbox-content {
    cursor: default;
    display: block
}

.Lightbox-button {
    color: #f8b700;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    transition: color .2s ease;
    z-index: 1
}

html:not(.touch) .Lightbox-button:hover {
    color: #fff
}

.Lightbox-close {
    color: #f8b700;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    transition: color .2s ease;
    z-index: 1;
    top: 5px;
    right: 5px
}

html:not(.touch) .Lightbox-close:hover {
    color: #fff
}

.Lightbox-back {
    color: #f8b700;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    transition: color .2s ease;
    z-index: 1;
    display: none;
    top: 5px;
    left: -1px
}

html:not(.touch) .Lightbox-back:hover {
    color: #fff
}

.Lightbox-back .Lightbox-icon {
    float: left;
    margin-right: 2px
}

.Lightbox--hasHistory .Lightbox-back,.Lightbox-back-text {
    display: inline-block
}

.Lightbox-icon {
    pointer-events: none;
    line-height: 0;
    display: block
}

.Lightbox-comic,.Lightbox-video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden
}

.Lightbox--video {
    background-color: #000;
    bottom: 0;
    height: 50.625vw;
    left: 0;
    margin: auto;
    max-height: 90vh;
    max-width: 160vh;
    position: absolute;
    right: 0;
    top: 0;
    width: 90vw;
    background: #000;
    box-sizing: content-box!important;
    transform: none
}

.Lightbox--video .Lightbox-close {
    z-index: 1;
    color: #fff;
    top: 6px;
    right: 6px
}

.Lightbox--comic {
    background-color: #000;
    height: calc(134.93253vw + 64px);
    width: 90vw;
    max-height: calc(90vh + 64px);
    max-width: 60.03vh;
    min-height: 510px;
    min-width: 300px
}

@media (min-width: 1024px) {
    .Lightbox--comic {
        width:1024px;
        height: 1599.23238px
    }
}

.Lightbox--comic .Lightbox-close {
    display: none
}

.Lightbox--modal {
    background: #181818;
    border: 1px solid #444;
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
    width: 340px
}

@media (min-width: 720px) {
    .Lightbox--modal {
        width:540px
    }
}

@media (min-width: 980px) {
    .Lightbox--modal {
        width:720px
    }
}

.Lightbox--modal.Lightbox--hasHistory {
    padding-top: 60px
}

.Lightbox--comic,.Lightbox--video {
    border: 1px solid #444
}

.Lightbox--comic,.Lightbox--modal,.Lightbox--video {
    box-shadow: 5px 5px 100px rgba(0,0,0,.25),5px 5px 60px rgba(0,0,0,.25),5px 5px 20px rgba(0,0,0,.25)
}

@media not all and (min-width: 540px) {
    .Lightbox--modal {
        width:100%;
        min-height: 100%
    }

    .Lightbox--video {
        border: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%
    }

    .Lightbox-video {
        width: 90vw;
        max-width: 160vh;
        height: 50.625vw;
        max-height: 90vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .pswp__bg {
        opacity: 1!important
    }
}

.pswp--fs .pswp__bg {
    opacity: 1!important
}

.pswp__bg {
    background: #181818!important
}

@media (min-width: 980px) {
    .pswp__bg {
        background:transparent!important
    }
}

.pswp__top-bar {
    background: rgba(24,24,24,.8)!important
}

@media (min-width: 980px) {
    .pswp__top-bar {
        background:rgba(0,0,0,.7)!important
    }
}

.Lightbox--lightboxWide {
    border-right-width: 0;
    border-left-width: 0;
    width: 100%;
    min-height: 100%
}

@media (min-width: 980px) {
    .Lightbox--lightboxWide {
        border-right-width:1px;
        border-left-width: 1px;
        max-width: 1600px;
        width: 97.5vw
    }
}

.Modal,.Modal.iziModal {
    animation-duration: 333ms;
    background: #181818;
    border-radius: 0!important;
    max-width: none!important;
    min-height: 100%;
    transition: none;
    width: 100%;
    z-index: 7!important
}

@media (min-width: 540px) {
    .Modal,.Modal.iziModal {
        border:1px solid #444;
        min-height: 0;
        width: 340px
    }
}

@media (min-width: 720px) {
    .Modal,.Modal.iziModal {
        width:540px
    }
}

@media (min-width: 980px) {
    .Modal,.Modal.iziModal {
        width:720px
    }
}

.Modal.fadeOutLeft,.Modal.fadeOutRight,.Modal.iziModal.fadeOutLeft,.Modal.iziModal.fadeOutRight {
    overflow: hidden
}

@media (min-width: 540px) {
    .Modal.medium-wide {
        width:100%
    }
}

@media (min-width: 720px) {
    .Modal.medium-wide {
        width:540px
    }
}

@media (min-width: 980px) {
    .Modal.medium-wide {
        width:720px
    }
}

.Modal.iziModal * {
    -webkit-font-smoothing: auto
}

.Modal .iziModal-wrap {
    background: transparent;
    height: 100%!important
}

@media (min-width: 540px) {
    .Modal .iziModal-wrap {
        height:auto!important;
        max-height: 100%
    }
}

.Modal .iziModal-content {
    position: relative;
    padding: 40px!important
}

.Modal .Modal-close {
    color: #f8b700;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    transition: color .2s ease;
    z-index: 1;
    top: 5px;
    right: 5px;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    fill: #f8b700
}

html:not(.touch) .Modal .Modal-close:hover {
    color: #fff
}

.Modal .Modal-close:hover {
    fill: #fff
}

.Modal .Modal-iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden
}

.Modal .Modal-back {
    color: #f8b700;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    transition: color .2s ease;
    z-index: 1;
    display: none;
    left: -1px;
    top: 5px
}

html:not(.touch) .Modal .Modal-back:hover {
    color: #fff
}

.Modal .Modal-back .Modal-icon {
    float: left;
    margin-right: 2px
}

.Modal .Modal-icon {
    pointer-events: none;
    line-height: 0;
    display: block
}

.Modal .Modal-backText {
    display: inline-block
}

.iziModal-overlay {
    background-color: transparent!important;
    z-index: 6!important;
    padding: 0!important;
    display: flex!important
}

.Modal--modalWide.iziModal {
    width: 100%
}

@media (min-width: 980px) {
    .Modal--modalWide.iziModal {
        max-width:1600px!important;
        width: 97.5vw
    }
}

.Modal[data-history] .iziModal-content {
    padding-top: 55px!important
}

.Modal[data-history] .Modal-back {
    display: inline-block
}

.Modal--comic.iziModal {
    background-color: #000;
    height: calc(134.93253vw + 64px)!important;
    max-height: calc(90vh + 64px);
    max-width: 60.03vh!important;
    min-height: 510px;
    min-width: 300px;
    width: 90vw
}

@media (min-width: 1024px) {
    .Modal--comic.iziModal {
        height:1599.23238px!important;
        width: 1024px
    }
}

.Modal--comic .iziModal-content,.Modal--comic .iziModal-wrap {
    bottom: 0;
    left: 0;
    padding: 0!important;
    position: absolute;
    right: 0;
    top: 0
}

.Modal--comic .Modal-close {
    display: none
}

.Modal-scrollbarMeasure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

html.iziModal-isAttached {
    overflow: visible
}

.iziModal.hasShadow:after,.ModalNav {
    display: none
}

.ModalNav {
    animation: iziM-fadeIn 333ms;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8
}

@media (min-width: 540px) {
    .ModalNav {
        display:block
    }
}

.ModalNav.is-fadingOut {
    animation: iziM-fadeOut 333ms;
    animation-fill-mode: forwards
}

.ModalNav-next,.ModalNav-prev {
    cursor: pointer;
    height: 96px;
    width: 96px;
    padding: 20px;
    pointer-events: all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: filter .2s ease
}

html:not(.touch) .ModalNav-next:hover,html:not(.touch) .ModalNav-prev:hover {
    filter: brightness(200%) saturate(0)
}

@media (min-width: 980px) {
    .Modal--modalCompact {
        width:540px
    }
}

.ModalNav-next {
    right: 0
}

.ModalNav-prev {
    left: 0
}

.Modal--transparent.iziModal {
    background: transparent;
    border: 0;
    box-shadow: none
}

.Modal--centered .iziModal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%
}

.ControlledModalToggle {
    cursor: pointer
}

.ControlledModal-portal .ReactModal.ReactModal--noPadding {
    padding: 0
}

.ControlledModal-portal .ReactModal-content {
    width: 100%
}

.ControlledModal-portal .ReactModal-content.ReactModal-content--noPadding {
    padding: 0
}

.ControlledModal-portal .ReactModal--noPadding .ReactModal-content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

@media (min-width: 540px) {
    .ControlledModal-portal .ReactModal--noPadding .ReactModal-content {
        position:relative;
        top: auto;
        left: auto;
        transform: none
    }
}

@media (min-width: 540px) {
    .ControlledModal-portal .ReactModal--noPadding .ReactModal-close {
        right:-45px;
        top: -45px;
        background: transparent
    }
}

.ControlledModal-portal.ControlledModal-portal--animating-left,.ControlledModal-portal.ControlledModal-portal--animating-right {
    background: #181818;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

@media (min-width: 540px) {
    .ControlledModal-portal.ControlledModal-portal--animating-left,.ControlledModal-portal.ControlledModal-portal--animating-right {
        background-color:transparent;
        position: static
    }
}

.ControlledModal-portal .ControlledModal {
    background: #181818;
    margin: auto
}

.ControlledModal-portal .ControlledModal-overlay {
    z-index: 7
}

.ControlledModal-portal .ControlledModal-overlay,.ControlledModal-portal .ControlledModal-overlay--entered,.ControlledModal-portal .ControlledModal-overlay--exiting {
    background-color: transparent
}

.ControlledModal-portal .ControlledModal-content {
    padding-bottom: 100px
}

@media (min-width: 540px) {
    .ControlledModal-portal .ControlledModal-content {
        padding-bottom:40px
    }
}

html:not(.touch) .ControlledModal-portal .ControlledModal-close:hover {
    opacity: 1
}

.ControlledModal-portal .ControlledModal-controls {
    z-index: 8
}

.ControlledModal-portal .ControlledModal-next,.ControlledModal-portal .ControlledModal-prev {
    height: 60px;
    width: 50%;
    background: rgba(24,24,24,.8);
    bottom: 0
}

@media (min-width: 540px) {
    .ControlledModal-portal .ControlledModal-next,.ControlledModal-portal .ControlledModal-prev {
        height:96px;
        width: 96px;
        background: transparent;
        bottom: 20px
    }
}

.ControlledModal-portal .ControlledModal-prev {
    left: 0
}

@media (min-width: 980px) {
    .ControlledModal-portal .ControlledModal-prev {
        left:20px
    }
}

.ControlledModal-portal .ControlledModal-next {
    right: 0
}

@media (min-width: 980px) {
    .ControlledModal-portal .ControlledModal-next {
        right:20px
    }
}

.ControlledModal-portal .ControlledModal-controlIcon {
    font-size: 0;
    line-height: 0;
    width: 40px
}

@media (min-width: 540px) {
    .ControlledModal-portal .ControlledModal-controlIcon {
        width:56px
    }
}

html:not(.touch) .ControlledModal-portal .ControlledModal-prev:hover .ControlledModal-controlIcon {
    filter: brightness(200%) saturate(0);
    transform: translate(-60%,-50%);
    opacity: 1
}

html:not(.touch) .ControlledModal-portal .ControlledModal-next:hover .ControlledModal-controlIcon {
    filter: brightness(200%) saturate(0);
    transform: translate(-40%,-50%);
    opacity: 1
}

.Tab {
    display: none
}

.Tab.is-selected {
    display: block
}

.Tab--inline.is-selected {
    display: inline-block
}

.Tab--hasLayout {
    display: block;
    left: -99999px;
    position: absolute;
    top: -99999px;
    visibility: hidden;
    width: 100%
}

.Tab--hasLayout.is-selected {
    position: static;
    visibility: visible
}

.Tab--hasLayout.Tab--inline {
    display: inline-block
}

.Tab--hasLayout:not(.is-selected):not(.preload) * {
    background-image: none!important;
    -o-border-image: none!important;
    border-image: none!important
}

.ModalLink {
    cursor: pointer
}

.NewsBlog {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    position: relative
}

html:not(.touch) .NewsBlog:hover {
    background-color: #211510
}

.NewsBlog-content {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 720px) {
    .NewsBlog-content {
        padding:10px
    }

    .NewsBlog-content.gutter-vertical {
        padding: 10px 0
    }

    .NewsBlog-content.gutter-all {
        padding: 10px
    }

    .NewsBlog-content.gutter-negative {
        padding: 0;
        margin: 0 -10px
    }

    .NewsBlog-content.gutter-negative.gutter-vertical {
        margin: -10px 0
    }

    .NewsBlog-content.gutter-negative.gutter-all {
        margin: -10px
    }
}

.NewsBlog-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.NewsBlog-comments {
    position: relative;
    z-index: 1
}

.NewsBlog-edit {
    z-index: 1
}

.NewsBlog-title {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    text-shadow: none
}

@media (min-width: 720px) {
    .NewsBlog-title {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .NewsBlog-title {
        font-size:1.728rem
    }
}

.NewsBlog-title.zh-cn,.zh-cn .NewsBlog-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .NewsBlog-title,.NewsBlog-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.NewsBlog-title.ru-ru,.ru-ru .NewsBlog-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.NewsBlog-title.zh-tw,.zh-tw .NewsBlog-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

html:not(.touch) .NewsBlog:hover .NewsBlog-title {
    color: #fff
}

.NewsBlog-tile {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    position: relative;
    background-color: #000;
    border: 1px solid #504137;
    overflow: hidden
}

.NewsBlog-tile:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

html:not(.touch) .NewsBlog:hover .NewsBlog-tile {
    border-color: #f8b700
}

.NewsBlog-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.NewsBlog-loading:after {
    content: "";
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 150px;
    background: linear-gradient(90deg,transparent 0,#504137 50%,transparent);
    animation: NewsBlog-loading 1.35s cubic-bezier(.4,0,.2,1) infinite
}

.NewsBlog-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

@keyframes NewsBlog-loading {
    0% {
        left: -150px
    }

    to {
        left: 100%
    }
}

.Paginator,.Pane {
    position: relative
}

.Pane {
    display: block
}

.Pane:after {
    content: "";
    display: table;
    clear: both
}

.Pane-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    overflow: hidden
}

.Pane-bg,.Pane-bg:after,.Pane-bg:before {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.Pane-bg:after,.Pane-bg:before {
    content: "";
    display: block;
    position: relative
}

.Pane-content {
    padding: 0 20px;
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
    z-index: 0
}

.Pane--no-z-index .Pane-content,body.z-index-reset-full .Pane-content,body.z-index-reset .Pane-content {
    z-index: auto
}

.Pane--flush>.Pane-content,.Pane--noInnerSpacing>.Pane-content {
    max-width: none;
    padding: 0
}

.Pane--repeat>.Pane-bg,.Pane--repeat>.Pane-bg:after,.Pane--repeat>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--repeatY>.Pane-bg,.Pane--repeatY>.Pane-bg:after,.Pane--repeatY>.Pane-bg:before {
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: contain
}

.Pane--fixed>.Pane-bg {
    background-attachment: fixed
}

.Pane--breakout>.Pane-bg {
    overflow: visible
}

.Pane--parallax {
    overflow: hidden
}

.Pane--parallax .Pane-bg {
    transform: translateZ(0);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    min-height: 150%;
    background-position: 50%;
    background-size: cover
}

.Pane--cropSmall>.Pane-bg {
    background-position: top;
    background-size: 750%
}

@media (min-width: 320px) {
    .Pane--cropSmall>.Pane-bg {
        background-size:2400px
    }
}

.Pane--cropMedium>.Pane-bg {
    background-position: top;
    background-size: 444.44444444%
}

@media (min-width: 540px) {
    .Pane--cropMedium>.Pane-bg {
        background-size:2400px
    }
}

.Pane--cropLarge>.Pane-bg {
    background-position: top;
    background-size: 333.33333333%
}

@media (min-width: 720px) {
    .Pane--cropLarge>.Pane-bg {
        background-size:2400px
    }
}

.Pane--cropWide>.Pane-bg {
    background-position: top;
    background-size: 244.89795918%
}

@media (min-width: 980px) {
    .Pane--cropWide>.Pane-bg {
        background-size:2400px
    }
}

.Pane--cropHuge>.Pane-bg {
    background-position: top
}

@media (min-width: 1280px) {
    .Pane--cropHuge>.Pane-bg {
        background-size:2400px
    }
}

.Pane--cropMax>.Pane-bg {
    background-position: top;
    background-size: 150%
}

@media (min-width: 1600px) {
    .Pane--cropMax>.Pane-bg {
        background-size:2400px
    }
}

.Pane--cropEdge>.Pane-bg {
    background-position: top;
    background-size: 100%
}

.Pane--bgSetWidthEdge>.Pane-bg,.Pane--bgSetWidthHuge>.Pane-bg,.Pane--bgSetWidthLarge>.Pane-bg,.Pane--bgSetWidthMax>.Pane-bg,.Pane--bgSetWidthMedium>.Pane-bg,.Pane--bgSetWidthNav>.Pane-bg,.Pane--bgSetWidthSmall>.Pane-bg,.Pane--bgSetWidthWide>.Pane-bg {
    background-position: top
}

.Pane--bgSetWidthSmall>.Pane-bg {
    background-size: 320px auto
}

.Pane--bgSetWidthMedium>.Pane-bg {
    background-size: 540px auto
}

.Pane--bgSetWidthLarge>.Pane-bg {
    background-size: 720px auto
}

.Pane--bgSetWidthNav>.Pane-bg {
    background-size: 970px auto
}

.Pane--bgSetWidthWide>.Pane-bg {
    background-size: 980px auto
}

.Pane--bgSetWidthHuge>.Pane-bg {
    background-size: 1280px auto
}

.Pane--bgSetWidthMax>.Pane-bg {
    background-size: 1600px auto
}

.Pane--bgSetWidthEdge>.Pane-bg {
    background-size: 2400px auto
}

.Pane--bgTop>.Pane-bg {
    background-position: top
}

.Pane--bgBottom>.Pane-bg {
    background-position: bottom
}

.Pane--bgCenter>.Pane-bg {
    background-position: 50%
}

.Pane--staticContent>.Pane-content {
    position: static
}

.Pane--overlapped>.Pane-content {
    padding-bottom: 50px
}

@media (min-width: 540px) {
    .Pane--overlapped>.Pane-content {
        padding-bottom:100px
    }
}

@media (min-width: 720px) {
    .Pane--overlapped>.Pane-content {
        padding-bottom:120px
    }
}

.Pane--overlap>.Pane-content {
    top: -50px;
    margin-bottom: -50px
}

@media (min-width: 540px) {
    .Pane--overlap>.Pane-content {
        top:-100px;
        margin-bottom: -100px
    }
}

@media (min-width: 720px) {
    .Pane--overlap>.Pane-content {
        top:-120px;
        margin-bottom: -120px
    }
}

.Pane--autumn>.Pane-bg {
    background-color: #170e09;
    background-image: url(/static/components/Pane/Pane-autumn.062699d806d55e1a944d2dc381cd0d42.jpg);
    background-position: top;
    background-size: 200%
}

@media (min-width: 980px) {
    .Pane--autumn>.Pane-bg {
        background-size:100%
    }
}

.Pane--paper {
    box-shadow: 0 -27px 16px -16px #000,0 27px 16px -16px #000;
    color: #352011;
    margin-top: 11px;
    margin-bottom: 11px
}

.Pane--paper>.Pane-bg {
    background-color: #ebdec2;
    overflow: visible
}

.Pane--paper>.Pane-bg:before {
    background-image: url(/static/components/Pane/Pane-paperTop.d350a92b0b788da1eb187837d9a37ee7.png);
    top: -11px
}

.Pane--paper>.Pane-bg:after,.Pane--paper>.Pane-bg:before {
    width: 100%;
    height: 11px;
    background-size: auto;
    background-size: initial;
    background-repeat: repeat-x;
    position: absolute
}

.Pane--paper>.Pane-bg:after {
    background-image: url(/static/components/Pane/Pane-paperBottom.e9283d9014fa6f172a5c97f2464dd0cb.png);
    bottom: -11px
}

.Pane--dirt {
    color: #ebdec2
}

.Pane--dirt>.Pane-bg {
    background-color: #211510;
    background-image: url(/static/components/Pane/Pane-dirt.497581a92b43ac20d46178632fbe5420.jpg);
    background-position: top;
    background-size: 200%
}

@media (min-width: 980px) {
    .Pane--dirt>.Pane-bg {
        background-size:100%
    }
}

.Pane--dirtDark {
    color: #ebdec2
}

.Pane--dirtDark>.Pane-bg {
    background-color: #211510;
    background-image: url(../images/Footer_Desktop.png);
    background-position: top;
    background-size: 200%;
    background-repeat: repeat
}

.Pane--dirtLight {
    color: #ebdec2
}

.Pane--dirtLight>.Pane-bg {
    background-color: #211510;
    background-image: url(../images/Pane-dirtLight.18def74ed60ab9f1f4139f87349d2f79.jpg);
    background-position: top;
    background-size: 200%
}

@media (min-width: 980px) {
    .Pane--dirtLight>.Pane-bg {
        background-size:100%
    }
}

.Pane--dirtBlue {
    color: #ebdec2
}

.Pane--dirtBlue>.Pane-bg {
    background-color: #040f1a;
    background-image: url(../images/Pane-dirtBlue.27a12e492ebc7ab4e91ddaaa22b77fa4.jpg);
    background-position: top;
    background-size: 200%;
    background-repeat: repeat
}

@media (min-width: 980px) {
    .Pane--dirtBlue>.Pane-bg {
        background-size:100%
    }
}

.Pane--leather {
    color: #967a53;
    padding-top: 7px
}

.Pane--leather>.Pane-bg,.Pane--leather>.Pane-bg:after,.Pane--leather>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leather>.Pane-bg {
    background-color: #1d110b;
    background-image: url(../images/bg-leather.758a6f667d2a70af8d590dbb9ff1b179.jpg);
    background-size: auto;
    background-size: initial
}

.Pane--leather>.Pane-bg:before {
    background-image: url(../images/hr-leather.82bf0416f5345dc681c9904a902070ba.png);
    background-size: auto;
    background-size: initial;
    box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
    height: 7px
}

.Pane--leatherBlue {
    color: #967a53
}

.Pane--leatherBlue>.Pane-bg,.Pane--leatherBlue>.Pane-bg:after,.Pane--leatherBlue>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leatherBlue>.Pane-bg {
    background-color: #1d110b
}

.Pane--leatherBlue>.Pane-bg,.Pane--leatherBlue>.Pane-bg:before {
    background-image: url(../images/Pane-leather-blue.9de312ba15472b63bc7e9d3f62b64c65.jpg);
    background-size: auto;
    background-size: initial
}

.Pane--leatherBlue>.Pane-bg:before {
    height: 1080px
}

.Pane--leatherRed {
    color: #967a53
}

.Pane--leatherRed>.Pane-bg,.Pane--leatherRed>.Pane-bg:after,.Pane--leatherRed>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leatherRed>.Pane-bg {
    background-color: #1d110b
}

.Pane--leatherRed>.Pane-bg,.Pane--leatherRed>.Pane-bg:before {
    background-image: url(../images/Pane-leather-red.ed195e1c1da9da078315cae0469323e1.jpg);
    background-size: auto;
    background-size: initial
}

.Pane--leatherRed>.Pane-bg:before {
    height: 1080px
}

.Pane--leatherGray {
    color: #967a53
}

.Pane--leatherGray>.Pane-bg,.Pane--leatherGray>.Pane-bg:after,.Pane--leatherGray>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leatherGray>.Pane-bg {
    background-color: #1d110b
}

.Pane--leatherGray>.Pane-bg,.Pane--leatherGray>.Pane-bg:before {
    background-image: url(../images/Pane-leather-gray.db668caee69fef46471e35733f930d3d.jpg);
    background-size: auto;
    background-size: initial
}

.Pane--leatherGray>.Pane-bg:before {
    box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
    height: 1080px
}

.Pane--leatherGrayMap {
    color: #967a53
}

.Pane--leatherGrayMap>.Pane-bg,.Pane--leatherGrayMap>.Pane-bg:after,.Pane--leatherGrayMap>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leatherGrayMap>.Pane-bg {
    background-color: #1d110b
}

.Pane--leatherGrayMap>.Pane-bg,.Pane--leatherGrayMap>.Pane-bg:before {
    background-image: url(../images/Pane-leather-gray-map.4f5e5cedac63202812029039fc0832f2.jpg);
    background-size: auto;
    background-size: initial
}

.Pane--leatherGrayMap>.Pane-bg:before {
    box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
    height: 2160px
}

.Pane--leatherGrayMapLight {
    color: #967a53
}

.Pane--leatherGrayMapLight>.Pane-bg,.Pane--leatherGrayMapLight>.Pane-bg:after,.Pane--leatherGrayMapLight>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leatherGrayMapLight>.Pane-bg {
    background-color: #1d110b
}

.Pane--leatherGrayMapLight>.Pane-bg,.Pane--leatherGrayMapLight>.Pane-bg:before {
    background-image: url(../images/Pane-leather-gray-map.4f5e5cedac63202812029039fc0832f2.jpg);
    background-size: auto;
    background-size: initial
}

.Pane--leatherGrayMapLight>.Pane-bg:before {
    box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
    height: 2160px
}

.Pane--leatherGrayMapLight>.Pane-bg,.Pane--leatherGrayMapLight>.Pane-bg:before {
    background-image: url(../images/Pane-leather-gray-map-light.3dc414265e62a3bfa6f5238e24f901c0.jpg)
}

.Pane--leatherGrayEmptyState {
    color: #967a53
}

.Pane--leatherGrayEmptyState>.Pane-bg,.Pane--leatherGrayEmptyState>.Pane-bg:after,.Pane--leatherGrayEmptyState>.Pane-bg:before {
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
}

.Pane--leatherGrayEmptyState>.Pane-bg {
    background-color: #1d110b
}

.Pane--leatherGrayEmptyState>.Pane-bg,.Pane--leatherGrayEmptyState>.Pane-bg:before {
    background-image: url(../images/Pane-leather-gray-factionless-repeating.49787ea9cc9ff652b26f34ec2c647533.png);
    background-size: auto;
    background-size: initial
}

.Pane--leatherGrayEmptyState>.Pane-bg:before {
    box-shadow: 0 0 5px 1px rgba(29,17,11,.8);
    height: 1080px
}

.Pane--beigeLight {
    color: #211510
}

.Pane--beigeLight>.Pane-bg {
    background-color: #f3eee2
}

.Pane--brown {
    color: #ebdec2
}

.Pane--brown>.Pane-bg {
    background-color: #211510
}

.Pane--light {
    color: #222
}

.Pane--light>.Pane-bg {
    background-color: #fff
}

.Pane--lightish {
    color: #222
}

.Pane--lightish>.Pane-bg {
    background-color: #eaeaea
}

.Pane--neutral {
    color: #222
}

.Pane--neutral>.Pane-bg {
    background-color: #aaa
}

.Pane--dark {
    color: #fff
}

.Pane--dark>.Pane-bg {
    background-color: #222
}

.Pane--gold {
    color: #211510;
    border: 1px solid rgba(177,153,127,.5)
}

.Pane--gold>.Pane-bg {
    background-color: #f3eee2
}

.Pane--gold>.Pane-bg:after,.Pane--gold>.Pane-bg:before {
    content: "";
    height: 9px;
    width: 100%;
    background-color: #f8b700;
    position: absolute
}

.Pane--gold>.Pane-bg:before {
    top: 0
}

.Pane--gold>.Pane-bg:after {
    bottom: 0
}

.Pane--gold>.Pane-content {
    padding-top: 10px;
    padding-bottom: 10px
}

.Pane--gradient {
    color: #222
}

.Pane--gradient>.Pane-bg {
    background-color: #fff;
    background-image: linear-gradient(180deg,#fff 50%,hsla(0,0%,66.7%,.5))
}

.Pane--gradient>.Pane-bg:after {
    position: absolute;
    height: 10px;
    width: 100%;
    background-color: #fff;
    bottom: 0
}

.Pane--sticky>.Pane-bg {
    transform: translateZ(0);
    max-height: 100vh
}

.Pane--sticky>.Pane-bg.is-active {
    position: fixed;
    top: 0
}

.Pane--verticalAlign {
    display: table;
    width: 100%
}

.Pane--verticalAlign>.Pane-content {
    display: table-cell;
    vertical-align: middle
}

.Pane--full>.Pane-content {
    padding: 0;
    max-width: none;
    margin: 0
}

.Pane--panel>.Pane-content {
    padding: 0;
    margin: 0 10%
}

@media (min-width: 1600px) {
    .Pane--panel>.Pane-content {
        padding:0 160px;
        margin: 0 auto
    }
}

.Pane--underSiteNav>.Pane-content {
    padding-top: var(--nav-height)
}

.Pane--disabled>.Pane-bg {
    background-image: none!important
}

.Pane--gold .Pane-tag {
    border: 1px solid rgba(177,153,127,.5);
    border-bottom: none;
    left: -1px;
    position: absolute;
    top: -37px
}

.Pane--gold .Pane-tagInner {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    background: #f8b700;
    height: 35px;
    padding: 9px 20px 0;
    position: relative
}

.Pane--gold .Pane-tagInner.zh-cn,.zh-cn .Pane--gold .Pane-tagInner {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Pane--gold .Pane-tagInner,.Pane--gold .Pane-tagInner.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Pane--gold .Pane-tagInner.ru-ru,.ru-ru .Pane--gold .Pane-tagInner {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Pane--gold .Pane-tagInner.zh-tw,.zh-tw .Pane--gold .Pane-tagInner {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .Pane--gold .Pane-tagInner {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .Pane--gold .Pane-tagInner {
        font-size:1rem
    }
}

.Pane--gold .Pane-tagInner:after {
    background: #f8b700;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.Pane-comments {
    position: absolute;
    top: -39px;
    right: 0
}

.Pane-comments--leftTop {
    left: -113px;
    right: auto;
    text-align: right;
    top: 0;
    width: 100px
}

.Pane--gold .Pane-comments--leftTop {
    top: 9px
}

.Pane--fadeBottom .Pane-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 -180px 200px rgba(0,0,0,.6)
}

.Pane--dimmed .Pane-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5)
}

.Pane--bordered {
    border: 1px solid rgba(177,153,127,.5)
}

.Pane--borderedOverlay .Pane-overlay {
    position: relative;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.Pane--borderedOverlay .Pane-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.08);
    content: "";
    display: block;
    pointer-events: none;
    z-index: 1
}

.Pane--above .Pane-content {
    z-index: 2
}

.Pane--abover .Pane-content {
    z-index: 3
}

.Pane--below .Pane-content {
    z-index: -1
}

.Pane--transparent>.Pane-bg {
    background-color: transparent
}

.Pane--reset .Pane-content {
    z-index: auto
}

.Pane--overflowHidden,.Panel {
    overflow: hidden
}

.Panel {
    display: flex;
    flex-direction: column;
    position: relative
}

.Panel:after {
    content: "";
    display: table;
    clear: both
}

.Panel:before {
    content: "";
    display: block;
    pointer-events: none;
    z-index: 1
}

.Panel-bg,.Panel:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Panel-bg {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 150%;
    overflow: hidden
}

@media (min-width: 1600px) {
    .Panel-bg {
        background-size:2400px
    }
}

.Panel-bg:after,.Panel-bg:before {
    content: "";
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative
}

.Panel-bgContent {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    max-width: none;
    width: 150%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1600px) {
    .Panel-bgContent {
        width:2400px
    }
}

.Panel-area {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

.Panel-box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10%;
    left: 10%
}

.Panel-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    z-index: 0
}

body.z-index-reset-full .Panel-content,body.z-index-reset .Panel-content {
    z-index: auto
}

.Panel-subtitle {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width: 720px) {
    .Panel-subtitle {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Panel-subtitle {
        font-size:1.44rem
    }
}

.Panel-subtitle.zh-cn,.zh-cn .Panel-subtitle {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Panel-subtitle,.Panel-subtitle.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Panel-subtitle.ru-ru,.ru-ru .Panel-subtitle {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Panel-subtitle.zh-tw,.zh-tw .Panel-subtitle {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Panel-title {
    font-size: 3.2249999999999996rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 720px) {
    .Panel-title {
        font-size:3.655rem
    }
}

@media (min-width: 1280px) {
    .Panel-title {
        font-size:4.3rem
    }
}

.Panel-title.zh-cn,.zh-cn .Panel-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Panel-title,.Panel-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Panel-title.ru-ru,.ru-ru .Panel-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Panel-title.zh-tw,.zh-tw .Panel-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Panel-desc {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    margin: 0 auto 10px
}

@media (min-width: 720px) {
    .Panel-desc {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Panel-desc {
        font-size:1.44rem
    }
}

.Panel-desc.zh-cn,.zh-cn .Panel-desc {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Panel-desc,.Panel-desc.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Panel-desc.ru-ru,.ru-ru .Panel-desc {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Panel-desc.zh-tw,.zh-tw .Panel-desc {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Panel-buttons {
    margin: -10px
}

.Panel-button,.Panel-button.Button,.Panel-button.IronButton {
    margin: 10px
}

.Panel-desc+.Panel-buttons:not(:empty),.Panel-subtitle+.Panel-buttons:not(:empty),.Panel-subtitle+.Panel-desc:not(:empty),.Panel-title+.Panel-buttons:not(:empty),.Panel-title+.Panel-desc:not(:empty) {
    margin-top: 20px
}

.Panel-desc+.Panel-buttons:empty,.Panel-subtitle+.Panel-buttons:empty,.Panel-subtitle+.Panel-desc:empty,.Panel-title+.Panel-buttons:empty,.Panel-title+.Panel-desc:empty {
    margin: 0
}

.Panel--normal:not(.Panel--stacked) .Panel-area,.Panel:not(.Panel--stacked) .Panel-area {
    position: relative;
    max-height: 480px
}

.Panel--normal:not(.Panel--stacked) .Panel-area:before,.Panel:not(.Panel--stacked) .Panel-area:before {
    content: "";
    display: block;
    padding-top: 30%
}

.Panel--tiny:not(.Panel--stacked) .Panel-area {
    position: relative;
    max-height: 300px
}

.Panel--tiny:not(.Panel--stacked) .Panel-area:before {
    content: "";
    display: block;
    padding-top: 18.75%
}

.Panel--small:not(.Panel--stacked) .Panel-area {
    position: relative;
    max-height: 380px
}

.Panel--small:not(.Panel--stacked) .Panel-area:before {
    content: "";
    display: block;
    padding-top: 23.75%
}

.Panel--large:not(.Panel--stacked) .Panel-area {
    position: relative;
}

.Panel--large:not(.Panel--stacked) .Panel-area:before {
    content: "";
    display: block;
    padding-top: 37.5%
}

.Panel--huge:not(.Panel--stacked) .Panel-area {
    position: relative;
    max-height: 740px
}

.Panel--huge:not(.Panel--stacked) .Panel-area:before {
    content: "";
    display: block;
    padding-top: 46.25%
}

.Panel--bgTop>.Panel-bg {
    background-position: top
}

.Panel--bgTop .Panel-bgContent {
    -o-object-position: center top;
    object-position: center top
}

.Panel--bgBottom>.Panel-bg {
    background-position: bottom
}

.Panel--bgBottom .Panel-bgContent {
    -o-object-position: center bottom;
    object-position: center bottom
}

.Panel--left .Panel-content {
    width: 50%;
    position: absolute;
    left: 0;
    text-align: left
}

.Panel--left .Panel-title {
    width: 200%
}

.Panel--center .Panel-content {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center
}

.Panel--center .Panel-title {
    width: 200%;
    margin-left: -50%
}

.Panel--right .Panel-content {
    width: 50%;
    position: absolute;
    right: 0;
    text-align: right
}

.Panel--right.Panel--alignRight .Panel-title {
    width: 200%;
    margin-left: -100%
}

.Panel--alignLeft .Panel-content {
    text-align: left
}

.Panel--alignCenter .Panel-content {
    text-align: center
}

.Panel--alignRight .Panel-content {
    text-align: right
}

.Panel--stacked .Panel-bg {
    position: relative;
    width: 100%;
    background-size: cover;
    max-height: 600px
}

.Panel--stacked .Panel-bg:before {
    content: "";
    display: block;
    padding-top: 50%
}

.Panel--stacked.Panel--tiny .Panel-bg {
    max-height: 375px
}

.Panel--stacked.Panel--small .Panel-bg {
    max-height: 475px
}

.Panel--stacked.Panel--normal .Panel-bg {
    max-height: 600px
}

.Panel--stacked.Panel--large .Panel-bg {
    max-height: 750px
}

.Panel--stacked.Panel--huge .Panel-bg {
    max-height: 925px
}

.Panel--stacked .Panel-bgContent {
    width: 100%
}

.Panel--stacked .Panel-area {
    /*background: url(../images/repeating_leather_blue.jpg) repeat;*/
    height: auto;
    max-width: none;
    position: relative;
    padding: 20px 10%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

@media (min-width: 720px) {
    .Panel--stacked .Panel-area {
        padding: 60px 30px;
    }
}

.Panel--stacked .Panel-box {
    position: static
}

.Panel--stacked .Panel-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    position: relative;
    top: 0;
    transform: none
}

.Panel--stacked .Panel-desc {
    max-width: 720px
}

.Panel--stacked .Panel-title {
    font-size: 2.2395rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Panel--stacked .Panel-title {
        font-size:2.5381rem
    }
}

@media (min-width: 1280px) {
    .Panel--stacked .Panel-title {
        font-size:2.986rem
    }
}

.Panel--stacked .Panel-title.zh-cn,.zh-cn .Panel--stacked .Panel-title {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Panel--stacked .Panel-title,.Panel--stacked .Panel-title.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.Panel--stacked .Panel-title.ru-ru,.ru-ru .Panel--stacked .Panel-title {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Panel--stacked .Panel-title.zh-tw,.zh-tw .Panel--stacked .Panel-title {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Panel--stacked.Panel--overlayed .Panel-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: top;
    max-height: none
}

.Panel--stacked.Panel--overlayed .Panel-area {
    position: relative;
    background: transparent
}

.Panel--stacked.Panel--overlayed .Panel-area:before {
    content: "";
    display: block;
    padding-top: 50%
}

.Panel--above .Panel-content {
    z-index: 2
}

.Panel--link.bordered:before {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    box-shadow: inset 0 0 0 1px #504137
}

.Panel--link:focus.bordered:before,html:not(.touch) .Panel--link:hover.bordered:before {
    box-shadow: inset 0 0 0 1px #f8b700
}

.Panel--link .Panel-title {
    color: #f8b700
}

.Panel--link .Panel-area {
    border-top: 1px solid #504137
}

@media screen and (min-width: 980px) and (max-width:1280px) {
    .Panel--stretched .Panel-bg {
        background-size:cover
    }

    .Panel--stretched .Panel-bgContent {
        width: 100%;
        height: 100%
    }

    .Panel--stretched.Panel--tiny:not(.Panel--stacked) .Panel-area {
        position: relative;
        max-height: 375px
    }

    .Panel--stretched.Panel--tiny:not(.Panel--stacked) .Panel-area:before {
        content: "";
        display: block;
        padding-top: 20%
    }

    .Panel--stretched.Panel--small:not(.Panel--stacked) .Panel-area {
        position: relative;
        max-height: 475px
    }

    .Panel--stretched.Panel--small:not(.Panel--stacked) .Panel-area:before {
        content: "";
        display: block;
        padding-top: 33.33333333%
    }

    .Panel--stretched.Panel--normal:not(.Panel--stacked) .Panel-area {
        position: relative;
        max-height: 600px
    }

    .Panel--stretched.Panel--normal:not(.Panel--stacked) .Panel-area:before {
        content: "";
        display: block;
        padding-top: 40%
    }

    .Panel--stretched.Panel--large:not(.Panel--stacked) .Panel-area {
        position: relative;
        max-height: 750px
    }

    .Panel--stretched.Panel--large:not(.Panel--stacked) .Panel-area:before {
        content: "";
        display: block;
        padding-top: 50%
    }

    .Panel--stretched.Panel--huge:not(.Panel--stacked) .Panel-area {
        position: relative;
        max-height: 925px
    }

    .Panel--stretched.Panel--huge:not(.Panel--stacked) .Panel-area:before {
        content: "";
        display: block;
        padding-top: 52.63157895%
    }
}

.Panel--overflowing,.Panel--overflowing .Panel-bg {
    overflow: visible
}

.Panel--overflowing .Panel-fg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none
}

.PatchNotes {
    position: relative;
    height: 100%
}

.PatchNotes-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #222;
    color: #fff;
    overflow: hidden
}

.PatchNotes-header {
    background-color: hsla(0,0%,100%,.1);
    padding: 10px 20px
}

.PatchNotes-title {
    color: #b1997f;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.08rem;
    line-height: 1.5;
    text-transform: uppercase
}

@media (min-width: 720px) {
    .PatchNotes-title {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .PatchNotes-title {
        font-size:1.44rem
    }
}

.PatchNotes-expand {
    cursor: pointer;
    display: inline-block
}

.PatchNotes-collapse {
    cursor: pointer;
    display: none;
    position: relative;
    top: 2px;
    left: 6px
}

.PatchNotes-body {
    overflow-y: scroll;
    margin-right: -17px;
    font-size: 80%;
    height: 90%;
    height: calc(100% - 70px)
}

.PatchNotes-body ol,.PatchNotes-body ul {
    padding-left: 1em
}

html.touch .PatchNotes-body {
    margin-right: 0
}

.PatchNotes-innerBody {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.PatchNotes-body>:first-child {
    margin-top: 0
}

.PatchNotes-fade {
    box-shadow: 0 -10px 30px 20px #222;
    position: relative;
    height: 10px
}

.PatchNotes.is-expanded {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    height: auto!important;
    width: auto!important;
    z-index: 7
}

.PatchNotes.is-expanded .PatchNotes-expand {
    display: none
}

.PatchNotes.is-expanded .PatchNotes-collapse {
    display: inline-block
}

.PatchNotes.is-expanded .PatchNotes-body {
    overflow-y: auto;
    font-size: 100%
}

.PatchNotes.is-expanded .PatchNotes-body ol,.PatchNotes.is-expanded .PatchNotes-body ul {
    padding-left: 3em
}

.ScrollAnchor-space {
    height: 60vh
}

.ScrollAnchor-control {
    height: 71px
}

.ScrollAnchor-icon {
    position: relative;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.ScrollAnchor-border {
    position: absolute;
    top: 0;
    left: 0;
    border: 0
}

.ScrollAnchor-bar {
    transform: translateZ(0);
    height: 71px;
    padding-top: 10px
}

.Sticky.is-active .ScrollAnchor-bar {
    background-color: rgba(29,17,11,.8);
    background: linear-gradient(180deg,rgba(29,17,11,.8) 0,rgba(29,17,11,.8) 75%,rgba(29,17,11,0))
}

.ScrollAnchor-control .ScrollAnchor-indicator {
    margin-top: 11px
}

.ScrollAnchor-control .ScrollAnchor-indicator:after,.ScrollAnchor-control .ScrollAnchor-indicator:before {
    transition: .5s ease-in-out
}

.ScrollAnchor-container {
    position: relative
}

.ScrollAnchor-content {
    position: relative;
    min-height: 100vh
}

.ScrollAnchor-overlay {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: rgba(29,17,11,.8);
    background: linear-gradient(180deg,rgba(29,17,11,0) 0,rgba(29,17,11,.9) 20%,rgba(29,17,11,.9))
}

.Scrollable {
    overflow: hidden;
    cursor: grab
}

.Scrollable--flex {
    display: flex
}

.Scrollable.is-active *,.Scrollable.is-grabbing {
    cursor: grabbing
}

html.touch .Scrollable {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

html.touch .Scrollable::-webkit-scrollbar {
    width: 0
}

.SelectMenu {
    min-width: 250px;
    position: relative
}

.SelectMenu-toggle {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 700;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    display: block;
    width: 100%;
    background-color: #f8b700;
    color: #211510;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    padding: 10px 48px 10px 10px
}

.SelectMenu-toggle.zh-cn,.zh-cn .SelectMenu-toggle {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SelectMenu-toggle,.SelectMenu-toggle.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SelectMenu-toggle,.SelectMenu-toggle.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SelectMenu-toggle.zh-tw,.zh-tw .SelectMenu-toggle {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .SelectMenu-toggle {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .SelectMenu-toggle {
        font-size:1.44rem
    }
}

.SelectMenu-toggle.gutter-vertical {
    padding: 10px 0
}

.SelectMenu-toggle.gutter-all {
    padding: 10px
}

.SelectMenu-toggle.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.SelectMenu-toggle.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.SelectMenu-toggle.gutter-negative.gutter-all {
    margin: -10px
}

.SelectMenu-toggle:after,.SelectMenu-toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    border: 4px solid transparent;
    border-bottom-color: #211510;
    margin-top: -10px
}

.SelectMenu-toggle:after {
    border-color: #211510 transparent transparent;
    margin-top: 2px
}

@media (min-width: 980px) {
    .SelectMenu-toggle:after,.SelectMenu-toggle:before {
        height:10px;
        right: 15px;
        width: 10px
    }

    .SelectMenu-toggle:before {
        border-width: 5px;
        margin-top: -14px
    }

    .SelectMenu-toggle:after {
        border-width: 5px;
        margin-top: 1px
    }
}

html:not(.touch) .SelectMenu-toggle:hover {
    cursor: pointer
}

.SelectMenu-toggle.focus-visible,.SelectMenu-toggle:focus-visible {
    outline: 1px dotted #5e9ed6;
    outline: 5px auto -webkit-focus-ring-color
}

.SelectMenu-toggle:focus:not(.focus-visible),.SelectMenu-toggle:focus:not(:focus-visible) {
    outline: none
}

.SelectMenu-toggle--native {
    background-image: url(/static/components/SelectMenu/double-arrow.ae6e7bc6db37f7ddd89677fb7fb92ee5.svg);
    background-size: 10px;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.SelectMenu--ghost .SelectMenu-toggle--native {
    background-image: url(/static/components/SelectMenu/double-arrow-gold.7a8052c2bc4ace886e41ec5cde9375b0.svg)
}

.SelectMenu-toggle--native:after,.SelectMenu-toggle--native:before {
    content: none
}

.SelectMenu--toggleSearch .SelectMenu-toggle {
    padding: 0
}

.SelectMenu--toggleSearch .SelectMenu-toggleInput:focus::-moz-placeholder {
    color: transparent
}

.SelectMenu--toggleSearch .SelectMenu-toggleInput:focus::placeholder {
    color: transparent
}

.SelectMenu-toggleInput {
    padding: 10px;
    outline: 0;
    width: 100%;
    background: transparent;
    border: transparent;
    white-space: nowrap;
    position: relative;
    display: block
}

.SelectMenu-toggleInput.gutter-vertical {
    padding: 10px 0
}

.SelectMenu-toggleInput.gutter-all {
    padding: 10px
}

.SelectMenu-toggleInput.gutter-negative {
    padding: 0;
    margin: 0 -10px
}

.SelectMenu-toggleInput.gutter-negative.gutter-vertical {
    margin: -10px 0
}

.SelectMenu-toggleInput.gutter-negative.gutter-all {
    margin: -10px
}

.SelectMenu-toggleInput::-moz-placeholder {
    color: #000
}

.SelectMenu-toggleInput::placeholder {
    color: #000
}

.ScrollMenu--scrollMenu .SelectMenu-menu {
    max-height: 300px;
    overflow-y: auto
}

.SelectMenu-menu {
    opacity: 0;
    background-color: #211510;
    border: 1px solid #504137;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: 3;
    display: none
}

.SelectMenu-menu.is-active {
    display: block;
    animation: keyframe-fade-in .18s ease-out;
    opacity: 1;
    overflow: auto;
    overflow-y: auto!important
}

.SelectMenu-menu.simplebar-menu {
    overflow: visible!important;
    position: absolute;
    width: 100%
}

.SelectMenu-menu.simplebar-menu .simplebar-track {
    background: #000
}

.SelectMenu-menu.simplebar-menu .simplebar-track.simplebar-vertical {
    box-shadow: 0 0 48px 2px #000
}

.SelectMenu-menu.simplebar-menu .simplebar-scrollbar:before {
    background: #f8b700
}

.SelectMenu-menu.simplebar-menu .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1
}

.SelectMenu-items {
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: #f8b700 #000
}

.SelectMenu-items::-webkit-scrollbar {
    width: 8px
}

.SelectMenu-items::-webkit-scrollbar-track {
    background: #000
}

.SelectMenu-items::-webkit-scrollbar-thumb {
    background-color: #f8b700;
    border-radius: 4px
}

.SelectMenu--flushItems .SelectMenu-items {
    padding: 10px 0
}

.SelectMenu-item {
    transition: all .2s cubic-bezier(.23,1,.32,1) 0s;
    color: #f8b700;
    cursor: pointer
}

.SelectMenu-item:first-child {
    border-top: none
}

html:not(.touch) .SelectMenu-item:hover {
    color: #fff
}

.SelectMenu-item.is-highlighted {
    background-color: #b06601;
    color: #fff
}

.SelectMenu-item.is-selected {
    color: #fff
}

.SelectMenu--multiple .SelectMenu-item {
    padding-left: 28px;
    position: relative
}

.SelectMenu--multiple .SelectMenu-item:after,.SelectMenu--multiple .SelectMenu-item:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #504137;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%)
}

.SelectMenu--multiple .SelectMenu-item:after {
    background-color: #f8b700;
    border: none;
    transform: translateY(-50%) scale(0);
    transition: all .2s cubic-bezier(.165,.84,.44,1) 0s
}

.SelectMenu--multiple .SelectMenu-item.is-selected:after {
    transform: translateY(-50%) scale(.5)
}

.SelectMenu-header {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700;
    line-height: 48px;
    margin-top: 10px
}

@media (min-width: 720px) {
    .SelectMenu-header {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .SelectMenu-header {
        font-size:1.728rem
    }
}

.SelectMenu-header.zh-cn,.zh-cn .SelectMenu-header {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SelectMenu-header,.SelectMenu-header.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SelectMenu-header,.SelectMenu-header.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SelectMenu-header.zh-tw,.zh-tw .SelectMenu-header {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.SelectMenu-group.is-active .SelectMenu-header,.SelectMenu-header.is-active {
    display: block
}

.SelectMenu-link,.SelectMenu-linkIcon,.SelectMenu-tabsLink {
    display: block;
    padding: 10px
}

.SelectMenu-linkIcon {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    gap: 12px
}

.SelectMenu-inputContainer {
    padding: 20px 20px 0;
    display: none
}

.SelectMenu-input {
    width: 100%;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,.5);
    border: 1px solid #504137
}

.SelectMenu-input:focus {
    outline: none
}

.SelectMenu-noMatches {
    color: #fff
}

.SelectMenu-exception {
    color: #fff;
    display: none;
    padding-top: 20px
}

.SelectMenu-exception.is-active {
    display: block
}

.SelectMenu--search .SelectMenu-menu {
    padding-bottom: 20px
}

.SelectMenu--search .SelectMenu-inputContainer {
    display: block
}

.SelectMenu--search .SelectMenu-defaults {
    display: block;
    padding-top: 20px
}

.SelectMenu--search .SelectMenu-defaults .SelectMenu-header,.SelectMenu--search .SelectMenu-defaults .SelectMenu-item {
    display: block
}

.SelectMenu--search .SelectMenu-header {
    display: none;
    margin-top: 0
}

.SelectMenu--search .SelectMenu-header.is-active {
    display: block
}

.SelectMenu--search .SelectMenu-items {
    padding: 0 20px
}

.SelectMenu--search .SelectMenu-item {
    display: none
}

.SelectMenu--search .SelectMenu-item.is-active {
    display: block
}

.SelectMenu--search.has-matches .SelectMenu-menu {
    padding-bottom: 0
}

.SelectMenu--search.has-matches .SelectMenu-items {
    padding-top: 10px;
    padding-bottom: 10px
}

.SelectMenu--search.has-input .SelectMenu-defaults {
    display: none
}

.SelectMenu--alignable {
    display: inline-block
}

.SelectMenu--alignable .SelectMenu-toggle {
    padding-right: 36px;
    text-align: left
}

.SelectMenu--alignable .SelectMenu-item {
    padding-left: 10px;
    text-align: left
}

.SelectMenu-close {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

.SelectMenu-close .SelectMenu-close-icon {
    position: absolute;
    top: 10px;
    left: 10px
}

.SelectMenu--fullscreen .SelectMenu-menu {
    padding-top: 40px
}

.SelectMenu--fullscreen .SelectMenu-menu .SelectMenu-close {
    display: block
}

.SelectMenu--fullscreen .SelectMenu-menu.is-active {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    overflow: auto;
    z-index: 7
}

.SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item {
    font-size: 1.296rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item {
        font-size:1.728rem
    }
}

.SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item.zh-cn,.zh-cn .SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item,.SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item,.SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item.zh-tw,.zh-tw .SelectMenu--fullscreen .SelectMenu-menu.is-active .SelectMenu-item {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.SelectMenu--fullscreen .SelectMenu-items {
    max-height: none
}

.SelectMenu--dark>.SelectMenu-toggle {
    background: linear-gradient(180deg,rgba(1,1,2,.97),rgba(21,13,6,.97));
    border: 1px solid #504137;
    color: #fff
}

.SelectMenu--dark>.SelectMenu-toggle:before {
    border-color: transparent transparent #f8b700
}

.SelectMenu--dark>.SelectMenu-toggle:after {
    border-color: #f8b700 transparent transparent
}

.SelectMenu--upper {
    text-transform: uppercase
}

.SelectMenu--ocho .SelectMenu-toggle {
    background-color: #fff;
    border-color: #cacaca
}

.SelectMenu--ocho .SelectMenu-menu {
    background-color: #000;
    border-color: #222
}

.SelectMenu--ocho .SelectMenu-item.is-highlighted {
    background-color: #09273e
}

.SelectMenu--ocho .SelectMenu-item.is-selected {
    color: #fff
}

.SelectMenu--ocho .SelectMenu-toggleInput::-moz-placeholder {
    color: #000;
    opacity: .7
}

.SelectMenu--ocho .SelectMenu-toggleInput::placeholder {
    color: #000;
    opacity: .7
}

.SelectMenu--ghost .SelectMenu-toggle {
    background-color: #000;
    border: 1px solid #f8b700;
    color: #f8b700
}

.SelectMenu--ghost .SelectMenu-toggle:before {
    border-color: transparent transparent #f8b700
}

.SelectMenu--ghost .SelectMenu-toggle:after {
    border-color: #f8b700 transparent transparent
}

html:not(.touch) .SelectMenu--ghost .SelectMenu-toggle:focus,html:not(.touch) .SelectMenu--ghost .SelectMenu-toggle:hover {
    border-color: #fff
}

.SelectMenu--ghost .SelectMenu-menu {
    top: 100%;
    background-color: #000
}

.SelectMenu--ghost .SelectMenu-toggleInput::-moz-placeholder {
    color: #f8b700
}

.SelectMenu--ghost .SelectMenu-toggleInput::placeholder {
    color: #f8b700
}

.SelectMenu--medium .SelectMenu-menu,.SelectMenu--medium .SelectMenu-toggle,.SelectMenu--medium .SelectMenu-toggleInput {
    font-size: 1rem;
    line-height: 1.5;
    text-align: left
}

@media (min-width: 720px) {
    .SelectMenu--medium .SelectMenu-menu,.SelectMenu--medium .SelectMenu-toggle,.SelectMenu--medium .SelectMenu-toggleInput {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .SelectMenu--medium .SelectMenu-menu,.SelectMenu--medium .SelectMenu-toggle,.SelectMenu--medium .SelectMenu-toggleInput {
        font-size:1.2rem
    }
}

.SelectMenu--medium .SelectMenu-toggle {
    padding-top: 6px;
    padding-bottom: 7px;
    color: #fff
}

.SelectMenu--medium .SelectMenu-toggle:after,.SelectMenu--medium .SelectMenu-toggle:before {
    width: 6px;
    border-width: 3px;
    right: 10px;
    margin-top: -11px
}

.SelectMenu--medium .SelectMenu-toggle:after {
    margin-top: 2px
}

.SelectMenu--medium .SelectMenu-link {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .SelectMenu--medium .SelectMenu-link {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .SelectMenu--medium .SelectMenu-link {
        font-size:1rem
    }
}

.SelectMenu--small {
    min-width: 70px
}

.SelectMenu--small .SelectMenu-menu,.SelectMenu--small .SelectMenu-toggle,.SelectMenu--small .SelectMenu-toggleInput {
    font-size: 1rem;
    line-height: 1.5;
    text-align: left
}

@media (min-width: 720px) {
    .SelectMenu--small .SelectMenu-menu,.SelectMenu--small .SelectMenu-toggle,.SelectMenu--small .SelectMenu-toggleInput {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .SelectMenu--small .SelectMenu-menu,.SelectMenu--small .SelectMenu-toggle,.SelectMenu--small .SelectMenu-toggleInput {
        font-size:1rem
    }
}

.SelectMenu--small .SelectMenu-toggle {
    padding-top: 6px;
    padding-bottom: 7px
}

.SelectMenu--small .SelectMenu-toggle:after,.SelectMenu--small .SelectMenu-toggle:before {
    width: 6px;
    border-width: 3px;
    right: 10px;
    margin-top: -11px
}

.SelectMenu--small .SelectMenu-toggle:after {
    margin-top: 2px
}

.SelectMenu--small.SelectMenu--ghost .SelectMenu-toggle {
    color: #fff
}

.SelectMenu--small.SelectMenu--alignable .SelectMenu-toggle {
    padding-right: 36px
}

.SelectMenu--small.SelectMenu--full {
    max-width: none
}

.space-sitenav {
    height: var(--nav-height)
}

blz-nav {
    z-index: 4
}

blz-nav .show-if-has-characters,blz-nav .show-if-loggedin,blz-nav .show-if-no-characters {
    display: none
}

blz-nav .show-if-loggedout,blz-nav[authenticated] .show-if-loggedin {
    display: block
}

blz-nav[authenticated] .show-if-loggedout {
    display: none
}

blz-nav[authenticated].has-characters .show-if-has-characters,blz-nav[authenticated].no-characters .show-if-no-characters {
    display: block
}

blz-nav input {
    font-family: Poppins;
    font-size: medium
}

blz-nav blz-nav-link .is-remix .remix-overlay {
    position: absolute;
    width: 18px;
    height: auto;
    left: 42px;
    bottom: 18px
}

.SiteNav-searchBox {
    position: relative
}

.SiteNav-searchIcon {
    left: 20px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    z-index: 1
}

.SiteNav-searchInput {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    background: rgba(0,0,0,.5);
    border: 1px solid #777;
    border-radius: 8px;
    color: #fff;
    outline: none;
    padding: 15px 20px 15px 54px;
    position: relative;
    width: 100%
}

.SiteNav-searchInput:active,.SiteNav-searchInput:focus {
    border-color: #674024
}

.SiteNav-searchInput::-webkit-input-placeholder {
    color: #d79e0d;
    font-style: italic
}

.SiteNav-searchInput:-moz-placeholder,.SiteNav-searchInput::-moz-placeholder {
    color: #d79e0d;
    font-style: italic
}

.SiteNav-searchInput::-moz-selection {
    background-color: #f8b700;
    color: #352011
}

.SiteNav-searchInput::selection {
    background-color: #f8b700;
    color: #352011
}

.SkipLink {
    background: #000
}

.Slider {
    overflow: visible;
    outline: 0;
    height: 0;
    opacity: 0;
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s
}

.Slider.flickity-enabled {
    height: auto;
    opacity: 1
}

.Slider .flickity-viewport {
    cursor: grab
}

.Slider .flickity-viewport.is-pointer-down {
    cursor: grabbing
}

.Slider--topOverflow {
    padding-top: 100px;
    margin-top: -100px
}

.Slider:after {
    content: "flickity";
    display: none
}

.Slider--disabled {
    height: auto;
    opacity: 1
}

.Slider--disabled:after {
    content: ""
}

html.touch .Slider {
    -webkit-overflow-scrolling: touch
}

html.touch .Slider::-webkit-scrollbar {
    width: 0
}

.Slider-slide {
    margin: 0;
    float: left;
    display: inline-block
}

.Slider-slide--gutters {
    margin: 0 10px
}

.Slider-slide--guttersMedium {
    margin: 0 20px
}

.SocialButtons-button,.SocialButtons-link {
    display: inline-block
}

.SocialButtons-link {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    background: #b1997f;
    color: #fff;
    margin: 5px 10px 5px 0;
    padding: 4px 16px;
    position: relative;
    line-height: 2.2rem;
    cursor: pointer
}

html:not(.touch) .SocialButtons-link:hover {
    background: #f8b700
}

.SocialButtons-link * {
    pointer-events: none
}

.SocialButtons-link--facebook {
    background: #3a5795;
    padding-left: 36px
}

html:not(.touch) .SocialButtons-link--facebook:hover {
    background: #25375e
}

.SocialButtons-link--twitter {
    background: #55acee;
    padding-left: 41px
}

html:not(.touch) .SocialButtons-link--twitter:hover {
    background: #1689e0
}

.SocialButtons-link--vkontakte {
    background: #4d75a3;
    padding-left: 50px
}

html:not(.touch) .SocialButtons-link--vkontakte:hover {
    background: #34506f
}

.SocialButtons-link--tencentqq {
    background: #ec5252;
    padding-left: 38px
}

html:not(.touch) .SocialButtons-link--tencentqq:hover {
    background: #da1818
}

.SocialButtons-link--whatsapp {
    background: #25d366;
    padding-left: 38px
}

html:not(.touch) .SocialButtons-link--whatsapp:hover {
    background: #1a9247
}

.SocialButtons-icon {
    left: 0;
    position: absolute;
    top: 0
}

.SocialButtons-icon--facebook {
    left: 9px;
    margin-top: -9px;
    top: 50%
}

.SocialButtons-icon--facebook>.Icon-svg {
    display: block;
    height: 21px;
    width: 21px
}

.SocialButtons-icon--twitter {
    left: 8px;
    margin-top: -12px;
    top: 50%
}

.SocialButtons-icon--twitter>.Icon-svg {
    display: block;
    height: 24px;
    width: 24px
}

.SocialButtons-icon--vkontakte {
    left: 7px;
    margin-top: -19px;
    top: 50%
}

.SocialButtons-icon--vkontakte>.Icon-svg {
    display: block;
    height: 38px;
    width: 38px
}

.SocialButtons-icon--tencentqq {
    left: 7px;
    margin-top: -13px;
    top: 50%
}

.SocialButtons-icon--tencentqq>.Icon-svg {
    display: block;
    height: 26px;
    width: 26px
}

.SocialButtons-icon--whatsapp {
    left: 8px;
    margin-top: -11px;
    top: 50%
}

.SocialButtons-icon--whatsapp>.Icon-svg {
    display: block;
    height: 22px;
    width: 22px
}

.SocialButtons--stacked .SocialButtons-button {
    display: block;
    margin: 0 0 20px
}

.SocialButtons--stacked .SocialButtons-link {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block
}

.SortTable {
    display: table;
    margin: 0 auto
}

.SortTable-head {
    display: table-header-group
}

.SortTable-body {
    display: table-row-group
}

.SortTable-row {
    color: #b1997f;
    display: table-row
}

.SortTable--animated .SortTable-row {
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s
}

.SortTable-body .SortTable-row:nth-child(odd) {
    background: hsla(0,0%,100%,.02)
}

.SortTable-row[disabled] {
    color: #cacaca
}

.SortTable-col {
    display: table-cell
}

.SortTable-col.is-hidden {
    display: none!important
}

.SortTable-label {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1.08rem;
    line-height: 1.5;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    white-space: nowrap;
    border: 0;
    color: #f8b700;
    cursor: pointer;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px transparent,1px 1px 0 #000,1px 1px 0 #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: table-cell
}

.SortTable-label.zh-cn,.zh-cn .SortTable-label {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SortTable-label,.SortTable-label.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SortTable-label,.SortTable-label.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SortTable-label.zh-tw,.zh-tw .SortTable-label {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

@media (min-width: 720px) {
    .SortTable-label {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .SortTable-label {
        font-size:1.44rem
    }
}

html:not(.touch) .SortTable-label {
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

html:not(.touch) .SortTable-label:hover {
    color: #fff
}

.SortTable-label:active .SortTable-labelOuter {
    top: 0
}

.SortTable-label,.SortTable-labelOuter {
    padding-right: 0
}

.SortTable-labelOuter {
    display: block;
    padding: 1px;
    position: relative
}

.SortTable-labelInner {
    display: block;
    padding: 13px 58px;
    position: relative
}

.SortTable-labelText {
    display: inline;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0 #000,1px 1px 0 #000
}

.SortTable-label:last-child,.SortTable-label:last-child .SortTable-labelOuter {
    padding-right: 1px
}

.SortTable-labelInner,.SortTable-labelOuter {
    display: block;
    width: 100%
}

.SortTable-label .SortTable-labelInner {
    padding-right: 10px;
    padding-left: 10px
}

.SortTable-label.is-sorted,.SortTable-label.is-sorted-reverse {
    color: #fff;
    position: relative
}

.SortTable-label.is-sorted-reverse .SortTable-labelText:after,.SortTable-label.is-sorted .SortTable-labelText:after {
    border-top: 5px solid #f8b700;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: 25%;
    content: "";
    height: 0;
    right: -15px;
    position: absolute;
    width: 0
}

.SortTable-label.is-sorted-reverse .SortTable-labelText:after {
    border-top: none;
    border-bottom: 5px solid #f8b700;
    bottom: auto;
    top: 45%
}

.SortTable-data {
    border-top: 1px solid hsla(0,0%,100%,.1);
    padding: 10px;
    vertical-align: middle;
    position: relative
}

@media (min-width: 720px) {
    .SortTable-data {
        height:48px;
        padding: 0 20px
    }
}

.SortTable--alignTop .SortTable-data {
    vertical-align: top
}

.SortTable--dataPadding .SortTable-data {
    padding: 10px
}

.SortTable-row:last-child:nth-child(odd) .SortTable-data {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.SortTable-row:last-child:nth-child(2n) .SortTable-data {
    border-bottom: 0
}

.SortTable-status {
    vertical-align: middle
}

.SortTable.is-resizing .SortTable-col {
    display: inline-block!important;
    width: auto!important
}

.SortTable--flex,.SortTable--stretch,.SortTable--stretch .SortTable-col[data-priority="1"] {
    width: 100%
}

.SortTable-row.SortTable-row--noDividers .SortTable-data {
    border-top: 0
}

.SortTable-row:last-child:nth-child(odd).SortTable-row--noDividers .SortTable-data {
    border-bottom: 0
}

.SortTable-row.SortTable-row--tall .SortTable-data {
    padding-top: 15px;
    padding-bottom: 20px
}

.SortTable-row.SortTable-row--ghost {
    background: hsla(0,0%,100%,.02)
}

.SortTable-row--bordered>.SortTable-data,.SortTable-row--bordered>.SortTable-label {
    border-top: 1px solid hsla(0,0%,100%,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.SortTable-label--left {
    text-align: left
}

.SortTable-label--right {
    text-align: right
}

.SortTable-label--beige .SortTable-labelText {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .SortTable-label--beige .SortTable-labelText {
        font-size:1rem
    }
}

@media (min-width: 1280px) {
    .SortTable-label--beige .SortTable-labelText {
        font-size:1rem
    }
}

.SortTable-label--beige .SortTable-labelText.zh-cn,.zh-cn .SortTable-label--beige .SortTable-labelText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SortTable-label--beige .SortTable-labelText,.SortTable-label--beige .SortTable-labelText.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SortTable-label--beige .SortTable-labelText,.SortTable-label--beige .SortTable-labelText.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.SortTable-label--beige .SortTable-labelText.zh-tw,.zh-tw .SortTable-label--beige .SortTable-labelText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.SortTable-label--white .SortTable-labelText {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .SortTable-label--white .SortTable-labelText {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .SortTable-label--white .SortTable-labelText {
        font-size:1.44rem
    }
}

.SortTable-label--white .SortTable-labelText.zh-cn,.zh-cn .SortTable-label--white .SortTable-labelText {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .SortTable-label--white .SortTable-labelText,.SortTable-label--white .SortTable-labelText.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .SortTable-label--white .SortTable-labelText,.SortTable-label--white .SortTable-labelText.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.SortTable-label--white .SortTable-labelText.zh-tw,.zh-tw .SortTable-label--white .SortTable-labelText {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.SortTable-data.SortTable-data--bg>div {
    background-color: hsla(0,0%,100%,.08);
    width: 35px;
    height: 24px
}

.SortTable-data.SortTable-data--mediumBg>div {
    background-color: hsla(0,0%,100%,.08);
    width: 26px;
    height: 18px
}

.SortTable-data.SortTable-data--smallBg>div {
    background-color: hsla(0,0%,100%,.08);
    width: 23px;
    height: 17px
}

.SortTable--disabled .SortTable-label,.SortTable--disabled html:not(.touch) .SortTable-label:hover {
    color: #fff;
    cursor: default
}

.SortTable--disabled .SortTable-label.is-sorted-reverse .SortTable-labelText:after,.SortTable--disabled .SortTable-label.is-sorted .SortTable-labelText:after {
    display: none
}

.Sticky {
    position: relative
}

.Sticky:after {
    content: "";
    display: table;
    clear: both
}

.Sticky-content {
    position: relative
}

.Sticky-content--active,.Sticky.is-active .Sticky-content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.Sticky--reverse.is-active .Sticky-content {
    bottom: 0;
    top: auto
}

body:not(.is-scrollLocked) .Sticky.is-active .Sticky-content {
    right: 0!important
}

.Talent {
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0,0,0,.8);
    min-width: 170px;
    position: relative;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s
}

.Talent-desc {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #ebdec2;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Talent-desc {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Talent-desc {
        font-size:1.2rem
    }
}

.Talent-desc.zh-cn,.zh-cn .Talent-desc {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Talent-desc,.Talent-desc.ko-kr {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Talent-desc,.Talent-desc.ru-ru {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.Talent-desc.zh-tw,.zh-tw .Talent-desc {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Talent--gutter {
    padding: 20px
}

.Talent--gutter.gutter-vertical {
    padding: 20px 0
}

.Talent--gutter.gutter-all {
    padding: 20px
}

.Talent--gutter.gutter-negative {
    padding: 0;
    margin: 0 -20px
}

.Talent--gutter.gutter-negative.gutter-vertical {
    margin: -20px 0
}

.Talent--gutter.gutter-negative.gutter-all {
    margin: -20px
}

.Talent--fixed {
    width: 240px
}

html:not(.touch) .Talent:not(.Talent--noHover):hover {
    border: 1px solid #f8b700
}

.Talent.Talent--selectedGutter {
    padding-bottom: 13px
}

.Talent.is-selected {
    background-color: rgba(53,32,17,.8);
    border-color: #f8b700;
    box-shadow: inset 0 -8px 0 #f8b700
}

.Talent-name {
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

.Talent-name.zh-cn,.zh-cn .Talent-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Talent-name,.Talent-name.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Talent-name,.Talent-name.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Talent-name.zh-tw,.zh-tw .Talent-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Talent--nameLarge .Talent-name {
    font-size: 1.296rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Talent--nameLarge .Talent-name {
        font-size:1.4687999999999999rem
    }
}

@media (min-width: 1280px) {
    .Talent--nameLarge .Talent-name {
        font-size:1.728rem
    }
}

.Talent--nameSmall .Talent-name {
    font-size: 1.08rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Talent--nameSmall .Talent-name {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Talent--nameSmall .Talent-name {
        font-size:1.44rem
    }
}

.Talent-active {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    border: 3px solid #000;
    border-width: 0 0 4px 4px;
    height: 16px;
    width: 32px;
    margin: 6px 0;
    transform: rotate(-45deg) scale(.5);
    display: none;
    position: absolute;
    top: 12px;
    right: 12px
}

.Talent.is-active .Talent-active {
    display: block
}

.Talent--small>.Talent-body {
    display: none
}

.Talent-body {
    padding-top: 20px
}

.Talent.Talent--wide>.Talent-body {
    padding-top: 0;
    padding-bottom: 0
}

.Talent-head {
    position: relative
}

.Talent-data {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 720px) {
    .Talent-data {
        font-size:1.02rem
    }
}

@media (min-width: 1280px) {
    .Talent-data {
        font-size:1.2rem
    }
}

.Talent-head .Talent-data {
    display: none
}

.Talent-checkbox {
    display: none;
    width: 28px;
    height: 28px;
    background: #504137;
    position: relative
}

.Talent-checkbox .Talent-checkboxInput {
    z-index: 1;
    position: absolute;
    width: 28px;
    height: 28px;
    opacity: 0;
    cursor: pointer
}

.Talent-checkbox .Talent-checkboxLabel {
    z-index: 0;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 3px;
    top: 3px;
    background: #000
}

.Talent-checkbox .Talent-checkboxLabel:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f8b700;
    top: 5px;
    left: 5px
}

html:not(.touch) .Talent-checkbox .Talent-checkboxInput:hover+.Talent-checkboxLabel:after {
    opacity: .3
}

.Talent-checkbox .Talent-checkboxInput:checked+.Talent-checkboxLabel:after {
    opacity: 1
}

.Talent--checkbox .Talent-head .Talent-checkbox {
    position: absolute;
    right: 16px;
    top: 4px;
    display: block
}

.Talent--wide .Talent-head .Talent-data {
    display: block
}

.Talent--wide .Talent-body .Talent-data {
    display: none
}

.Talent--wide .Talent-head {
    vertical-align: middle;
    display: inline-block
}

.Talent--wide .Talent-body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block
}

.Talent--transparent {
    border: 1px solid transparent;
    background: transparent
}

.Talent--fontGold .Talent-name {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 700
}

@media (min-width: 720px) {
    .Talent--fontGold .Talent-name {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Talent--fontGold .Talent-name {
        font-size:1.44rem
    }
}

.Talent--fontGold .Talent-name.zh-cn,.zh-cn .Talent--fontGold .Talent-name {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.ko-kr .Talent--fontGold .Talent-name,.Talent--fontGold .Talent-name.ko-kr {
    font-family: Nanum Gothic,Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.ru-ru .Talent--fontGold .Talent-name,.Talent--fontGold .Talent-name.ru-ru {
    font-family: Futura Demi,Open Sans,Arial,Helvetica,sans-serif
}

.Talent--fontGold .Talent-name.zh-tw,.zh-tw .Talent--fontGold .Talent-name {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.Talent--border {
    border: 1px solid #504137
}

.Talent--DEATHKNIGHT-bg {
    background: rgba(8,8,18,.75)
}

.Talent--DEMONHUNTER-bg {
    background: rgba(10,16,4,.75)
}

.Talent--DRUID-bg {
    background: rgba(0,13,7,.75)
}

.Talent--HUNTER-bg {
    background: rgba(7,3,13,.75)
}

.Talent--MAGE-bg {
    background: rgba(17,6,23,.75)
}

.Talent--MONK-bg {
    background: rgba(4,17,12,.75)
}

.Talent--PALADIN-bg {
    background: rgba(19,4,10,.75)
}

.Talent--PRIEST-bg {
    background: rgba(26,8,18,.75)
}

.Talent--ROGUE-bg {
    background: rgba(21,13,26,.75)
}

.Talent--SHAMAN-bg {
    background: rgba(4,4,20,.75)
}

.Talent--WARLOCK-bg {
    background: rgba(21,18,31,.75)
}

.Talent--WARRIOR-bg {
    background: rgba(26,4,7,.75)
}

.Talent--leatherGrey {
    background-color: #211510;
    background-image: url(/static/components/Talent/Talent-leather-grey.db668caee69fef46471e35733f930d3d.jpg);
    background-position: 50%
}

.Talent--leatherGrey,.Talent--leatherGrey .Talent-icon,.Talent-icon {
    border: 1px solid #444
}

.Typeahead-defaultContent,.Typeahead-loadingMask {
    display: none
}

.Typeahead-defaultContent.is-active,.Typeahead-loadingMask.is-active,.Typeahead-resultsContent.is-active,.Video {
    display: block
}

.Video {
    background-color: #222;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 100%
}

.Video:after {
    content: "";
    display: table;
    clear: both
}

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

.Video-fade {
    box-shadow: inset 0 -40px 200px #000;
    opacity: .6
}

.Video-fade,.Video-iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Video-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 1
}

.Video-video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    height: 100%;
    top: 0
}

.Video-poster {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50%;
    background-size: 100%
}

.Video-play {
    display: inline-block;
    border-color: transparent #000;
    border-style: solid;
    border-width: 32px 0 32px 50px;
    opacity: .8
}

.Video-pause,.Video-play {
    position: relative;
    background-repeat: no-repeat;
    filter: invert(100%)
}

.Video-pause {
    display: inline-block;
    height: 50px;
    width: 18px;
    display: none;
    opacity: 0
}

.Video-pause:after,.Video-pause:before {
    content: "";
    display: block;
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}

.Video-pause:before {
    right: 90%
}

.Video-pause:after {
    left: 90%
}

.Video-center {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
    text-align: center;
    width: 100%
}

.Video-fade,.Video-pause,.Video-play {
    transition: opacity .12s ease
}

.Video-caption {
    color: #b1997f;
    font-weight: 400;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-size: 1.08rem;
    line-height: 1.5;
    font-style: italic;
    padding: 0 10px
}

@media (min-width: 720px) {
    .Video-caption {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .Video-caption {
        font-size:1.44rem
    }
}

.Video.is-started .Video-caption,.Video.is-started .Video-poster {
    display: none
}

.Video.is-started .Video-video {
    display: block
}

.Video.is-started .Video-play {
    opacity: .8
}

html:not(.touch) .Video.is-started:hover .Video-fade {
    opacity: .6
}

html:not(.touch) .Video.is-started:hover .Video-pause,html:not(.touch) .Video.is-started:hover .Video-play {
    opacity: 1
}

.Video.is-playing .Video-fade {
    opacity: 0
}

.Video.is-playing .Video-play {
    display: none
}

.Video.is-playing .Video-pause {
    display: inline-block
}

.Video--borderLightBrown {
    border: 1px solid #504137
}

.VideoPane {
    color: #fff;
    display: block;
    position: relative
}

.VideoPane:after {
    content: "";
    display: table;
    clear: both
}

.VideoPane-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    overflow: hidden
}

.VideoPane-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto
}

.VideoPane-content {
    padding: 0 20px;
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
    z-index: 0
}

body.z-index-reset-full .VideoPane-content,body.z-index-reset .VideoPane-content {
    z-index: auto
}

.VideoPane-fallback {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 2400px auto;
    background-color: #000;
    background-position: top;
    background-repeat: no-repeat
}

.VideoPane--disabled .VideoPane-bg>.VideoPane-video {
    display: none
}

.VideoPane--underSiteNav>.VideoPane-content {
    padding-top: var(--nav-height)
}

.VideoPane--alignTop .VideoPane-video {
    top: 0;
    transform: translateX(-50%)
}

.VideoPane--alignBottom .VideoPane-video {
    top: auto;
    bottom: 0;
    transform: translateX(-50%)
}

.VideoPane--fadeBottom .VideoPane-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 -180px 200px rgba(0,0,0,.6)
}

.VideoPane--dimmed .VideoPane-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5)
}

.VideoPane--flush .VideoPane-content {
    padding: 0
}

.VideoPane--fit .VideoPane-video {
    height: 100%;
    min-width: 0
}

.VideoPane--fit .VideoPane-fallback {
    background-size: auto 100%
}

.VideoPane--cover .VideoPane-fallback {
    background-size: cover
}

.BackgroundVideo-fallback {
    transition: all .5s cubic-bezier(.23,1,.32,1) 0s;
    opacity: 0;
    margin: 0
}

.BackgroundVideo-fallback--visible {
    opacity: 1
}

.BackgroundVideo-pause {
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #f8b700;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    z-index: 1;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 5px
}

@media (min-width: 720px) {
    .BackgroundVideo-pause {
        font-size:1.224rem
    }
}

@media (min-width: 1280px) {
    .BackgroundVideo-pause {
        font-size:1.44rem
    }
}

.BackgroundVideo-pause.zh-cn,.zh-cn .BackgroundVideo-pause {
    font-family: Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif
}

.BackgroundVideo-pause.ko-kr,.ko-kr .BackgroundVideo-pause {
    font-family: Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif
}

.BackgroundVideo-pause.ru-ru,.ru-ru .BackgroundVideo-pause {
    font-family: Open Sans,Arial,Helvetica,sans-serif
}

.BackgroundVideo-pause.zh-tw,.zh-tw .BackgroundVideo-pause {
    font-family: Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif
}

.BackgroundVideo-pause.focus-visible,.BackgroundVideo-pause:focus-visible,html:not(.touch) .BackgroundVideo-pause:hover {
    color: #fff!important
}

.BackgroundVideo-pauseIcon {
    display: inline-block;
    padding-left: 5px;
    fill: #2789b7
}
blz-video {
    mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}

@media (min-width: 720px) {
    blz-button[size="large"] {
        height: 72px;
    }
}

blz-button {
    position: relative;
    color: #f8b700;
    background-color: transparent;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.47) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    box-shadow: 0 3px 16.8px 7.5px rgba(0, 0, 0, 0.65);
    border-radius: 12px;
    cursor: pointer;
    border: 14px solid transparent;
    line-height: 1;
    will-change: filter;
    transition: filter 0.2s;
    justify-content: center;
    font: 500 calc(24px* 1) "Quadrat Serial", serif, sans-serif;
}

blz-button[size=medium] {
    border-width: 10px;
    border-radius: 4px;
}

blz-button[size=small] {
    border-width: 10px;
    border-radius: 4px;
}

blz-button:hover, blz-button:focus {
    filter: brightness(1.25);
}

blz-button[type=primary] {
    border-image: url(../images/gb_primary_button.webp);
    border-image-slice: 14 fill;
    background-image: url(../images/button_texture_primary.png);
}

blz-button[type=default] {
    border-image: url(../images/gb_button_default.webp);
    border-image-slice: 14 fill;
    background-image: url(../images/button_texture_secondary.png);
    background-size: 100% 100%;
}

@media (min-width: 480px) {
    blz-button[type=primary]::after {
        content: "";
        position: absolute;
        z-index: 10;
        pointer-events: none;
    }
}
@media (min-width: 480px) {
    blz-button[type=primary]::after {
        right: -14px;
        bottom: -57px;
        left: -14px;
        height: 73px;
        background: url(../images/button_primary_detail_bottom_left.webp) no-repeat, url(../images/button_primary_detail_bottom_right.webp) no-repeat;
        background-position: 0 100%, 100% calc(100% - 4px);
    }
}
.masthead blz-header {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.8));
}
h1[slot="heading"] {
    font-family: "Quadrat Serial", serif !important;
    max-width: 800px;
    letter-spacing: 0.02em;
    line-height: 110%;
    font-size: 4rem;
}
.page-Home-masthead .Grid--gutters>* {
    padding-bottom: 0 !important;
}

.main-sections {
    height: 100%;
    background-size: cover;
}

.section-1 {
    background-image: url(../images/1-section.png);
}

.section-2 {
    background-image: url(../images/2-section.png);
}

.section-3 {
    background-image: url(../images/3-section.png);
}

footer#footer {
    background-image: url(../images/Pane-leather-gray-map-light.3dc414265e62a3bfa6f5238e24f901c0.jpg);
}

.divider {
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
}

.divider.divider-1 {
    background-image: url(../images/divider_1.webp);
    height: 90px;
    margin-top: -68px;
    background-size: cover;
}

.divider.divider-2 {
    background-image: url(../images/divider_2.webp);
    height: 50px;
    margin-top: -24px;
    background-size: cover;
}

#discord-section {
    border-top: 1px solid #5865F2;border-bottom: 1px solid #5865F2;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23929fac' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: #0b0f15;
}

.discord-button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    padding: .375rem .75rem;
    color: #5865f2 !important;
    border-color: #5865f2 !important;
    background: #0b0f15;
    border-width: 1px;
    border-radius: 0;
    width: 250px;
}
.discord-button:hover {
    color: #fff !important;
    border-color: #fff !important;
}

#content_ajax .news{
    background-image: url(../images/Pane-leather-gray-map-light.3dc414265e62a3bfa6f5238e24f901c0.jpg);
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar.navbar-dark {
    webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #282d43cc;
    background-color: #232f43 !important;
    border-radius: 8px;
    box-sizing: border-box;
    height: 72px;
    max-width: 2300px;
    left: 16px;
    margin: 0 auto;
    padding: 0 12px 0 0 !important;
    right: 16px;
    top: 16px;
    align-items: center;
    display: flex;
    font-family: roboto;
    justify-content: space-between;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
}

.dropdown-menu.bg-dark {
    padding: 12px !important;
    align-items: center;
    border-radius: 8px;
    border-width: 0;
    height: auto;
    max-height: none;
    min-width: 320px;
    opacity: 1;
    position: absolute;
    top: 100%;
    transform: rotateX(-15deg);
    transform-origin: 50% -50px 0;
    width: auto;
}

@keyframes fadeIn {
    from { opacity: 0; transform: rotateX(-15deg); }
    to { opacity: 1; transform: rotateX(0deg); }
}
.dropdown-menu.bg-dark.show {
    animation: 0.25s fadeIn;
    left: 0 !important;
    clip-path: polygon(100% 0px, 100% 100%, 0px 100%, 0px 0px);
    display: block;
    opacity: 1;
    transform: rotateX(0deg);
}

a.dropdown-item {
    padding: 12px !important;
    font-family: "Archivo", Helvetica, Arial, sans-serif, "Microsoft YaHei";
    font-weight: 500;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    overflow: hidden;
    text-align: left;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.dropdown-item:hover, a.dropdown-item:focus, .nav-item:hover, .nav-item:focus{
    background-color: #ffffff0d;
    border-radius: 4px;
}

.nav-item {
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    min-height: 48px;
}

.navbar-collapse .nav-item > a.nav-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px;
}

.button-primary {
    padding: 0 24px;
    background-color: #0c94ec;
    min-height: 48px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.button-secondary {
    padding: 0 24px;
    background-color: #060c11;
    min-height: 48px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

i.fas, i.fab {
    margin-right: 5px;
}

@media only screen and (max-width:1360px){

    .navbar .container-fluid {
        background-color: #232f43 !important;
    }
    .navbar.navbar-dark {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        height: auto !important;
    }
    .button-primary {
        margin: 15px 1px !important;
    }
    #app {
        margin-top: 9rem !important;
    }
}

footer {
    padding-bottom: 60px;
}

.footer-top-menu a,
.footer-bottom-menu a {
    color: #fff;
    text-decoration: none;
    margin: 0 15px;
    font-size: 16px;
}

.footer-top-menu {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.footer-bottom-menu a {
    font-size: 13px;
    color: #ccc;
}

.footer-logo {
    display: flex;
    margin: 0 auto 30px;
    height: 50px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.footer-divider {
    margin: 40px 0;
}

.footer-bottom-menu {
    display: flex;
    flex-wrap: wrap;
}

.footer-socials {
    position: absolute;
    right: 30px;
    display: flex;
    gap: 15px;
}

.footer-socials a {
    background-color: #2a2a2a;
    color: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.3s;
}
.footer-socials i.fas, .footer-socials i.fab {
    margin-right: 0;
}

.footer-socials a:hover {
    background-color: #444;
}

@media(max-width: 768px) {
    .footer-socials {
        position: static;
        justify-content: center;
        margin-top: 20px;
    }
}

@media(max-width: 1200px) {
    .footer-logo {
        flex-direction: column;
    }

    .footer-socials {
        position: relative;
        margin-top: 20px;
    }

    .button-primary, .button-secondary {
        display: none;
    }
}

.talent-section .talent-page::before{
	position:unset !important;
}

.talent-section .talent::after{
	position: relative !important;
    bottom: 25px !important;
}

.talent-section .talent .arrow::before {
	position: unset !important;
}

.parental-controls-overview .user-table tr {
    border-style: hidden;
}

.talent-section .talent.inactive::after {
    content: attr(points) !important;
}