@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;400;700&display=swap');
@font-face { font-family: "avenir"; src: url("./fonts/Avenir-Book-01.svg") format("svg"), url("./fonts/Avenir-Book-01.ttf") format("truetype"), url("./fonts/Avenir-Book-01.woff") format("woff"); font-weight: normal; font-style: normal }
@font-face { font-family: "avenir"; src: url("./fonts/Avenir-Medium-09.svg") format("svg"), url("./fonts/Avenir-Medium-09.ttf") format("truetype"), url("./fonts/Avenir-Medium-09.woff") format("woff"); font-weight: bold; font-style: normal }
@font-face { font-family: "avenir"; src: url("./fonts/AvenirNext-UltraLight-11.svg") format("svg"), url("./fonts/AvenirNext-UltraLight-11.ttf") format("truetype"), url("./fonts/AvenirNext-UltraLight-11.woff") format("woff"); font-weight: 100; font-style: normal }
@font-face { font-family: "gotham"; src: url("./fonts/GothamBold.woff2") format("woff2"), url("./fonts/GothamBold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap }
:root { --normal: rgb(66, 66, 66); --primary: rgba(129, 102, 234, 1); --light: rgba(0, 254, 255, 1); --gray: rgba(211, 211, 211, 1); --silver: rgb(246, 246, 246); --link: rgb(96, 96, 96); --secondary: rgb(96, 96, 96); --muted: rgb(128, 128, 128); --white: white; --black: black; --dark: rgb(25, 25, 25); --top-nav: 5rem; --top-nav-sm: 4rem; --logo-size: 50px; --left-pad: 2rem; --left-wide: 7rem; --left-sm: 20px; --right-pad: 30px; --fw-bold: 600; --fw-normal: normal; --fw-light: 200; --font-sans: "-apple-system", "Helvetica Neue", "Helvetica", "PingFang SC", "Microsoft YaHei", "ST Heiti", "SimHei"; --font-system: "-apple-system", "Noto Sans", "Helvetica Neue", "Helvetica", "Nimbus Sans L", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "ST Heiti", "SimHei"; --font-family: "-apple-system", "Noto Sans", "Helvetica Neue", "Helvetica", "Nimbus Sans L", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "ST Heiti", "SimHei" }
html { font-size: 100%; min-height: 100% }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: var(--fw-normal); position: relative; margin: 0; padding: 0 }
body { font-family: var(--font-sans); color: var(--normal); font-size: .7rem; line-height: 1.8 }
@media screen and (min-width:1200px) {
html { font-size: 110% }
}
@media screen and (min-width:1400px) {
html { font-size: 115% }
}
@media screen and (min-width:1600px) {
html { font-size: 120% }
}
@media screen and (min-width:1900px) {
html { font-size: 125% }
}
@media screen and (min-width:2500px) {
html { font-size: 127.5% }
}
@media screen and (min-width:3000px) {
html { font-size: 130% }
}
@media screen and (-webkit-min-device-pixel-ratio:1.25), screen and (min-resolution:120dpi) {
html { font-size: 90% }
@media screen and (min-width:1200px) {
html { font-size: 98% }
}
@media screen and (min-width:1400px) {
html { font-size: 102% }
}
@media screen and (min-width:1600px) {
html { font-size: 106% }
}
@media screen and (min-width:1900px) {
html { font-size: 110% }
}
@media screen and (min-width:2500px) {
html { font-size: 112% }
}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-resolution:144dpi) {
html { font-size: 85% }
@media screen and (min-width:1200px) {
html { font-size: 90% }
}
@media screen and (min-width:1400px) {
html { font-size: 100% }
}
@media screen and (min-width:1600px) {
html { font-size: 105% }
}
@media screen and (min-width:1900px) {
html { font-size: 115% }
}
@media screen and (min-width:2500px) {
html { font-size: 125% }
}
}
@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi) { }
h1, h2, h3, h4, h5, h6 { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
video { max-width: 100%; width: 100%; object-fit: cover }
[hidden], template { display: none }
a, button { transition: all .5s }
a { color: var(--link); text-decoration: none; display: inline-block; position: relative }
a:hover { text-decoration: none; color: var(--primary); outline: none }
a:focus, a:active, button:hover, button:focus, button:active, input:focus, textarea:focus, li:focus, video:active, video:focus { text-decoration: none; color: inherit; outline: none }
button, a { -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; background: transparent; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform-style: preserve-3d; backface-visibility: hidden }
button:hover { color: var(--primary) }
a, span, div, section, dl, dt, dd, i, em, label { font-style: normal; position: relative }
li { list-style: none }
input, textarea, button { font-family: var(--font-family) }
input, textarea { font-size: .7rem; width: 100%; resize: none; transition: border .5s, background-color .5s; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; appearance: none }
a:hover .no-hover { color: inherit; background: initial }
strong, .strong { font-weight: bold; -webkit-font-smoothing: antialiased }
img { max-width: 100%; max-height: 100%; height: auto; vertical-align: top }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--secondary) }
hr.min { margin-top: 0; margin-bottom: 0 }
dl, dt, dd { line-height: inherit }
a.block span { position: relative; display: block }
a.cover-link { display: block; position: absolute; z-index: 3; width: 100%; height: 100%; left: 0; top: 0 }
svg path, svg circle { transition: all .25s ease }
.normal { font-weight: normal; font-style: normal; font-size: initial }
.mobile-break { display: none }
.inline { position: relative; display: inline; vertical-align: top; letter-spacing: normal }
.block { position: relative; display: block }
.nowrap { white-space: nowrap }
.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.multi-ellipsis { display: -webkit-box !important; overflow: hidden; word-break: break-word; -webkit-box-orient: vertical }
.gray { color: var(--gray) }
.white { color: white !important }
.black { color: var(--black) !important }
.primary { color: var(--primary) !important }
.secondary { color: var(--secondary) }
.silver { color: var(--silver) }
.muted { color: var(--muted) }
.dark { color: var(--dark) }
.light { color: var(--light) }
.bg-white { background-color: white }
.bg-black { background-color: black }
.bg-gray { background-color: var(--gray) }
.bg-primary { background-color: var(--primary) }
.bg-silver { background-color: var(--silver) }
.none { display: none }
.noevent { pointer-events: none }
.full-size { position: relative; overflow: hidden; width: 100%; height: 100% }
.abs { position: absolute; top: 0; left: 0; width: 100% }
.bgs-cover, .bgs-contain { background-repeat: no-repeat; background-position: center center }
.bgs-cover { background-size: cover }
.bgs-contain { background-size: contain }
.bgp-left-top { background-position: left top }
.bgp-center-top { background-position: center top }
.at-middle { display: flex !important; align-items: center; flex-wrap: wrap }
.v-middle { display: flex; align-items: center; justify-content: left }
.cxany-valign-middle span, .cxany-valign-middle img, .cxany-valign-middle i { display: inline-block; float: none; vertical-align: middle }
.left-pad { padding-left: var(--left-pad) }
.right-pad { padding-right: var(--right-pad) }
.fs-light { font-family: "avenir", "Noto Sans SC"; font-weight: 100; -webkit-font-smoothing: antialiased }
.ff-system { font-family: var(--font-system) }
.ff-en { font-family: "avenir" }
.ff-gb { font-family: "gotham", "Noto Sans SC" }
.fw-200 { font-weight: 200 }
.fw-300 { font-weight: 300 }
.fw-400 { font-weight: 400 }
.fw-500 { font-weight: 500 }
.fs-9 { font-size: .45rem }
.fs-10 { font-size: .5rem }
.fs-11 { font-size: .55rem }
.fs-12 { font-size: .6rem }
.fs-13 { font-size: .65rem }
.fs-14 { font-size: .7rem }
.fs-15 { font-size: .75rem }
.fs-16 { font-size: .75rem }
.fs-17 { font-size: .85rem }
.fs-18 { font-size: .9rem }
.fs-19 { font-size: .95rem }
.fs-20 { font-size: 1rem }
.fs-21 { font-size: 1.05rem }
.fs-22 { font-size: 1.1rem }
.fs-23 { font-size: 1.15rem }
.fs-24 { font-size: 1.2rem }
.fs-25 { font-size: 1.25rem }
.fs-26 { font-size: 1.3rem }
.fs-27 { font-size: 1.35rem }
.fs-28 { font-size: 1.4rem }
.fs-29 { font-size: 1.45rem }
.fs-30 { font-size: 1.5rem }
.fs-31 { font-size: 1.55rem }
.fs-32 { font-size: 1.6rem }
.fs-33 { font-size: 1.65rem }
.fs-34 { font-size: 1.7rem }
.fs-35 { font-size: 1.75rem }
.fs-36 { font-size: 1.8rem }
.fs-37 { font-size: 1.85rem }
.fs-38 { font-size: 1.9rem }
.fs-39 { font-size: 1.95rem }
.fs-40 { font-size: 2rem }
.fs-42 { font-size: 2.1rem }
.fs-44 { font-size: 2.2rem }
.fs-46 { font-size: 2.3rem }
.fs-48 { font-size: 2.4rem }
.fs-50 { font-size: 2.5rem }
.fs-52 { font-size: 2.6rem }
.fs-54 { font-size: 2.7rem }
.fs-56 { font-size: 2.8rem }
.fs-58 { font-size: 2.9rem }
.fs-60 { font-size: 3rem }
.fs-62 { font-size: 3.1rem }
.fs-64 { font-size: 3.2rem }
.fs-66 { font-size: 3.3rem }
.fs-68 { font-size: 3.4rem }
.fs-70 { font-size: 3.5rem }
.fs-72 { font-size: 3.6rem }
.fs-74 { font-size: 3.7rem }
.fs-76 { font-size: 3.8rem }
.fs-78 { font-size: 3.9rem }
.fs-80 { font-size: 4rem }
.fs-82 { font-size: 4.1rem }
.fs-84 { font-size: 4.2rem }
.fs-86 { font-size: 4.3rem }
.fs-88 { font-size: 4.4rem }
.fs-90 { font-size: 4.5rem }
.fs-92 { font-size: 4.6rem }
.fs-94 { font-size: 4.7rem }
.fs-96 { font-size: 4.8rem }
.fs-98 { font-size: 4.9rem }
.fs-100 { font-size: 5rem }
.lh-1 { line-height: 1 }
.lh-11 { line-height: 1.1 }
.lh-12 { line-height: 1.2 }
.lh-13 { line-height: 1.3 }
.lh-14 { line-height: 1.4 }
.lh-15 { line-height: 1.5 }
.lh-16 { line-height: 1.6 }
.lh-17 { line-height: 1.7 }
.lh-18 { line-height: 1.8 }
.lh-19 { line-height: 1.9 }
.lh-2 { line-height: 2 }
.lh-21 { line-height: 2.1 }
.lh-22 { line-height: 2.2 }
.lh-23 { line-height: 2.3 }
.lh-24 { line-height: 2.4 }
.lh-25 { line-height: 2.5 }
[data-clamp="2"] { -webkit-line-clamp: 2; line-clamp: 2 }
[data-clamp="3"] { -webkit-line-clamp: 3; line-clamp: 3 }
[data-clamp="4"] { -webkit-line-clamp: 4; line-clamp: 4 }
[data-clamp="5"] { -webkit-line-clamp: 5; line-clamp: 5 }
@media (min-width:576px) {
.lh-sm-1 { line-height: 1 }
.lh-sm-11 { line-height: 1.1 }
.lh-sm-12 { line-height: 1.2 }
.lh-sm-13 { line-height: 1.3 }
.lh-sm-14 { line-height: 1.4 }
.lh-sm-15 { line-height: 1.5 }
.lh-sm-16 { line-height: 1.6 }
.lh-sm-17 { line-height: 1.7 }
.lh-sm-18 { line-height: 1.8 }
.lh-sm-19 { line-height: 1.9 }
.lh-sm-2 { line-height: 2 }
.lh-sm-21 { line-height: 2.1 }
.lh-sm-22 { line-height: 2.2 }
.lh-sm-23 { line-height: 2.3 }
.lh-sm-24 { line-height: 2.4 }
.lh-sm-25 { line-height: 2.5 }
.spacing-sm-0 { --px: 0; }
.spacing-sm-5 { --px: .25rem; }
.spacing-sm-10 { --px: .5rem; }
.spacing-sm-15 { --px: .75rem; }
.spacing-sm-20 { --px: 1rem; }
.spacing-sm-25 { --px: 1.5rem; }
.spacing-sm-35 { --px: 1.75rem; }
.spacing-sm-40 { --px: 2rem; }
.spacing-sm-50 { --px: 2.5rem; }
.spacing-sm-60 { --px: 3rem; }
.spacing-sm-70 { --px: 3.5rem; }
.spacing-sm-80 { --px: 4rem; }
.fs-sm-10 { font-size: .5rem }
.fs-sm-11 { font-size: .55rem }
.fs-sm-12 { font-size: .6rem }
.fs-sm-13 { font-size: .65rem }
.fs-sm-14 { font-size: .7rem }
.fs-sm-15 { font-size: .75rem }
.fs-sm-16 { font-size: .8rem }
.fs-sm-17 { font-size: .85rem }
.fs-sm-18 { font-size: .9rem }
.fs-sm-19 { font-size: .95rem }
.fs-sm-20 { font-size: 1rem }
.fs-sm-21 { font-size: 1.05rem }
.fs-sm-22 { font-size: 1.1rem }
.fs-sm-23 { font-size: 1.15rem }
.fs-sm-24 { font-size: 1.2rem }
.fs-sm-25 { font-size: 1.25rem }
.fs-sm-26 { font-size: 1.3rem }
.fs-sm-27 { font-size: 1.35rem }
.fs-sm-28 { font-size: 1.4rem }
.fs-sm-29 { font-size: 1.45rem }
.fs-sm-30 { font-size: 1.5rem }
.fs-sm-31 { font-size: 1.55rem }
.fs-sm-32 { font-size: 1.6rem }
.fs-sm-33 { font-size: 1.65rem }
.fs-sm-34 { font-size: 1.7rem }
.fs-sm-35 { font-size: 1.75rem }
.fs-sm-36 { font-size: 1.8rem }
.fs-sm-37 { font-size: 1.85rem }
.fs-sm-38 { font-size: 1.9rem }
.fs-sm-39 { font-size: 1.95rem }
.fs-sm-40 { font-size: 2rem }
.fs-sm-42 { font-size: 2.1rem }
.fs-sm-44 { font-size: 2.2rem }
.fs-sm-46 { font-size: 2.3rem }
.fs-sm-48 { font-size: 2.4rem }
.fs-sm-50 { font-size: 2.5rem }
.fs-sm-52 { font-size: 2.6rem }
.fs-sm-54 { font-size: 2.7rem }
.fs-sm-56 { font-size: 2.8rem }
.fs-sm-58 { font-size: 2.9rem }
.fs-sm-60 { font-size: 3rem }
.fs-sm-62 { font-size: 3.1rem }
.fs-sm-64 { font-size: 3.2rem }
.fs-sm-66 { font-size: 3.3rem }
.fs-sm-68 { font-size: 3.4rem }
.fs-sm-70 { font-size: 3.5rem }
.fs-sm-72 { font-size: 3.6rem }
.fs-sm-74 { font-size: 3.7rem }
.fs-sm-76 { font-size: 3.8rem }
.fs-sm-78 { font-size: 3.9rem }
.fs-sm-80 { font-size: 4rem }
.fs-sm-82 { font-size: 4.1rem }
.fs-sm-84 { font-size: 4.2rem }
.fs-sm-86 { font-size: 4.3rem }
.fs-sm-88 { font-size: 4.4rem }
.fs-sm-90 { font-size: 4.5rem }
.fs-sm-92 { font-size: 4.6rem }
.fs-sm-94 { font-size: 4.7rem }
.fs-sm-96 { font-size: 4.8rem }
.fs-sm-98 { font-size: 4.9rem }
.pos-sm-abs { position: absolute; top: 0; left: 0; right: 0 }
}
@media (min-width:768px) {
.lh-md-1 { line-height: 1 }
.lh-md-11 { line-height: 1.1 }
.lh-md-12 { line-height: 1.2 }
.lh-md-13 { line-height: 1.3 }
.lh-md-14 { line-height: 1.4 }
.lh-md-15 { line-height: 1.5 }
.lh-md-16 { line-height: 1.6 }
.lh-md-17 { line-height: 1.7 }
.lh-md-18 { line-height: 1.8 }
.lh-md-19 { line-height: 1.9 }
.lh-md-2 { line-height: 2 }
.lh-md-21 { line-height: 2.1 }
.lh-md-22 { line-height: 2.2 }
.lh-md-23 { line-height: 2.3 }
.lh-md-24 { line-height: 2.4 }
.lh-md-25 { line-height: 2.5 }
.spacing-md-0 { --px: 0; }
.spacing-md-5 { --px: .25rem; }
.spacing-md-10 { --px: .5rem; }
.spacing-md-15 { --px: .75rem; }
.spacing-md-20 { --px: 1rem; }
.spacing-md-25 { --px: 1.5rem; }
.spacing-md-35 { --px: 1.75rem; }
.spacing-md-40 { --px: 2rem; }
.spacing-md-50 { --px: 2.5rem; }
.spacing-md-60 { --px: 3rem; }
.spacing-md-70 { --px: 3.5rem; }
.spacing-md-80 { --px: 4rem; }
.fs-md-10 { font-size: .5rem }
.fs-md-11 { font-size: .55rem }
.fs-md-12 { font-size: .6rem }
.fs-md-13 { font-size: .65rem }
.fs-md-14 { font-size: .7rem }
.fs-md-15 { font-size: .75rem }
.fs-md-16 { font-size: .8rem }
.fs-md-17 { font-size: .85rem }
.fs-md-18 { font-size: .9rem }
.fs-md-19 { font-size: .95rem }
.fs-md-20 { font-size: 1rem }
.fs-md-21 { font-size: 1.05rem }
.fs-md-22 { font-size: 1.1rem }
.fs-md-23 { font-size: 1.15rem }
.fs-md-24 { font-size: 1.2rem }
.fs-md-25 { font-size: 1.25rem }
.fs-md-26 { font-size: 1.3rem }
.fs-md-27 { font-size: 1.35rem }
.fs-md-28 { font-size: 1.4rem }
.fs-md-29 { font-size: 1.45rem }
.fs-md-30 { font-size: 1.5rem }
.fs-md-31 { font-size: 1.55rem }
.fs-md-32 { font-size: 1.6rem }
.fs-md-33 { font-size: 1.65rem }
.fs-md-34 { font-size: 1.7rem }
.fs-md-35 { font-size: 1.75rem }
.fs-md-36 { font-size: 1.8rem }
.fs-md-37 { font-size: 1.85rem }
.fs-md-38 { font-size: 1.9rem }
.fs-md-39 { font-size: 1.95rem }
.fs-md-40 { font-size: 2rem }
.fs-md-42 { font-size: 2.1rem }
.fs-md-44 { font-size: 2.2rem }
.fs-md-46 { font-size: 2.3rem }
.fs-md-48 { font-size: 2.4rem }
.fs-md-50 { font-size: 2.5rem }
.fs-md-52 { font-size: 2.6rem }
.fs-md-54 { font-size: 2.7rem }
.fs-md-56 { font-size: 2.8rem }
.fs-md-58 { font-size: 2.9rem }
.fs-md-60 { font-size: 3rem }
.fs-md-62 { font-size: 3.1rem }
.fs-md-64 { font-size: 3.2rem }
.fs-md-66 { font-size: 3.3rem }
.fs-md-68 { font-size: 3.4rem }
.fs-md-70 { font-size: 3.5rem }
.fs-md-72 { font-size: 3.6rem }
.fs-md-74 { font-size: 3.7rem }
.fs-md-76 { font-size: 3.8rem }
.fs-md-78 { font-size: 3.9rem }
.fs-md-80 { font-size: 4rem }
.fs-md-82 { font-size: 4.1rem }
.fs-md-84 { font-size: 4.2rem }
.fs-md-86 { font-size: 4.3rem }
.fs-md-88 { font-size: 4.4rem }
.fs-md-90 { font-size: 4.5rem }
.fs-md-92 { font-size: 4.6rem }
.fs-md-94 { font-size: 4.7rem }
.fs-md-96 { font-size: 4.8rem }
.fs-md-98 { font-size: 4.9rem }
.pos-md-abs { position: absolute; top: 0; left: 0; right: 0 }
}
@media (min-width:992px) {
.lh-lg-1 { line-height: 1 }
.lh-lg-11 { line-height: 1.1 }
.lh-lg-12 { line-height: 1.2 }
.lh-lg-13 { line-height: 1.3 }
.lh-lg-14 { line-height: 1.4 }
.lh-lg-15 { line-height: 1.5 }
.lh-lg-16 { line-height: 1.6 }
.lh-lg-17 { line-height: 1.7 }
.lh-lg-18 { line-height: 1.8 }
.lh-lg-19 { line-height: 1.9 }
.lh-lg-2 { line-height: 2 }
.lh-lg-21 { line-height: 2.1 }
.lh-lg-22 { line-height: 2.2 }
.lh-lg-23 { line-height: 2.3 }
.lh-lg-24 { line-height: 2.4 }
.lh-lg-25 { line-height: 2.5 }
.spacing-lg-0 { --px: 0; }
.spacing-lg-5 { --px: .25rem; }
.spacing-lg-10 { --px: .5rem; }
.spacing-lg-15 { --px: .75rem; }
.spacing-lg-20 { --px: 1rem; }
.spacing-lg-25 { --px: 1.5rem; }
.spacing-lg-35 { --px: 1.75rem; }
.spacing-lg-40 { --px: 2rem; }
.spacing-lg-50 { --px: 2.5rem; }
.spacing-lg-60 { --px: 3rem; }
.spacing-lg-70 { --px: 3.5rem; }
.spacing-lg-80 { --px: 4rem; }
.fs-lg-10 { font-size: .5rem }
.fs-lg-11 { font-size: .55rem }
.fs-lg-12 { font-size: .6rem }
.fs-lg-13 { font-size: .65rem }
.fs-lg-14 { font-size: .7rem }
.fs-lg-15 { font-size: .75rem }
.fs-lg-16 { font-size: .8rem }
.fs-lg-17 { font-size: .85rem }
.fs-lg-18 { font-size: .9rem }
.fs-lg-19 { font-size: .95rem }
.fs-lg-20 { font-size: 1rem }
.fs-lg-21 { font-size: 1.05rem }
.fs-lg-22 { font-size: 1.1rem }
.fs-lg-23 { font-size: 1.15rem }
.fs-lg-24 { font-size: 1.2rem }
.fs-lg-25 { font-size: 1.25rem }
.fs-lg-26 { font-size: 1.3rem }
.fs-lg-27 { font-size: 1.35rem }
.fs-lg-28 { font-size: 1.4rem }
.fs-lg-29 { font-size: 1.45rem }
.fs-lg-30 { font-size: 1.5rem }
.fs-lg-31 { font-size: 1.55rem }
.fs-lg-32 { font-size: 1.6rem }
.fs-lg-33 { font-size: 1.65rem }
.fs-lg-34 { font-size: 1.7rem }
.fs-lg-35 { font-size: 1.75rem }
.fs-lg-36 { font-size: 1.8rem }
.fs-lg-37 { font-size: 1.85rem }
.fs-lg-38 { font-size: 1.9rem }
.fs-lg-39 { font-size: 1.95rem }
.fs-lg-40 { font-size: 2rem }
.fs-lg-42 { font-size: 2.1rem }
.fs-lg-44 { font-size: 2.2rem }
.fs-lg-46 { font-size: 2.3rem }
.fs-lg-48 { font-size: 2.4rem }
.fs-lg-50 { font-size: 2.5rem }
.fs-lg-52 { font-size: 2.6rem }
.fs-lg-54 { font-size: 2.7rem }
.fs-lg-56 { font-size: 2.8rem }
.fs-lg-58 { font-size: 2.9rem }
.fs-lg-60 { font-size: 3rem }
.fs-lg-62 { font-size: 3.1rem }
.fs-lg-64 { font-size: 3.2rem }
.fs-lg-66 { font-size: 3.3rem }
.fs-lg-68 { font-size: 3.4rem }
.fs-lg-70 { font-size: 3.5rem }
.fs-lg-72 { font-size: 3.6rem }
.fs-lg-74 { font-size: 3.7rem }
.fs-lg-76 { font-size: 3.8rem }
.fs-lg-78 { font-size: 3.9rem }
.fs-lg-80 { font-size: 4rem }
.fs-lg-82 { font-size: 4.1rem }
.fs-lg-84 { font-size: 4.2rem }
.fs-lg-86 { font-size: 4.3rem }
.fs-lg-88 { font-size: 4.4rem }
.fs-lg-90 { font-size: 4.5rem }
.fs-lg-92 { font-size: 4.6rem }
.fs-lg-94 { font-size: 4.7rem }
.fs-lg-96 { font-size: 4.8rem }
.fs-lg-98 { font-size: 4.9rem }
.pos-lg-abs { position: absolute; top: 0; left: 0; right: 0 }
}
@media (min-width:1200px) {
.lh-xl-1 { line-height: 1 }
.lh-xl-11 { line-height: 1.1 }
.lh-xl-12 { line-height: 1.2 }
.lh-xl-13 { line-height: 1.3 }
.lh-xl-14 { line-height: 1.4 }
.lh-xl-15 { line-height: 1.5 }
.lh-xl-16 { line-height: 1.6 }
.lh-xl-17 { line-height: 1.7 }
.lh-xl-18 { line-height: 1.8 }
.lh-xl-19 { line-height: 1.9 }
.lh-xl-2 { line-height: 2 }
.lh-xl-21 { line-height: 2.1 }
.lh-xl-22 { line-height: 2.2 }
.lh-xl-23 { line-height: 2.3 }
.lh-xl-24 { line-height: 2.4 }
.lh-xl-25 { line-height: 2.5 }
.spacing-xl-0 { --px: 0; }
.spacing-xl-5 { --px: .25rem; }
.spacing-xl-10 { --px: .5rem; }
.spacing-xl-15 { --px: .75rem; }
.spacing-xl-20 { --px: 1rem; }
.spacing-xl-25 { --px: 1.5rem; }
.spacing-xl-35 { --px: 1.75rem; }
.spacing-xl-40 { --px: 2rem; }
.spacing-xl-50 { --px: 2.5rem; }
.spacing-xl-60 { --px: 3rem; }
.spacing-xl-70 { --px: 3.5rem; }
.spacing-xl-80 { --px: 4rem; }
.fs-xl-10 { font-size: .5rem }
.fs-xl-11 { font-size: .55rem }
.fs-xl-12 { font-size: .6rem }
.fs-xl-13 { font-size: .65rem }
.fs-xl-14 { font-size: .7rem }
.fs-xl-15 { font-size: .75rem }
.fs-xl-16 { font-size: .8rem }
.fs-xl-17 { font-size: .85rem }
.fs-xl-18 { font-size: .9rem }
.fs-xl-19 { font-size: .95rem }
.fs-xl-20 { font-size: 1rem }
.fs-xl-21 { font-size: 1.05rem }
.fs-xl-22 { font-size: 1.1rem }
.fs-xl-23 { font-size: 1.15rem }
.fs-xl-24 { font-size: 1.2rem }
.fs-xl-25 { font-size: 1.25rem }
.fs-xl-26 { font-size: 1.3rem }
.fs-xl-27 { font-size: 1.35rem }
.fs-xl-28 { font-size: 1.4rem }
.fs-xl-29 { font-size: 1.45rem }
.fs-xl-30 { font-size: 1.5rem }
.fs-xl-31 { font-size: 1.55rem }
.fs-xl-32 { font-size: 1.6rem }
.fs-xl-33 { font-size: 1.65rem }
.fs-xl-34 { font-size: 1.7rem }
.fs-xl-35 { font-size: 1.75rem }
.fs-xl-36 { font-size: 1.8rem }
.fs-xl-37 { font-size: 1.85rem }
.fs-xl-38 { font-size: 1.9rem }
.fs-xl-39 { font-size: 1.95rem }
.fs-xl-40 { font-size: 2rem }
.fs-xl-42 { font-size: 2.1rem }
.fs-xl-44 { font-size: 2.2rem }
.fs-xl-46 { font-size: 2.3rem }
.fs-xl-48 { font-size: 2.4rem }
.fs-xl-50 { font-size: 2.5rem }
.fs-xl-52 { font-size: 2.6rem }
.fs-xl-54 { font-size: 2.7rem }
.fs-xl-56 { font-size: 2.8rem }
.fs-xl-58 { font-size: 2.9rem }
.fs-xl-60 { font-size: 3rem }
.fs-xl-62 { font-size: 3.1rem }
.fs-xl-64 { font-size: 3.2rem }
.fs-xl-66 { font-size: 3.3rem }
.fs-xl-68 { font-size: 3.4rem }
.fs-xl-70 { font-size: 3.5rem }
.fs-xl-72 { font-size: 3.6rem }
.fs-xl-74 { font-size: 3.7rem }
.fs-xl-76 { font-size: 3.8rem }
.fs-xl-78 { font-size: 3.9rem }
.fs-xl-80 { font-size: 4rem }
.fs-xl-82 { font-size: 4.1rem }
.fs-xl-84 { font-size: 4.2rem }
.fs-xl-86 { font-size: 4.3rem }
.fs-xl-88 { font-size: 4.4rem }
.fs-xl-90 { font-size: 4.5rem }
.fs-xl-92 { font-size: 4.6rem }
.fs-xl-94 { font-size: 4.7rem }
.fs-xl-96 { font-size: 4.8rem }
.fs-xl-98 { font-size: 4.9rem }
.pos-xl-abs { position: absolute; top: 0; left: 0; right: 0 }
}
@media (min-width:1400px) {
.lh-xxl-1 { line-height: 1 }
.lh-xxl-11 { line-height: 1.1 }
.lh-xxl-12 { line-height: 1.2 }
.lh-xxl-13 { line-height: 1.3 }
.lh-xxl-14 { line-height: 1.4 }
.lh-xxl-15 { line-height: 1.5 }
.lh-xxl-16 { line-height: 1.6 }
.lh-xxl-17 { line-height: 1.7 }
.lh-xxl-18 { line-height: 1.8 }
.lh-xxl-19 { line-height: 1.9 }
.lh-xxl-2 { line-height: 2 }
.lh-xxl-21 { line-height: 2.1 }
.lh-xxl-22 { line-height: 2.2 }
.lh-xxl-23 { line-height: 2.3 }
.lh-xxl-24 { line-height: 2.4 }
.lh-xxl-25 { line-height: 2.5 }
.spacing-xxl-0 { --px: 0; }
.spacing-xxl-5 { --px: .25rem; }
.spacing-xxl-10 { --px: .5rem; }
.spacing-xxl-15 { --px: .75rem; }
.spacing-xxl-20 { --px: 1rem; }
.spacing-xxl-25 { --px: 1.5rem; }
.spacing-xxl-35 { --px: 1.75rem; }
.spacing-xxl-40 { --px: 2rem; }
.spacing-xxl-50 { --px: 2.5rem; }
.spacing-xxl-60 { --px: 3rem; }
.spacing-xxl-70 { --px: 3.5rem; }
.spacing-xxl-80 { --px: 4rem; }
.fs-xxl-10 { font-size: .5rem }
.fs-xxl-11 { font-size: .55rem }
.fs-xxl-12 { font-size: .6rem }
.fs-xxl-13 { font-size: .65rem }
.fs-xxl-14 { font-size: .7rem }
.fs-xxl-15 { font-size: .75rem }
.fs-xxl-16 { font-size: .8rem }
.fs-xxl-17 { font-size: .85rem }
.fs-xxl-18 { font-size: .9rem }
.fs-xxl-19 { font-size: .95rem }
.fs-xxl-20 { font-size: 1rem }
.fs-xxl-21 { font-size: 1.05rem }
.fs-xxl-22 { font-size: 1.1rem }
.fs-xxl-23 { font-size: 1.15rem }
.fs-xxl-24 { font-size: 1.2rem }
.fs-xxl-25 { font-size: 1.25rem }
.fs-xxl-26 { font-size: 1.3rem }
.fs-xxl-27 { font-size: 1.35rem }
.fs-xxl-28 { font-size: 1.4rem }
.fs-xxl-29 { font-size: 1.45rem }
.fs-xxl-30 { font-size: 1.5rem }
.fs-xxl-31 { font-size: 1.55rem }
.fs-xxl-32 { font-size: 1.6rem }
.fs-xxl-33 { font-size: 1.65rem }
.fs-xxl-34 { font-size: 1.7rem }
.fs-xxl-35 { font-size: 1.75rem }
.fs-xxl-36 { font-size: 1.8rem }
.fs-xxl-37 { font-size: 1.85rem }
.fs-xxl-38 { font-size: 1.9rem }
.fs-xxl-39 { font-size: 1.95rem }
.fs-xxl-40 { font-size: 2rem }
.fs-xxl-42 { font-size: 2.1rem }
.fs-xxl-44 { font-size: 2.2rem }
.fs-xxl-46 { font-size: 2.3rem }
.fs-xxl-48 { font-size: 2.4rem }
.fs-xxl-50 { font-size: 2.5rem }
.fs-xxl-52 { font-size: 2.6rem }
.fs-xxl-54 { font-size: 2.7rem }
.fs-xxl-56 { font-size: 2.8rem }
.fs-xxl-58 { font-size: 2.9rem }
.fs-xxl-60 { font-size: 3rem }
.fs-xxl-62 { font-size: 3.1rem }
.fs-xxl-64 { font-size: 3.2rem }
.fs-xxl-66 { font-size: 3.3rem }
.fs-xxl-68 { font-size: 3.4rem }
.fs-xxl-70 { font-size: 3.5rem }
.fs-xxl-72 { font-size: 3.6rem }
.fs-xxl-74 { font-size: 3.7rem }
.fs-xxl-76 { font-size: 3.8rem }
.fs-xxl-78 { font-size: 3.9rem }
.fs-xxl-80 { font-size: 4rem }
.fs-xxl-82 { font-size: 4.1rem }
.fs-xxl-84 { font-size: 4.2rem }
.fs-xxl-86 { font-size: 4.3rem }
.fs-xxl-88 { font-size: 4.4rem }
.fs-xxl-90 { font-size: 4.5rem }
.fs-xxl-92 { font-size: 4.6rem }
.fs-xxl-94 { font-size: 4.7rem }
.fs-xxl-96 { font-size: 4.8rem }
.fs-xxl-98 { font-size: 4.9rem }
.pos-xxl-abs { position: absolute; top: 0; left: 0; right: 0 }
}
[class*="icon-"] { display: inline-block }
.row { margin-right: 0; margin-left: 0; position: relative }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0; padding-left: 0 }
.spacing-1 { margin-right: -1px; margin-left: -1px }
.spacing-1 [class^="col-"] { padding-right: 1px; padding-left: 1px }
.spacing-2 { margin-right: -2px; margin-left: -2px }
.spacing-2 [class^="col-"] { padding-right: 2px; padding-left: 2px }
.spacing-5 { margin-right: -.25rem; margin-left: -.25rem }
.spacing-5 [class^="col-"] { padding-right: .25rem; padding-left: .25rem }
.spacing-7 { margin-right: -.35rem; margin-left: -.35rem }
.spacing-7 [class^="col-"] { padding-right: .35rem; padding-left: .35rem }
.spacing-10 { margin-right: -.5rem; margin-left: -.5rem }
.spacing-10 [class^="col-"] { padding-right: .5rem; padding-left: .5rem }
.spacing-15 { margin-right: -.75rem; margin-left: -.75rem }
.spacing-15 [class^="col-"] { padding-right: .75rem; padding-left: .75rem }
.spacing-20 { margin-right: -1rem; margin-left: -1rem }
.spacing-20 [class^="col-"] { padding-right: 1rem; padding-left: 1rem }
.spacing-25 { margin-right: -1.25rem; margin-left: -1.25rem }
.spacing-25 [class^="col-"] { padding-right: 1.25rem; padding-left: 1.25rem }
.spacing-30 { margin-right: -1.5rem; margin-left: -1.5rem }
.spacing-30 [class^="col-"] { padding-right: 1.5rem; padding-left: 1.5rem }
.spacing-35 { margin-right: -1.75rem; margin-left: -1.75rem }
.spacing-35 [class^="col-"] { padding-right: 1.75rem; padding-left: 1.75rem }
.spacing-40 { margin-right: -2rem; margin-left: -2rem }
.spacing-40 [class^="col-"] { padding-right: 2rem; padding-left: 2rem }
.spacing-50 { margin-right: -2.5rem; margin-left: -2.5rem }
.spacing-50 [class^="col-"] { padding-right: 2.5rem; padding-left: 2.5rem }
.btn-inline { line-height: 40px; width: 100%; height: 40px; transition: background .5s; color: white; background-color: rgb(214, 216, 221) }
.btn-inline:hover { background-color: rgb(56, 101, 199) }
.ratio { position: relative !important; display: block; overflow: hidden }
.ratio .inner { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% }
.ratio > img { position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px }
.ratio-16-9 { padding-top: 56.25% }
.ratio-9-16 { padding-top: 177.7777% }
.ratio-1-1 { padding-top: 100% }
.hover-zoom { transition: all .5s ease; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform-style: preserve-3d; backface-visibility: hidden }
a:hover .hover-zoom, li:hover .hover-zoom, .has-hover:hover .hover-zoom { -webkit-transform: scale(1.1); transform: scale(1.1) }
.window-height { height: 100vh; transition: opacity .8s; opacity: 0 }
.window-height.show-me { opacity: 1 }
.wow { visibility: hidden; opacity: 0 }
.wow-loaded .wow { opacity: 1 }
.ani { transition: all .5s; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform-style: preserve-3d; backface-visibility: hidden }
.noani { transition: none !important }
.radius { -webkit-mask-image: url("/uploads/default/radius.png"); mask-image: url("/uploads/default/radius.png") }
.flex, [class*="flex-"] { display: flex }
.flex-sb { justify-content: space-between }
.flex-cc { align-items: center; justify-content: center }
.flex-cs { align-items: center; justify-content: flex-start }
.flex-ce { align-items: center; justify-content: flex-end }
.flex-cb { align-items: center; justify-content: space-between }
.frame-full, .frame-wide, .frame-middle, .frame-narrow { width: 100%; position: relative; width: auto; margin-right: auto; margin-left: auto; padding-left: var(--left-pad); padding-right: var(--left-pad) }
@media screen and (min-width:1280px) {
.frame-middle { max-width: 1000px }
}
@media screen and (min-width:1440px) {
.frame-narrow { max-width: 1000px }
.frame-middle { max-width: 1200px }
.frame-wide { padding-left: 0; padding-right: 0; max-width: 1280px }
}
@media screen and (min-width:1600px) {
.frame-narrow { max-width: 1100px }
.frame-middle { max-width: 1300px }
.frame-wide { max-width: 1500px }
}
@media screen and (min-width:1900px) {
.frame-narrow { max-width: 1200px }
.frame-middle { max-width: 1400px }
.frame-wide { max-width: 1600px }
}
@media screen and (min-width:2500px) {
.frame-middle { max-width: 1600px }
}
body { overflow-x: hidden; background-color: white; color: var(--normal) }
main { width: 100%; margin: 0 }
main:after { display: table; clear: both; content: "" }
.menu-mask { content: ""; display: block; position: fixed; width: 100%; height: 100%; left: 99999999rem; top: 0; z-index: 20; background-color: rgb(0, 0, 0); opacity: .7; pointer-events: none }
.desktop body { overflow-y: scroll }
.top-nav { position: fixed; display: flex; transition: all .25s linear; justify-content: space-between; width: 100%; background-color: black; box-shadow: 0 5px 10px rgba(0, 0, 0, .05); z-index: 990; top: 0; left: 0; width: 100%; height: var(--top-nav) }
.top-nav .row-nav { width: 100% }
.main-nav-bar, .top-nav-menu, .tnm-con, .tnm-con dl, .tnm-con dt { height: 100% }
.main-nav-bar { flex-grow: 1; justify-content: flex-end; align-items: center }
.main-nav-bar .top-row { display: flex; align-items: center; justify-content: flex-end; padding-right: 2rem }
.top-nav-menu { --w: 66%; line-height: 1.5rem; z-index: 8; width: var(--w) }
.top-nav-logo { --h: 2rem; display: flex; align-items: center; z-index: 9; flex-shrink: 0; height: var(--h) }
.top-nav-logo h1 { display: block; width: 100%; height: 100%; transition: height .25s linear }
.top-nav-logo h1 a { display: block; height: 100%; transition: none }
.top-nav-logo img, .top-nav-logo svg { transition: all .25s; height: 100%; vertical-align: top }
.top-nav-logo .logo-white { opacity: 0 }
.top-nav-logo .logo-color { position: absolute; left: 0; top: 0; opacity: 1; width: 100%; height: auto }
.top-nav-menu dt { text-align: center; z-index: 11 }
.top-nav-menu dt a { --px: .75rem; font-size: .9rem; line-height: 1.5rem; position: relative; z-index: 3; color: var(--gray); display: block; height: 100%; padding-right: var(--px); padding-left: var(--px); white-space: nowrap; display: flex; align-items: center }
.top-nav-menu dt a > em { line-height: 2.5 }
.top-nav-menu dt a > em:after { border-width: 4px }
.top-nav-menu dl.active dt a, .top-nav-menu dt a:hover { color: var(--link) }
.top-nav-menu dl.active dt a:after, .top-nav-menu dt a:hover:after { opacity: 1 }
.tnmc-fit { display: none; }
[data-view="desktop"] .top-nav-menu dl:hover .top-sub-menu, [data-view="desktop"] .top-nav-menu dl:hover:after { pointer-events: initial; opacity: 1 }
[data-view="desktop"] .tnmc-fit { display: block; overflow: hidden; height: 0; }
[data-view="desktop"] .tnmc-item { transition: opacity .25s ease; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }
[data-view="desktop"] .tnmci-sub { opacity: 0; z-index: 2; visibility: hidden; }
[data-view="desktop"] .top-nav-menu dl:hover .tnmci-title { opacity: 0; visibility: hidden; }
[data-view="desktop"] .top-nav-menu dl:hover .tnmci-sub { opacity: 1; visibility: visible; }
.top-nav-menu dl.active dt a { color: var(--primary); -webkit-font-smoothing: auto }
.top-nav-menu dl.active dt a > em:after { transition: width .5s; left: 0; width: 100% }
.top-nav-menu dl:last-child dt { padding-right: 0 }
.top-sub-menu { position: absolute; z-index: 2; top: auto; left: 0; width: 100%; transition: all .25s linear; pointer-events: none; opacity: 0 }
.top-sub-menu:before { position: absolute; top: unset; width: 50000px; height: 100%; left: -10000px; content: ""; background-color: rgba(255, 255, 255, .75); z-index: 0 }
.top-sub-menu a { display: block; white-space: nowrap; font-size: .8rem; padding-left: 1.3rem; padding-right: 1.3rem }
.top-sub-menu a:hover, .top-sub-menu a.active { color: var(--primary) }
.top-sub-nav { height: 3.2rem; display: flex; align-items: center; flex-wrap: nowrap }
.tnm-con:before { content: ""; position: absolute; width: 50000px; left: -10000px; height: 100%; top: 0; z-index: 5 }
.top-quick { --ml: 1rem; --w: 14rem; z-index: 9; font-size: 1.2rem; height: 1.8rem; color: var(--link); width: var(--w); margin-left: var(--ml) }
.top-quick a { color: var(--gray) }
.top-quick a:hover { color: var(--primary) }
.top-quick a i { vertical-align: top }
.tq-con { position: absolute; height: 100%; width: 100%; z-index: 2; display: flex; align-items: center; justify-content: flex-end; opacity: 0; pointer-events: none }
.tq-con > dd { position: absolute; height: 100%; left: 0; top: 0; width: calc(100% - 2.5rem); font-size: 1rem; display: flex; align-items: center; justify-content: flex-end; opacity: 0; pointer-events: none }
.top-quick[data-active^="$"] .tq-nav { pointer-events: none; opacity: 0 }
.top-quick[data-active^="$"] .tq-con { pointer-events: unset; opacity: 1 }
.top-quick[data-active="$lang"] .tq-con > dd[data-con="lang"], .top-quick[data-active="$buy"] .tq-con > dd[data-con="buy"], .top-quick[data-active="$search"] .tq-con > dd[data-con="search"] { pointer-events: unset; opacity: 1 }
.tq-con dd[data-con="lang"] a { color: var(--primary) }
.tq-con dd[data-con="lang"] a:hover { color: white }
.tq-con dd[data-con="buy"] a { margin-right: .5rem; margin-left: .5rem; height: 100% }
.tq-con dd[data-con="buy"] a svg { height: 100%; width: auto }
.tq-con dd[data-con="buy"] a svg path { fill: var(--primary) }
.tq-con dd[data-con="buy"] a:hover svg path { fill: white }
.tq-con .img-ico > span.ico { background-color: var(--primary) }
.tq-con .img-ico:hover > span.ico { background-color: white }
.top-nav-menu .visible-inline-xs { display: none }
.top-toggle-nav { display: none }
.top-search { width: 100%; display: flex; align-items: center; justify-content: flex-end }
.top-search input[type="text"] { background-color: transparent; line-height: 1; height: 1.8rem; width: 100%; border-radius: 1rem; border: 2px solid var(--primary); padding: 0 2.5rem 0 1rem; color: white; font-size: .8rem }
.top-search button { background-color: transparent; border: 0; font-size: 1.3rem; position: absolute; right: .5rem; top: 0; height: 100%; display: flex; align-items: center; z-index: 2; color: var(--primary) }
.top-search button i { -webkit-font-smoothing: auto }
.top-search:hover input { opacity: 1; width: 100% }
.transparent body[data-view="desktop"]:not(.fixed-tn) .top-nav { background-color: rgba(0, 0, 0, .8); box-shadow: none }
.transparent body[data-view="desktop"]:not(.fixed-tn) .top-nav-menu dt a { color: var(--white) }
.fixed-tn .top-nav-logo .logo-white { opacity: 0 }
.fixed-tn .top-nav-logo .logo-color { opacity: 1 }
.transparent body[data-view="desktop"]:not(.fixed-tn) .top-nav-logo .logo-white { opacity: 1 }
.transparent body[data-view="desktop"]:not(.fixed-tn) .top-nav-logo .logo-color { opacity: 0 }
[data-view="desktop"].hide-top-nav .top-nav { transform: translateY(-101%) }
.b-arrow { --move: 2rem; --pad: .5rem; display: flex; align-items: center; width: fit-content }
.b-arrow::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0, 0, 0, 0); pointer-events: none; width: calc(100% + var(--move)) }
.b-arrow::after { content: "\e905"; font-family: "cxany"; width: fit-content; margin-left: var(--pad); transition: transform .5s ease; font-size: .8rem }
.b-arrow:hover::before { pointer-events: unset }
.b-arrow:hover::after { transform: translateX(var(--move)) }
.b-arrow:hover { color: var(--primary) !important }
.b-black { display: flex; line-height: 1; width: fit-content; padding: .725rem 1.5rem; background-color: black; color: white }
.b-black:hover { background-color: var(--primary); color: white }
.b-border { --px: 1.5rem; --py: .25rem; --bs: 1px; --bc: var(--muted); display: flex; width: fit-content; padding: var(--py) var(--px); line-height: 1.5; border: var(--bs) solid var(--bc); color: var(--bc); justify-content: center }
.b-border:hover { background-color: var(--primary); border-color: var(--primary); color: white !important }
.b-border.b-xl { --px: 2.5rem; --bs: 2px }
h3.title { font-size: 2.5rem; line-height: 1.1; color: var(--secondary); font-weight: bold; text-align: center }
.slides-list, .slides-list li, .bx-wrapper, .bx-viewport { position: relative; height: 100% }
.slick-list, .slick-track { overflow: hidden; height: inherit }
.slick-dotted { --db: 2.25rem; }
.slick-dots { z-index: 3; bottom: var(--db); line-height: 1; font-size: 0; left: 0; text-align: center }
.slick-dots li { width: .55rem; height: .55rem; margin-right: .75rem; margin-left: .75rem; padding: 0 }
.slick-dots li button { width: 100%; height: 100%; margin: 0; padding: 0; background-color: transparent }
.slick-dots li button:before { line-height: 1; background-color: var(--gray); opacity: .65; font-size: 0; border-radius: 100%; width: 100%; height: 100%; transition: all .25s }
.slick-dots li.slick-active button:before { color: white; opacity: 1; background-color: var(--primary) }
.dot-primary .slick-dots li button { background-color: white }
.dot-primary .slick-dots li.slick-active button { background-color: rgb(30, 80, 164) }
.slides-nav { top: 30% }
.slides-nav a { line-height: 1; position: absolute; top: 50%; display: inline-block }
.slides-nav i { vertical-align: top }
.slides-nav-prev { left: 0; -webkit-transform: translateX(-80%) translateY(-50%); transform: translateX(-80%) translateY(-50%) }
.slides-nav-next { right: 0; -webkit-transform: translateX(80%) translateY(-50%); transform: translateX(80%) translateY(-50%) }
.slick-track { margin-left: auto; margin-right: auto }
.slick-dotted.slick-slider { margin: 0 }
.slick-slider { --size: 2.4rem; --pp: 3rem; --pn: 3rem }
.slick-prev, .slick-next { z-index: 5; margin: 0; width: var(--size); height: var(--size); transition: all .25s ease }
.slick-prev::before, .slick-next:before { font-family: "cxany"; font-size: var(--size); opacity: 1; color: white; transition: all .25s ease }
.slick-prev::before { content: "\e934" }
.slick-next::before { content: "\e935" }
.slick-prev { left: var(--pp) }
.slick-next { right: var(--pn) }
.slick-prev:hover::before, .slick-next:hover::before { color: var(--primary) }
.bottom-nav.slick-slider { --size: 2.6rem; --pp: 4.5rem; --pn: 8.25rem }
.bottom-nav .slick-next { right: initial; left: var(--pn) }
.bottom-nav .slick-prev::before, .bottom-nav .slick-next::before { font-size: 1.4rem; color: var(--normal) }
.bottom-nav .slick-prev, .bottom-nav .slick-next { border-radius: 100%; background: rgba(255, 255, 255); z-index: 2; opacity: .85; transform: none; top: initial; bottom: 2.5rem }
.bottom-nav .slick-prev::before { content: "\e904" }
.bottom-nav .slick-next::before { content: "\e905" }
.bottom-nav .slick-prev:hover, .bottom-nav .slick-next:hover { background: var(--primary) }
.bottom-nav .slick-prev:hover::before, .bottom-nav .slick-next:hover::before { color: white }
.line-dots .slick-dots { bottom: 1.5rem }
.line-dots .slick-dots li { width: 3.5rem; height: .2rem; margin-left: .5rem; margin-right: .5rem }
.line-dots .slick-dots li button:before { width: 100%; border-radius: 0; background-color: var(--primary) }
.line-dots .slick-dots li.slick-active button:before { background-color: var(--primary) }
.img-ico > img { opacity: 0; z-index: 3; pointer-events: none; width: auto; height: 1.6rem; }
.img-ico > span.ico { transition: all .25s ease; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--link); -webkit-mask-size: 100% 100%; -webkit-mask-image: var(--ico); mask-size: 100% 100%; mask-image: var(--ico) }
.img-ico:hover > span.ico { background-color: var(--primary) }
@media screen and (min-width:1920px) {
.slides-nav-prev { -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%) }
.slides-nav-next { -webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%) }
}
.desktop .home .fixed-tn .hsec-banner > div { padding-top: var(--top-nav-sm) }
.banner-wrapper { height: 100vh }
.home-banner { height: 100vh; --h3s: 3rem; --h4s: 2.2rem; max-height: calc(100vw * .6); --h3:3.5rem }
.slides-info { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 2rem }
.hsi-container { z-index: 2; }
.hsi-con { text-align: right }
.hsi-con.primary { color: var(--primary) }
.hsi-con img { max-height: 100%; width: auto }
.hsi-con h4 { font-size: var(--h4s); line-height: 1; margin-top: 1rem; display: flex; align-items: center }
.hsi-con h4 em { font-size: 80% }
.hsi-con h3, .hsi-con h4 { padding-left: .4rem; letter-spacing: .4rem }
.hsi-player { width: 100%; height: 100%; }
.hcom-overview { max-width: 33rem; padding-top: 1.75rem; padding-bottom: 3.25rem; line-height: 2.3; text-align: justify }
.home-about { --him: 6rem; --hb: 2.75rem; --ts: 1rem; --cs: .75rem; --is: 1.8rem }
.hab-heading { text-align: center; padding-bottom: var(--hb) }
.hab-heading img { max-height: var(--him); width: auto }
.hab-title { font-size: var(--ts) }
.hab-intro { font-size: var(--is) }
.hab-con { max-width: 45.5rem; padding-top: 2rem; line-height: 2; letter-spacing: .05em; font-size: var(--cs) }
.hab-con p { margin-bottom: .5rem }
.hab-footer { top: initial; bottom: 7rem }
.hnews-list { width: 40.5%; flex-shrink: 0 }
.hnews-list li a { border-top: 1px solid var(--muted); padding-top: 2.5rem; color: rgb(113, 113, 113); padding-right: 25% }
.hnews-list .date { position: absolute; right: 0; font-size: .9rem; font-weight: 300; line-height: 1.8rem; transform-origin: right center; transition: font-size .25s }
.hnews-list .subject { line-height: 1.8rem }
.hnews-list .overview { margin-top: .75rem; margin-bottom: 2.25rem }
.hnews-list li:last-child .overview { margin-bottom: 0 }
[data-view="desktop"] .hnews-list li a:hover { border-top-color: var(--primary); color: black }
[data-view="desktop"] .hnews-list li a:hover .date { font-size: 1.3rem }
.hntop-item { overflow: hidden }
.hntop-item > dt, .hntop-txt { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.hntop-item > dt { z-index: 2 }
.hntop-img { padding-top: 79%;     /*filter: grayscale(80%);*/ transition: all .5s }
[data-view="desktop"] .hntop-item:hover .subject { font-size: 3rem; color: white }
[data-view="desktop"] .hntop-item:hover .hntop-img {     /*filter: grayscale(0%);*/
transform: scale(1.1) }
[data-view="desktop"] .hntop-item:hover .b-arrow { color: white }
[data-view="desktop"] .hntop-item:hover .b-arrow::after { transform: translateX(var(--move)) }
.hntop-txt { padding: 3rem 2.5rem; flex-direction: column; justify-content: space-between }
.hexp-item { overflow: hidden; border-radius: 13px }
.hexpi-img { padding-top: 65% }
.hexpi-txt { align-items: flex-end; z-index: 2 }
.hexp-item:hover .b-arrow { color: white }
.hexp-item:hover .b-arrow::after { transform: translateX(var(--move)) }
a > em { display: inline-block; overflow: hidden; line-height: 1 }
.main-footer { background-color: var(--silver); --im: 15vw }
.mf-top-line img, .mf-top-line svg { vertical-align: top }
.footer-link { --ih: 2.25rem }
.footer-link dd a { margin: .75rem }
.footer-link dd a img { height: 2.5rem }
.footer-copyright { background-color: white }
.mf-quick { left: initial; right: 1.5rem; width: fit-content; transform: translateY(-100%); padding-bottom: 1rem }
.mf-quick a { display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 3.8rem; height: 3.8rem; margin-bottom: 1rem; font-size: 1.8rem; color: var(--primary); background-color: white; box-shadow: 1px 1px 6px rgba(128, 128, 128, .4) }
.mf-quick a:hover { box-shadow: 2px 2px 6px rgba(128, 128, 128, .8) }
.mf-quick a:hover i { transform: scale(1.2) }
.footer-img > dl { max-width: var(--im) }
[data-view="desktop"] .col-side { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35% }
[data-view="desktop"] .col-center { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% }
.social-image > span.pic { box-shadow: 0 0 15px rgb(0 0 0 / 15%); padding: .5rem; overflow: hidden; display: block; position: absolute; top: -.25rem; opacity: 0; width: 7rem; background: white; border-radius: 6px; transition: all .25s; left: 50%; transform: translate3d(-50%, -110%, 0); pointer-events: none }
.social-image:hover > span.pic { opacity: 1; transform: translate3d(-50%, -100%, 0) }
.sub-body body { padding-top: var(--top-nav) }
.sub-banner { height: calc(100vh - var(--top-nav)); max-height: 35vw; --h3:3.5rem }
.sban-img { z-index: -99; opacity: 0; pointer-events: none }
.sban-info h3 { font-size: var(--h3); text-align: center; line-height: 1.5 }
.sban-info h4 { margin-top: 1.5rem; text-align: center }
.sub-banner.sm-banner { --h: 37vw; height: var(--h) }
.sub-nav { height: var(--top-nav-sm); --ts: .9rem; --fs: .85rem; position: fixed; z-index: 99; width: 100%; left: 0; top: 0; transition: all .25s linear; transform: translateY(-100%); transition-delay: 0; pointer-events: none }
[data-view="desktop"].hide-top-nav .sub-nav { transform: none; transition-delay: .15s; pointer-events: unset }
.sub-nav .left-nav { width: 100%; left: 0; top: 0; height: 2.75rem; background-color: rgba(255, 255, 255, .7); z-index: 9 }
.sub-nav .left-nav > ul, .sub-nav .left-nav li, .sub-nav .left-nav li > a { height: 100% }
.sub-nav .left-nav a { margin-right: 1.3rem; margin-left: 1.3rem; color: var(--secondary); font-size: var(--fs); display: flex; align-items: center }
.sub-nav .left-nav a:hover, .sub-nav .left-nav a.active { color: var(--primary) }
.sub-nav .leftsec { font-weight: bold; font-size: var(--ts) }
.sub-nav .leftsec > i { margin-left: 1rem }
.sub-nav .leftsec-en { display: none }
.abb-intro { --cfs: .8rem; --ih4:1.25rem; --ih3:1.2rem }
.abbii-con { font-size: var(--cfs) }
.abbi-info h4 { font-size: var(--ih4) }
.abbi-info h3 { font-size: var(--ih3) }
.abbi-play svg g { fill: var(--light) }
.abbi-play svg { width: 4.8rem; height: 4.8rem }
.abbi-play svg circle { transition: all .25s ease }
.abbi-play:hover svg circle { opacity: .75 }
.abbs-mask { --pt: 50vw; padding-top: var(--pt) }
.abbsi-con { --mh: 15rem; --crt: 2.5rem; --fs: .85rem; top: initial; bottom: 0;     /*background-color: rgba(255, 255, 255, .75);*/ min-height: var(--mh) }
.abbsi-heading { --tpb: 1rem; --tpt: 0; --sfs: 3rem }
.abbsi-title { padding-top: var(--tpt); padding-bottom: var(--tpb) }
.abbsi-strong { font-size: var(--sfs) }
.abbsic-row { padding-top: var(--crt); font-size: var(--fs) }
.abb-honor { --tcs: .7rem; --dts: 5.5rem; --dss: 1.8rem }
.abbh-item { padding-top: 100% }
.abbh-det { text-align: center; background-color: var(--silver) }
.abbh-title { font-size: 7rem }
.abbh-sub { line-height: 1.65 }
.abbh-txt { opacity: 0; z-index: 3; background-image: url('/uploads/default/abbh-bg.svg') }
.abbh-det, .abbh-txt { border-radius: 1rem }
/*.hover-auto .abbh-item:hover .abbh-txt { transform: scale(1.2); opacity: 1 }*/
.hover-auto .abbh-item:hover .abbh-det { transform: scale(1.2); opacity: 1 }
.abbht-con { font-size: var(--tcs) }
.abbh-title { font-size: var(--dts) }
.abbh-sub { font-size: var(--dss) }
.abbwi-con { max-width: 50rem }
.abbwl-item dt { background-color: var(--gray) }
.abtol-item dd { background-color: white }
.abti-badge { position: absolute; right: 0; top: 0; transform: translate3d(20%, -65%, 0px) }
.abto-icon { z-index: 2 }
.abto-list { --px: 3rem; --mh: 42vw; --ts: 1.5rem; --cp: 2rem; min-height: var(--mh); background-image: url('/uploads/default/abto-bg.svg') }
.abto-list .row { margin-left: calc(-1 * var(--px)); margin-right: calc(-1 * var(--px)) }
.abto-list .row > [class*='col-'] { padding-left: var(--px); padding-right: var(--px) }
.abtol-item dd { background-color: var(--silver) }
.abtoli-title { font-size: var(--ts) }
.abtoli-con { padding: var(--cp); flex-grow: 1 }
.fancy-abto { background-color: var(--primary) }
.fancybox-is-open .fancy-abto { display: flex !important }
.fancy-abto .b-border { --bc: white }
#abto-container .fancybox-is-open .fancybox-bg { display: none !important }
#abto-container .fancybox-button--close { transition: all .25s }
#abto-container .fancybox-button--close:hover { color: var(--black) }
#abto-container .fancybox-slide--video { background-color: var(--primary) }
.fancy-abto-txt .empty-line { line-height: 1.5 }
.fancy-abto-txt .fs-16 { font-size: 1.8rem; line-height: 1.5 }
.fancy-abto-txt .fs-22 { font-size: 2.5rem; line-height: 1.5; margin-bottom: .5rem }
.abtsl-item { height: 10rem; width: 10rem }
.abtsl-item dd { z-index: 2; width: 16rem; height: 16rem; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.5); opacity: 0 }
.abtsl-item:hover dd { opacity: 1; transform: translate(-50%, -50%) scale(1) }
.abtmli-left { flex-shrink: 0; width: 35%; min-width: 10rem }
.abtmli-right { flex-grow: 1 }
.abtmli-icon { height: 2.5rem; max-width: 3rem }
.abtmli-front { background-color: var(--primary); opacity: 0; pointer-events: none }
.abtml-item:hover .abtmli-front { opacity: 1 }
.block-fancy { display: none }
.inline-arrow .slick-dots { bottom: 3.5rem }
.inline-arrow .slick-prev { left: 5rem }
.inline-arrow .slick-next { right: 5rem }
.inline-arrow .slick-prev:before, .inline-arrow .slick-next:before { font-size: 2.4rem; color: white; opacity: 1 }
.inline-arrow .slick-prev:hover:before, .inline-arrow .slick-next:hover:before { color: var(--primary) }
.common-title h3 { font-weight: 400; line-height: 1.5 }
.common-title h4 { font-weight: 300; line-height: 1.5; margin-top: .75rem }
.common-title > div { margin-top: 1.5rem; margin-bottom: 1rem; line-height: 2.3 }
/*[data-view="desktop"] .sub-banner { max-height: 35rem; }*/
.news .news-list .ratio-3-1 { padding-top: 30% }
.news-list .newsi-txt { color: white; padding: 4rem 10%; position: absolute; width: 100%; height: auto; left: 0; bottom: 0; z-index: 2; line-height: 1.6 }
.news-list .newsi-txt .sub { flex-grow: 1; font-weight: bold; }
.news .news-list .newsi-txt { display: flex; align-items: flex-start; justify-content: space-between; }
.products .news-list .ratio-3-1, .related-news .news-list .ratio-3-1 { padding-top: 100% }
.products .news-list .newsi-txt { height: 100%; padding-top: 15%; text-align: center; opacity: 0; transition: opacity .25s ease-in; background-color: rgba(0, 0, 0, .5) }
.products .news-list .newsi-txt:hover { opacity: 1 }
.related-news .news-list .newsi-txt { display: block; }
.related-news .news-list .newsi-txt .sub { font-size: 1rem; }
.pager-list { justify-content: flex-end; align-items: center }
.pager-list a { display: flex; align-items: center; justify-content: center; font-family: "Arial"; font-size: .6rem; margin-left: 1px; margin-right: 1px; min-width: 1.6rem; height: 1.3rem; line-height: 1.3rem; text-align: center; color: rgb(128, 128, 128) }
.pager-list a.active { background-size: auto 100%; color: var(--primary) }
.pager-list a:hover { color: var(--light) }
.pager-list .pager-prev, .pager-list .pager-next { font-size: 1rem; color: var(--primary); margin-left: .25rem; margin-right: .25rem }
.ndban-con { height: 30rem }
.newsd-heading h3 { line-height: 1.4 }
.newsd-heading .info { padding-top: 1.5rem; line-height: 1 }
.newsd-heading .info span { padding-left: 1rem; padding-right: 1rem }
.newsd-heading .info span > i { margin-right: .25rem }
.newsd-desc { padding-top: 4rem; padding-bottom: 2.5rem; line-height: 2.2 }
.newsd-desc p { font-family: var(--font-system); margin-bottom: 1em }
.newsd-desc p.empty-line { line-height: 1.5 }
.newsd-share a { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: .75rem; margin-right: .75rem; font-size: 1.3rem; border-radius: 100%; background-color: var(--muted); color: white }
.newsd-share a:hover { background-color: var(--primary) }
.article-prev-next { border-top: 1px solid var(--muted); border-bottom: 1px solid var(--muted); overflow: hidden }
.apn-con { height: 5rem }
.apn-con > div { height: 100%; display: flex; align-items: center }
.apn-con a { transition: all .25s; height: 100%; width: 100% }
.apnc-item a:before { content: ""; z-index: -1; position: absolute; width: 200%; height: 100%; top: 0; background-color: var(--primary); transition: opacity .25s; opacity: 0 }
.apnc-back { width: 14rem; min-width: 5rem; z-index: 2; justify-content: center; border-left: 1px solid var(--muted); border-right: 1px solid var(--muted) }
.apnc-back a { font-size: 2rem }
.apnc-back a:hover { background-color: var(--primary); color: white }
.apnc-item { width: calc(50% - 7rem) }
.apnc-item a > span { display: block; width: 80% }
.apnc-item a strong { font-weight: normal; font-size: .8rem }
.apnc-item a i { font-size: 2rem }
.apnc-arrow { transition: width .25s; width: 13rem; position: relative; flex-shrink: 0 }
.apnc-prev a:before { right: 0 }
.apnc-next a:before { left: 0 }
.apnc-item a:hover { color: white }
.apnc-item a:hover:before { opacity: 1 }
.apnc-prev a > span { padding-left: 1rem }
.apnc-next a > span { padding-right: 1rem }
.apnc-item.apnc-next { justify-content: center }
.related-list { margin-top: 3.5rem }
.related-list .slick-prev { left: -6rem }
.related-list .slick-next { right: -6rem }
.related-list .slick-prev::before, .related-list .slick-next:before { color: var(--normal) }
.related-list .slick-prev:hover::before, .related-list .slick-next:hover::before { color: var(--primary) }
.related-title { text-align: center; margin-bottom: 5rem }
.related-title::after { content: ""; position: absolute; left: 50%; height: 2rem; bottom: -2.25rem; width: 1px; background-color: var(--muted) }
/*.newsprod-con .newsprod-list li:nth-child(n+7) { display: none }*/
.newsprod-con.show-more .newsprod-list li:nth-child(n+7) { display: initial }
.newsprod-con.show-more .list-more { display: none }
.newsprod-con .btn-more { --px: 6rem }
.prodli-shop { position: absolute; left: 0; bottom: 0 }
.prodli-shop a svg { height: 2rem; width: auto }
.prodli-shop a:hover svg path { fill: var(--primary) }
.news-list > li { padding-left: 0; padding-right: 0 }
.prodl-shop a { height: 2.5rem; margin: 0 1rem }
.prodh-list { --tss: 2rem; --tis: .9rem }
.prodh-list .newsi-txt .sub { font-size: var(--tss) }
.prodh-list .newsi-txt .intro { font-size: var(--tis) }
.newsh-list { --tss: 1.35rem; --tis: .7rem }
.newsh-list .newsi-txt .intro { font-size: var(--tis) }
.contact-article { padding-top: 2rem }
.contact-list { padding-top: 2.5rem }
.con-desc { padding-top: 1.5rem; padding-bottom: 2rem; line-height: 2.5 }
.contact-list:first-child .con-item { border-bottom: 1px solid var(--silver) }
.consec-feedback { margin-top: 2rem; padding-top: 2.5rem; padding-bottom: 5rem; background-color: var(--gray) }
.conf-item { justify-content: flex-start; line-height: 2rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px dotted rgb(198, 198, 198) }
.conf-item:last-child, .conf-item.no-border { border-bottom: 0 }
.conf-item label { margin: 0; padding: 0; font-size: .8rem; width: 7.5rem; flex-shrink: 0 }
.conf-item > div.width-full { flex-grow: 1 }
.confi-text { height: 7rem }
/* update 20250416 */
body.compensate-for-scrollbar { overflow: hidden; }
.prod-details { padding-top: 3rem; padding-bottom: 3rem; line-height: initial; }
.prod-details .empty-line { line-height: 1.5 }
.is-frame body { overflow: hidden; padding-top: 0; }
.is-frame .top-nav, .is-frame .main-footer { display: none !important; }
.is-frame .prod-details { padding-top: 0; padding-bottom: 0; }
.fancy-white.fancybox-is-open .fancybox-bg { background-color: rgba(255, 255, 255, 1) }
.fancy-white .fancybox-button--close { color: var(--primary) }
.prod-popup .fancybox-slide { padding: 1rem 0 }
.proddc-info, .proddci-img { width: 50%; flex-shrink: 0 }
.view-detials { width: fit-content; line-height: 1; height: 40px; border-radius: 20px; padding: 0 1.5rem; border: 1px solid var(--primary); color: var(--primary); margin-left: auto; margin-right: auto; }
.view-detials > em { font-family: cursive; font-size: 70%; margin-left: .35rem; }
.view-detials:hover { color: white; background-color: var(--primary) }
@media screen and (max-width:768px) {
.is-frame.sub-body body { padding-top: 2rem; }
.proddc-info, .proddci-img { width: 100%; }
.proddci-desc { line-height: 1.4; }
.proddci-desc p[style*='font-size:'] { font-size: 1rem !important; }
}
/* update 20250416 */
.btn-reset { margin-left: 2.5rem }
.group-auth { padding-top: 0 }
.cfc-box { margin-bottom: 1px }
.cfcb-address h4 { margin-top: 1rem }
.cfcb-address .tel { padding-top: 1.25rem; padding-bottom: 1.5rem; line-height: 1 }
.cfcb-address .tel > i { margin-right: .25rem }
.cfcb-address .overview { line-height: 2.3 }
.cfc-work { padding-top: 1.75rem; padding-bottom: 1.75rem; z-index: 2 }
.cfcwork-img { height: 6rem }
.cfcb-time dt { padding-right: 1.5rem }
.cfcb-time dd h4 { margin-bottom: .5rem }
.cfclogo-img { width: 30rem }
.cfclogo-img img { position: absolute; right: 0; transform: translateY(-55%); width: 100%; height: 20rem; max-height: unset }
.cfcb-address { margin-bottom: 4rem }
.cfcc-con label { position: absolute; left: 1rem; top: 0; line-height: 1; z-index: 2; margin: 0; top: 1.05rem; color: var(--normal); font-size: .7rem }
.cfcc-con input[type="text"], .cfcc-con textarea { padding-left: 3.5rem; background-color: var(--gray); vertical-align: top }
.cfcc-desc { margin-top: 1.25rem; margin-bottom: 1.25rem }
.cfcb-form { padding-bottom: 1.5rem }
.ajl-item:not(:last-child) { padding-bottom: 2.5rem }
.ajl-item h4 { cursor: pointer; background-color: white; padding: 1.75rem 3rem; transition: background-color .5s }
.ajl-content { margin-top: 1px; font-family: var(--font-system); background-color: white; padding: 0; overflow: hidden; height: 0; line-height: 2; transition: height .5s ease }
.ajl-content > div { padding: 2rem 3rem 2.5rem 3rem }
.ajl-item.active h4 .icon-down { transform: rotate(180deg) }
.ajl-item .width-1 { width: 10% }
.ajl-item .width-2 { width: 48%; padding-right: 8%; flex-shrink: 0 }
.ajl-content h5 { margin-bottom: 1.5rem }
#map img { max-width: initial; max-height: initial; height: initial; vertical-align: initial }
#map label { max-width: unset }
.conhili-con { --pr: 5rem; padding-right: var(--pr) }
.conhili-con .fs-12 { font-size: 1rem }
.conhili-con .fs-18 { font-size: 1.4rem }
.conhil-item:nth-child(-n+3) > dl { border-bottom: 1px solid var(--muted) }
.conhili-con p a:hover { opacity: .85 }
.conhili-con p a img { margin-top: .25rem; margin-right: 1.25rem; height: 2.4rem }
.cfcc-btn button.b-border { --py: .5rem; --bs: 0; min-width: 8rem; color: var(--primary) !important; background-color: white }
.cfcc-btn button.b-border:hover { color: white !important; background-color: var(--primary) }
.cfcc-badge { z-index: 2; left: initial; right: 0; width: fit-content; transform: translate(-10%, -100%); max-width: 18rem }
.top-sub-nav > li { height: 100% }
.top-sub-nav > li > a { display: flex; height: 100%; align-items: center }
.top-sub-nav span { pointer-events: none; position: absolute !important; background-color: white; width: 18rem; text-align: center; padding: 3rem; top: 100%; left: 1.3rem; opacity: 0; transition: top .25s, opacity .25s }
.top-sub-nav span > img { max-width: 9rem }
.top-sub-nav a:hover span { opacity: 1; top: 100% }
.conj-con input[type="text"] { --px: 3rem; border: 0; border-bottom: 1px solid var(--primary); line-height: 1rem; padding: 1rem var(--px); font-size: .9rem; background-color: initial; margin-bottom: 1rem }
.conj-con label { left: 0; top: 1rem; line-height: 1rem; font-size: .9rem; color: var(--primary) }
.conj-con .cfcc-desc { --l: 3rem; margin: 0 }
.conj-con .cfcc-desc label { top: initial; position: relative; line-height: var(--l) }
.conj-con .cfcc-desc textarea { background-color: initial; padding: 1rem 0; line-height: 1.6; font-size: .9rem; border: 0; border-top: 1px solid var(--primary); border-bottom: 1px solid var(--primary); height: calc(100% - var(--l) - 1rem) }
.search-title { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px dotted var(--primary) }
.search-title h3 { font-family: 'ikeasbi'; font-size: 1.7rem }
.search-products .subject { margin-top: .5rem; color: var(--primary); display: inline-block; line-height: 1.5rem; border-radius: .75rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: .85rem; border: 1px solid var(--primary) }
.search-products .overview { color: var(--primary); font-family: var(--font-system); font-size: .7rem }
.search-list a { margin-top: 1rem; margin-bottom: 1rem; padding-bottom: 1rem }
.search-list a:hover { background-color: rgb(248, 248, 248); box-shadow: .35rem .35rem .75rem rgba(0, 0, 0, .1) }
.search-list a:hover .subject, .search-list a:hover .overview { color: var(--muted); border-color: var(--muted) }
.search-count { align-items: flex-end; justify-content: space-between }
.search-home .top-search input[type="text"] { color: var(--normal) }
.ressub-nav a { border-bottom: 2px solid transparent; }
.ressub-nav a.active { border-color: var(--primary); color: var(--primary) }
.seares-products.prodh-list { --tss: 2rem; --tis: .9rem; }
.hide-nav .top-nav { display: none }
.hide-nav body { padding: 0 }
.fancybox-slide--iframe .fancybox-content { background-color: transparent }
.fancybox-is-open .fancybox-bg { background-color: black; opacity: 1 }
.fancybox-toolbar { opacity: 1 !important; visibility: visible !important }
.fancybox-button--close { width: auto; color: white; background-color: transparent; display: flex; align-items: center; font-size: 1.6rem; right: .5rem; top: .5rem }
.fancybox-button--close svg { display: none }
.fancybox-button--close:before { content: "\c0009"; font-family: "cxany" }
.fancybox-button--close:hover { color: var(--primary) }
.fancybox-button--zoom, .fancybox-close-small { display: none !important }
.fancy-parent .fancybox-container { position: absolute }
.fancy-parent .fancybox-slide--html { padding: 0 }
input { outline: none !important }
input[type="text"], textarea { transition: border .5s ease; font-size: .65rem; padding: 0 .8rem; font-weight: 400; font-family: "Arial"; border: 1px solid rgb(198, 198, 198); background-color: white; z-index: 1 }
textarea { line-height: .9rem; padding-top: .9rem; padding-bottom: .9rem }
input[type="text"] { line-height: 1; padding-top: .9rem; padding-bottom: .9rem }
input[type="text"].error, textarea.error, input[type="text"]:focus, textarea:focus { border-color: var(--primary) }
input::placeholder { color: rgb(157, 157, 157); padding-top: .15em }
::-webkit-input-placeholder { color: rgb(157, 157, 157); line-height: 1 }
::-moz-placeholder { color: rgb(157, 157, 157); line-height: 1 }
::-moz-placeholder { color: rgb(157, 157, 157); line-height: 1 }
::-ms-input-placeholder { color: rgb(157, 157, 157); line-height: 1 }
.form-message { font-size: 0; line-height: 0; z-index: -9; display: none; visibility: hidden; height: 0 }
input[type="radio"], input[type="checkbox"] { display: inline-block }
input[type="checkbox"], input[type="radio"] { margin: 0; position: relative; width: .65rem; height: .65rem; padding: 0; vertical-align: middle; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type="checkbox"]:before, input[type="radio"]:before { transition: all .5s; font-family: "cxany"; font-size: .75rem; line-height: .75rem; border: 1px solid rgb(128, 128, 128); position: absolute; top: -.1rem; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; content: ""; text-align: center }
input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { content: ""; color: white; background-color: rgb(30, 80, 164); border: 0 }
input[type="checkbox"]:disabled:before, input[type="radio"]:disabled:before { color: rgb(103, 134, 157); background-color: rgb(235, 240, 242) }
input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); line-height: 1 }
input:focus:-moz-placeholder { color: rgba(0, 0, 0, .35) }
input:focus::-moz-placeholder { color: rgba(0, 0, 0, .35) }
input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35) }
textarea:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35) }
textarea:focus:-moz-placeholder { color: rgba(0, 0, 0, .35) }
textarea:focus::-moz-placeholder { color: rgba(0, 0, 0, .35) }
textarea:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35) }
::selection { background: var(--red); color: white }
::selection { background: rgba(255, 87, 20, .8); color: white }
ins[data-type="screen"] { display: none; content: "xs"; quotes: auto }
@media (hover:none) {
ins[data-type="screen"] { quotes: none }
}
ins[data-type="screen"] { display: none; content: "xs" }
@media (min-width:576px) {
ins[data-type="screen"] { content: "sm" }
}
@media (min-width:768px) {
ins[data-type="screen"] { content: "md" }
}
@media (min-width:992px) {
ins[data-type="screen"] { content: "lg" }
}
@media (min-width:1200px) {
ins[data-type="screen"] { content: "xl" }
}
@media (min-width:1400px) {
ins[data-type="screen"] { content: "xxl" }
}
@media (min-width:1600px) {
ins[data-type="screen"] { content: "xxxl" }
}