[uib-typeahead-popup].dropdown-menu { display: block; }
.uib-time input { width: 50px; }
[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow, [uib-popover-popup].popover.top-left > .arrow, [uib-popover-popup].popover.top-right > .arrow, [uib-popover-popup].popover.bottom-left > .arrow, [uib-popover-popup].popover.bottom-right > .arrow, [uib-popover-popup].popover.left-top > .arrow, [uib-popover-popup].popover.left-bottom > .arrow, [uib-popover-popup].popover.right-top > .arrow, [uib-popover-popup].popover.right-bottom > .arrow, [uib-popover-html-popup].popover.top-left > .arrow, [uib-popover-html-popup].popover.top-right > .arrow, [uib-popover-html-popup].popover.bottom-left > .arrow, [uib-popover-html-popup].popover.bottom-right > .arrow, [uib-popover-html-popup].popover.left-top > .arrow, [uib-popover-html-popup].popover.left-bottom > .arrow, [uib-popover-html-popup].popover.right-top > .arrow, [uib-popover-html-popup].popover.right-bottom > .arrow, [uib-popover-template-popup].popover.top-left > .arrow, [uib-popover-template-popup].popover.top-right > .arrow, [uib-popover-template-popup].popover.bottom-left > .arrow, [uib-popover-template-popup].popover.bottom-right > .arrow, [uib-popover-template-popup].popover.left-top > .arrow, [uib-popover-template-popup].popover.left-bottom > .arrow, [uib-popover-template-popup].popover.right-top > .arrow, [uib-popover-template-popup].popover.right-bottom > .arrow { inset: auto; margin: 0px; }
[uib-popover-popup].popover, [uib-popover-html-popup].popover, [uib-popover-template-popup].popover { display: block !important; }
.uib-datepicker-popup.dropdown-menu { display: block; float: none; margin: 0px; }
.uib-button-bar { padding: 10px 9px 2px; }
.uib-position-measure { display: block !important; visibility: hidden !important; position: absolute !important; top: -9999px !important; left: -9999px !important; }
.uib-position-scrollbar-measure { position: absolute !important; top: -9999px !important; width: 50px !important; height: 50px !important; overflow: scroll !important; }
.uib-position-body-scrollbar-measure { overflow: scroll !important; }
.uib-datepicker .uib-title { width: 100%; }
.uib-day button, .uib-month button, .uib-year button { min-width: 100%; }
.uib-left, .uib-right { width: 100%; }
.ng-animate.item:not(.left):not(.right) { transition: left ease-in-out; }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; }
ng\:form { display: block; }
.ng-animate-shim { visibility: hidden; }
.ng-anchor { position: absolute; }
/* https://v2ha.katawee.net/system-requirement/libs/@fortawesome/fontawesome-pro/5.15.1/css/all.min.css */
/* https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css */
.iIz0pPNN1oxeUfz6QVPJF { display: block; }
.-XrqkevdgKslaYRvW4lgU { height: 280px; background: center top no-repeat rgb(32, 32, 32); }
.-XrqkevdgKslaYRvW4lgU.default { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/dd7d954a1a5969b7cb1308d86c9601a2.png"); }
.BDw45cKhOY5X-HJyc5_2C { position: relative; padding: 30px 0px; background: rgb(32, 32, 32); }
.BDw45cKhOY5X-HJyc5_2C ._1h0fCbtWimc44r9dNSenvs { position: relative; width: 1200px; margin: 0px auto; }
._3V7APXh9XanItYU2YPW3te { min-width: 1200px; }
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: rgba(0, 0, 0, 0); }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
html { font-family: sans-serif; text-size-adjust: 100%; }
body { margin: 0px; }
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: 0px; }
[hidden], template { display: none; }
a { background-color: rgba(0, 0, 0, 0); }
a:active, a:hover { outline: 0px; }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0px; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0px; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0px; padding: 0px; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; }
@media print {
*, ::before, ::after { color: rgb(0, 0, 0) !important; text-shadow: none !important; background: rgba(0, 0, 0, 0) !important; box-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]::after { content: " (" attr(href) ")"; }
abbr[title]::after { content: " (" attr(title) ")"; }
a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
pre, blockquote { border: 1px solid rgb(153, 153, 153); break-inside: avoid; }
thead { display: table-header-group; }
tr, img { break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
.navbar { display: none; }
.btn > .caret, .dropup > .btn > .caret { border-top-color: rgb(0, 0, 0) !important; }
.label { border: 1px solid rgb(0, 0, 0); }
.table { border-collapse: collapse !important; }
.table td, .table th { background-color: rgb(255, 255, 255) !important; }
.table-bordered th, .table-bordered td { border: 1px solid rgb(221, 221, 221) !important; }
}
@font-face { font-family: "Glyphicons Halflings"; src: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/fonts/glyphicons-halflings-regular.woff") format("woff"), url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/fonts/glyphicons-halflings-regular.ttf") format("truetype"); }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; }
.glyphicon-asterisk::before { content: "*"; }
.glyphicon-plus::before { content: "+"; }
.glyphicon-euro::before, .glyphicon-eur::before { content: "€"; }
.glyphicon-minus::before { content: "−"; }
.glyphicon-cloud::before { content: "☁"; }
.glyphicon-envelope::before { content: "✉"; }
.glyphicon-pencil::before { content: "✏"; }
.glyphicon-glass::before { content: ""; }
.glyphicon-music::before { content: ""; }
.glyphicon-search::before { content: ""; }
.glyphicon-heart::before { content: ""; }
.glyphicon-star::before { content: ""; }
.glyphicon-star-empty::before { content: ""; }
.glyphicon-user::before { content: ""; }
.glyphicon-film::before { content: ""; }
.glyphicon-th-large::before { content: ""; }
.glyphicon-th::before { content: ""; }
.glyphicon-th-list::before { content: ""; }
.glyphicon-ok::before { content: ""; }
.glyphicon-remove::before { content: ""; }
.glyphicon-zoom-in::before { content: ""; }
.glyphicon-zoom-out::before { content: ""; }
.glyphicon-off::before { content: ""; }
.glyphicon-signal::before { content: ""; }
.glyphicon-cog::before { content: ""; }
.glyphicon-trash::before { content: ""; }
.glyphicon-home::before { content: ""; }
.glyphicon-file::before { content: ""; }
.glyphicon-time::before { content: ""; }
.glyphicon-road::before { content: ""; }
.glyphicon-download-alt::before { content: ""; }
.glyphicon-download::before { content: ""; }
.glyphicon-upload::before { content: ""; }
.glyphicon-inbox::before { content: ""; }
.glyphicon-play-circle::before { content: ""; }
.glyphicon-repeat::before { content: ""; }
.glyphicon-refresh::before { content: ""; }
.glyphicon-list-alt::before { content: ""; }
.glyphicon-lock::before { content: ""; }
.glyphicon-flag::before { content: ""; }
.glyphicon-headphones::before { content: ""; }
.glyphicon-volume-off::before { content: ""; }
.glyphicon-volume-down::before { content: ""; }
.glyphicon-volume-up::before { content: ""; }
.glyphicon-qrcode::before { content: ""; }
.glyphicon-barcode::before { content: ""; }
.glyphicon-tag::before { content: ""; }
.glyphicon-tags::before { content: ""; }
.glyphicon-book::before { content: ""; }
.glyphicon-bookmark::before { content: ""; }
.glyphicon-print::before { content: ""; }
.glyphicon-camera::before { content: ""; }
.glyphicon-font::before { content: ""; }
.glyphicon-bold::before { content: ""; }
.glyphicon-italic::before { content: ""; }
.glyphicon-text-height::before { content: ""; }
.glyphicon-text-width::before { content: ""; }
.glyphicon-align-left::before { content: ""; }
.glyphicon-align-center::before { content: ""; }
.glyphicon-align-right::before { content: ""; }
.glyphicon-align-justify::before { content: ""; }
.glyphicon-list::before { content: ""; }
.glyphicon-indent-left::before { content: ""; }
.glyphicon-indent-right::before { content: ""; }
.glyphicon-facetime-video::before { content: ""; }
.glyphicon-picture::before { content: ""; }
.glyphicon-map-marker::before { content: ""; }
.glyphicon-adjust::before { content: ""; }
.glyphicon-tint::before { content: ""; }
.glyphicon-edit::before { content: ""; }
.glyphicon-share::before { content: ""; }
.glyphicon-check::before { content: ""; }
.glyphicon-move::before { content: ""; }
.glyphicon-step-backward::before { content: ""; }
.glyphicon-fast-backward::before { content: ""; }
.glyphicon-backward::before { content: ""; }
.glyphicon-play::before { content: ""; }
.glyphicon-pause::before { content: ""; }
.glyphicon-stop::before { content: ""; }
.glyphicon-forward::before { content: ""; }
.glyphicon-fast-forward::before { content: ""; }
.glyphicon-step-forward::before { content: ""; }
.glyphicon-eject::before { content: ""; }
.glyphicon-chevron-left::before { content: ""; }
.glyphicon-chevron-right::before { content: ""; }
.glyphicon-plus-sign::before { content: ""; }
.glyphicon-minus-sign::before { content: ""; }
.glyphicon-remove-sign::before { content: ""; }
.glyphicon-ok-sign::before { content: ""; }
.glyphicon-question-sign::before { content: ""; }
.glyphicon-info-sign::before { content: ""; }
.glyphicon-screenshot::before { content: ""; }
.glyphicon-remove-circle::before { content: ""; }
.glyphicon-ok-circle::before { content: ""; }
.glyphicon-ban-circle::before { content: ""; }
.glyphicon-arrow-left::before { content: ""; }
.glyphicon-arrow-right::before { content: ""; }
.glyphicon-arrow-up::before { content: ""; }
.glyphicon-arrow-down::before { content: ""; }
.glyphicon-share-alt::before { content: ""; }
.glyphicon-resize-full::before { content: ""; }
.glyphicon-resize-small::before { content: ""; }
.glyphicon-exclamation-sign::before { content: ""; }
.glyphicon-gift::before { content: ""; }
.glyphicon-leaf::before { content: ""; }
.glyphicon-fire::before { content: ""; }
.glyphicon-eye-open::before { content: ""; }
.glyphicon-eye-close::before { content: ""; }
.glyphicon-warning-sign::before { content: ""; }
.glyphicon-plane::before { content: ""; }
.glyphicon-calendar::before { content: ""; }
.glyphicon-random::before { content: ""; }
.glyphicon-comment::before { content: ""; }
.glyphicon-magnet::before { content: ""; }
.glyphicon-chevron-up::before { content: ""; }
.glyphicon-chevron-down::before { content: ""; }
.glyphicon-retweet::before { content: ""; }
.glyphicon-shopping-cart::before { content: ""; }
.glyphicon-folder-close::before { content: ""; }
.glyphicon-folder-open::before { content: ""; }
.glyphicon-resize-vertical::before { content: ""; }
.glyphicon-resize-horizontal::before { content: ""; }
.glyphicon-hdd::before { content: ""; }
.glyphicon-bullhorn::before { content: ""; }
.glyphicon-bell::before { content: ""; }
.glyphicon-certificate::before { content: ""; }
.glyphicon-thumbs-up::before { content: ""; }
.glyphicon-thumbs-down::before { content: ""; }
.glyphicon-hand-right::before { content: ""; }
.glyphicon-hand-left::before { content: ""; }
.glyphicon-hand-up::before { content: ""; }
.glyphicon-hand-down::before { content: ""; }
.glyphicon-circle-arrow-right::before { content: ""; }
.glyphicon-circle-arrow-left::before { content: ""; }
.glyphicon-circle-arrow-up::before { content: ""; }
.glyphicon-circle-arrow-down::before { content: ""; }
.glyphicon-globe::before { content: ""; }
.glyphicon-wrench::before { content: ""; }
.glyphicon-tasks::before { content: ""; }
.glyphicon-filter::before { content: ""; }
.glyphicon-briefcase::before { content: ""; }
.glyphicon-fullscreen::before { content: ""; }
.glyphicon-dashboard::before { content: ""; }
.glyphicon-paperclip::before { content: ""; }
.glyphicon-heart-empty::before { content: ""; }
.glyphicon-link::before { content: ""; }
.glyphicon-phone::before { content: ""; }
.glyphicon-pushpin::before { content: ""; }
.glyphicon-usd::before { content: ""; }
.glyphicon-gbp::before { content: ""; }
.glyphicon-sort::before { content: ""; }
.glyphicon-sort-by-alphabet::before { content: ""; }
.glyphicon-sort-by-alphabet-alt::before { content: ""; }
.glyphicon-sort-by-order::before { content: ""; }
.glyphicon-sort-by-order-alt::before { content: ""; }
.glyphicon-sort-by-attributes::before { content: ""; }
.glyphicon-sort-by-attributes-alt::before { content: ""; }
.glyphicon-unchecked::before { content: ""; }
.glyphicon-expand::before { content: ""; }
.glyphicon-collapse-down::before { content: ""; }
.glyphicon-collapse-up::before { content: ""; }
.glyphicon-log-in::before { content: ""; }
.glyphicon-flash::before { content: ""; }
.glyphicon-log-out::before { content: ""; }
.glyphicon-new-window::before { content: ""; }
.glyphicon-record::before { content: ""; }
.glyphicon-save::before { content: ""; }
.glyphicon-open::before { content: ""; }
.glyphicon-saved::before { content: ""; }
.glyphicon-import::before { content: ""; }
.glyphicon-export::before { content: ""; }
.glyphicon-send::before { content: ""; }
.glyphicon-floppy-disk::before { content: ""; }
.glyphicon-floppy-saved::before { content: ""; }
.glyphicon-floppy-remove::before { content: ""; }
.glyphicon-floppy-save::before { content: ""; }
.glyphicon-floppy-open::before { content: ""; }
.glyphicon-credit-card::before { content: ""; }
.glyphicon-transfer::before { content: ""; }
.glyphicon-cutlery::before { content: ""; }
.glyphicon-header::before { content: ""; }
.glyphicon-compressed::before { content: ""; }
.glyphicon-earphone::before { content: ""; }
.glyphicon-phone-alt::before { content: ""; }
.glyphicon-tower::before { content: ""; }
.glyphicon-stats::before { content: ""; }
.glyphicon-sd-video::before { content: ""; }
.glyphicon-hd-video::before { content: ""; }
.glyphicon-subtitles::before { content: ""; }
.glyphicon-sound-stereo::before { content: ""; }
.glyphicon-sound-dolby::before { content: ""; }
.glyphicon-sound-5-1::before { content: ""; }
.glyphicon-sound-6-1::before { content: ""; }
.glyphicon-sound-7-1::before { content: ""; }
.glyphicon-copyright-mark::before { content: ""; }
.glyphicon-registration-mark::before { content: ""; }
.glyphicon-cloud-download::before { content: ""; }
.glyphicon-cloud-upload::before { content: ""; }
.glyphicon-tree-conifer::before { content: ""; }
.glyphicon-tree-deciduous::before { content: ""; }
.glyphicon-cd::before { content: ""; }
.glyphicon-save-file::before { content: ""; }
.glyphicon-open-file::before { content: ""; }
.glyphicon-level-up::before { content: ""; }
.glyphicon-copy::before { content: ""; }
.glyphicon-paste::before { content: ""; }
.glyphicon-alert::before { content: ""; }
.glyphicon-equalizer::before { content: ""; }
.glyphicon-king::before { content: ""; }
.glyphicon-queen::before { content: ""; }
.glyphicon-pawn::before { content: ""; }
.glyphicon-bishop::before { content: ""; }
.glyphicon-knight::before { content: ""; }
.glyphicon-baby-formula::before { content: ""; }
.glyphicon-tent::before { content: "⛺"; }
.glyphicon-blackboard::before { content: ""; }
.glyphicon-bed::before { content: ""; }
.glyphicon-apple::before { content: ""; }
.glyphicon-erase::before { content: ""; }
.glyphicon-hourglass::before { content: "⌛"; }
.glyphicon-lamp::before { content: ""; }
.glyphicon-duplicate::before { content: ""; }
.glyphicon-piggy-bank::before { content: ""; }
.glyphicon-scissors::before { content: ""; }
.glyphicon-bitcoin::before { content: ""; }
.glyphicon-btc::before { content: ""; }
.glyphicon-xbt::before { content: ""; }
.glyphicon-yen::before { content: "¥"; }
.glyphicon-jpy::before { content: "¥"; }
.glyphicon-ruble::before { content: "₽"; }
.glyphicon-rub::before { content: "₽"; }
.glyphicon-scale::before { content: ""; }
.glyphicon-ice-lolly::before { content: ""; }
.glyphicon-ice-lolly-tasted::before { content: ""; }
.glyphicon-education::before { content: ""; }
.glyphicon-option-horizontal::before { content: ""; }
.glyphicon-option-vertical::before { content: ""; }
.glyphicon-menu-hamburger::before { content: ""; }
.glyphicon-modal-window::before { content: ""; }
.glyphicon-oil::before { content: ""; }
.glyphicon-grain::before { content: ""; }
.glyphicon-sunglasses::before { content: ""; }
.glyphicon-text-size::before { content: ""; }
.glyphicon-text-color::before { content: ""; }
.glyphicon-text-background::before { content: ""; }
.glyphicon-object-align-top::before { content: ""; }
.glyphicon-object-align-bottom::before { content: ""; }
.glyphicon-object-align-horizontal::before { content: ""; }
.glyphicon-object-align-left::before { content: ""; }
.glyphicon-object-align-vertical::before { content: ""; }
.glyphicon-object-align-right::before { content: ""; }
.glyphicon-triangle-right::before { content: ""; }
.glyphicon-triangle-left::before { content: ""; }
.glyphicon-triangle-bottom::before { content: ""; }
.glyphicon-triangle-top::before { content: ""; }
.glyphicon-console::before { content: ""; }
.glyphicon-superscript::before { content: ""; }
.glyphicon-subscript::before { content: ""; }
.glyphicon-menu-left::before { content: ""; }
.glyphicon-menu-right::before { content: ""; }
.glyphicon-menu-down::before { content: ""; }
.glyphicon-menu-up::before { content: ""; }
* { box-sizing: border-box; }
::before, ::after { box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: rgb(51, 122, 183); text-decoration: none; }
a:hover, a:focus { color: rgb(35, 82, 124); text-decoration: underline; }
a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
figure { margin: 0px; }
img { vertical-align: middle; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; }
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: initial; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; }
[role="button"] { cursor: pointer; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 400; line-height: 1; color: rgb(119, 119, 119); }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
p { margin: 0px 0px 10px; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
@media (min-width: 768px) {
.lead { font-size: 21px; }
}
small, .small { font-size: 85%; }
mark, .mark { padding: 0.2em; background-color: rgb(252, 248, 227); }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-muted { color: rgb(119, 119, 119); }
.text-primary { color: rgb(51, 122, 183); }
a.text-primary:hover, a.text-primary:focus { color: rgb(40, 96, 144); }
.text-success { color: rgb(60, 118, 61); }
a.text-success:hover, a.text-success:focus { color: rgb(43, 84, 44); }
.text-info { color: rgb(49, 112, 143); }
a.text-info:hover, a.text-info:focus { color: rgb(36, 82, 105); }
.text-warning { color: rgb(138, 109, 59); }
a.text-warning:hover, a.text-warning:focus { color: rgb(102, 81, 44); }
.text-danger { color: rgb(169, 68, 66); }
a.text-danger:hover, a.text-danger:focus { color: rgb(132, 53, 52); }
.bg-primary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); }
a.bg-primary:hover, a.bg-primary:focus { background-color: rgb(40, 96, 144); }
.bg-success { background-color: rgb(223, 240, 216); }
a.bg-success:hover, a.bg-success:focus { background-color: rgb(193, 226, 179); }
.bg-info { background-color: rgb(217, 237, 247); }
a.bg-info:hover, a.bg-info:focus { background-color: rgb(175, 217, 238); }
.bg-warning { background-color: rgb(252, 248, 227); }
a.bg-warning:hover, a.bg-warning:focus { background-color: rgb(247, 236, 181); }
.bg-danger { background-color: rgb(242, 222, 222); }
a.bg-danger:hover, a.bg-danger:focus { background-color: rgb(228, 185, 185); }
.page-header { padding-bottom: 9px; margin: 40px 0px 20px; border-bottom: 1px solid rgb(238, 238, 238); }
ul, ol { margin-top: 0px; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; }
.list-unstyled { padding-left: 0px; list-style: none; }
.list-inline { padding-left: 0px; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }
dl { margin-top: 0px; margin-bottom: 20px; }
dt, dd { line-height: 1.42857; }
dt { font-weight: 700; }
dd { margin-left: 0px; }
@media (min-width: 768px) {
.dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dl-horizontal dd { margin-left: 180px; }
}
abbr[title], abbr[data-original-title] { cursor: help; }
.initialism { font-size: 90%; text-transform: uppercase; }
blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 17.5px; border-left: 5px solid rgb(238, 238, 238); }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0px; }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: rgb(119, 119, 119); }
blockquote footer::before, blockquote small::before, blockquote .small::before { content: "— "; }
.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0px; text-align: right; border-right: 5px solid rgb(238, 238, 238); border-left: 0px; }
.blockquote-reverse footer::before, blockquote.pull-right footer::before, .blockquote-reverse small::before, blockquote.pull-right small::before, .blockquote-reverse .small::before, blockquote.pull-right .small::before { content: ""; }
.blockquote-reverse footer::after, blockquote.pull-right footer::after, .blockquote-reverse small::after, blockquote.pull-right small::after, .blockquote-reverse .small::after, blockquote.pull-right .small::after { content: " —"; }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset; }
kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none; }
pre { display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.42857; color: rgb(51, 51, 51); word-break: break-all; overflow-wrap: break-word; background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 4px; }
pre code { padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) {
.container { width: 750px; }
}
@media (min-width: 992px) {
.container { width: 970px; }
}
@media (min-width: 1200px) {
.container { width: 1170px; }
}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { margin-right: -15px; margin-left: -15px; }
.row-no-gutters { margin-right: 0px; margin-left: 0px; }
.row-no-gutters [class*="col-"] { padding-right: 0px; padding-left: 0px; }
.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 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.6667%; }
.col-xs-10 { width: 83.3333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.6667%; }
.col-xs-7 { width: 58.3333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.6667%; }
.col-xs-4 { width: 33.3333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.6667%; }
.col-xs-1 { width: 8.33333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.6667%; }
.col-xs-pull-10 { right: 83.3333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.6667%; }
.col-xs-pull-7 { right: 58.3333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.6667%; }
.col-xs-pull-4 { right: 33.3333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.6667%; }
.col-xs-pull-1 { right: 8.33333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.6667%; }
.col-xs-push-10 { left: 83.3333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.6667%; }
.col-xs-push-7 { left: 58.3333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.6667%; }
.col-xs-push-4 { left: 33.3333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.6667%; }
.col-xs-push-1 { left: 8.33333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.6667%; }
.col-xs-offset-10 { margin-left: 83.3333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.6667%; }
.col-xs-offset-7 { margin-left: 58.3333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.6667%; }
.col-xs-offset-4 { margin-left: 33.3333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.6667%; }
.col-xs-offset-1 { margin-left: 8.33333%; }
.col-xs-offset-0 { margin-left: 0%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.6667%; }
.col-sm-10 { width: 83.3333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.6667%; }
.col-sm-7 { width: 58.3333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.6667%; }
.col-sm-4 { width: 33.3333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.6667%; }
.col-sm-1 { width: 8.33333%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.6667%; }
.col-sm-pull-10 { right: 83.3333%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.6667%; }
.col-sm-pull-7 { right: 58.3333%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.6667%; }
.col-sm-pull-4 { right: 33.3333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.6667%; }
.col-sm-pull-1 { right: 8.33333%; }
.col-sm-pull-0 { right: auto; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.6667%; }
.col-sm-push-10 { left: 83.3333%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.6667%; }
.col-sm-push-7 { left: 58.3333%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.6667%; }
.col-sm-push-4 { left: 33.3333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.6667%; }
.col-sm-push-1 { left: 8.33333%; }
.col-sm-push-0 { left: auto; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.6667%; }
.col-sm-offset-10 { margin-left: 83.3333%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.6667%; }
.col-sm-offset-7 { margin-left: 58.3333%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.6667%; }
.col-sm-offset-4 { margin-left: 33.3333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.6667%; }
.col-sm-offset-1 { margin-left: 8.33333%; }
.col-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.6667%; }
.col-md-10 { width: 83.3333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.6667%; }
.col-md-7 { width: 58.3333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.6667%; }
.col-md-4 { width: 33.3333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.6667%; }
.col-md-1 { width: 8.33333%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.6667%; }
.col-md-pull-10 { right: 83.3333%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.6667%; }
.col-md-pull-7 { right: 58.3333%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.6667%; }
.col-md-pull-4 { right: 33.3333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.6667%; }
.col-md-pull-1 { right: 8.33333%; }
.col-md-pull-0 { right: auto; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.6667%; }
.col-md-push-10 { left: 83.3333%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.6667%; }
.col-md-push-7 { left: 58.3333%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.6667%; }
.col-md-push-4 { left: 33.3333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.6667%; }
.col-md-push-1 { left: 8.33333%; }
.col-md-push-0 { left: auto; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.6667%; }
.col-md-offset-10 { margin-left: 83.3333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.6667%; }
.col-md-offset-7 { margin-left: 58.3333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.6667%; }
.col-md-offset-4 { margin-left: 33.3333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.6667%; }
.col-md-offset-1 { margin-left: 8.33333%; }
.col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.6667%; }
.col-lg-10 { width: 83.3333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.6667%; }
.col-lg-7 { width: 58.3333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.6667%; }
.col-lg-4 { width: 33.3333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.6667%; }
.col-lg-1 { width: 8.33333%; }
.col-lg-pull-12 { right: 100%; }
.col-lg-pull-11 { right: 91.6667%; }
.col-lg-pull-10 { right: 83.3333%; }
.col-lg-pull-9 { right: 75%; }
.col-lg-pull-8 { right: 66.6667%; }
.col-lg-pull-7 { right: 58.3333%; }
.col-lg-pull-6 { right: 50%; }
.col-lg-pull-5 { right: 41.6667%; }
.col-lg-pull-4 { right: 33.3333%; }
.col-lg-pull-3 { right: 25%; }
.col-lg-pull-2 { right: 16.6667%; }
.col-lg-pull-1 { right: 8.33333%; }
.col-lg-pull-0 { right: auto; }
.col-lg-push-12 { left: 100%; }
.col-lg-push-11 { left: 91.6667%; }
.col-lg-push-10 { left: 83.3333%; }
.col-lg-push-9 { left: 75%; }
.col-lg-push-8 { left: 66.6667%; }
.col-lg-push-7 { left: 58.3333%; }
.col-lg-push-6 { left: 50%; }
.col-lg-push-5 { left: 41.6667%; }
.col-lg-push-4 { left: 33.3333%; }
.col-lg-push-3 { left: 25%; }
.col-lg-push-2 { left: 16.6667%; }
.col-lg-push-1 { left: 8.33333%; }
.col-lg-push-0 { left: auto; }
.col-lg-offset-12 { margin-left: 100%; }
.col-lg-offset-11 { margin-left: 91.6667%; }
.col-lg-offset-10 { margin-left: 83.3333%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-8 { margin-left: 66.6667%; }
.col-lg-offset-7 { margin-left: 58.3333%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-5 { margin-left: 41.6667%; }
.col-lg-offset-4 { margin-left: 33.3333%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-2 { margin-left: 16.6667%; }
.col-lg-offset-1 { margin-left: 8.33333%; }
.col-lg-offset-0 { margin-left: 0%; }
}
table { background-color: rgba(0, 0, 0, 0); }
table col[class*="col-"] { position: static; display: table-column; float: none; }
table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; }
caption { padding-top: 8px; padding-bottom: 8px; color: rgb(119, 119, 119); text-align: left; }
th { text-align: left; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221); }
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0px; }
.table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); }
.table .table { background-color: rgb(255, 255, 255); }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid rgb(221, 221, 221); }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid rgb(221, 221, 221); }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
.table-hover > tbody > tr:hover { background-color: rgb(245, 245, 245); }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232, 232, 232); }
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: rgb(223, 240, 216); }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgb(208, 233, 198); }
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: rgb(217, 237, 247); }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgb(196, 227, 243); }
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: rgb(252, 248, 227); }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgb(250, 242, 204); }
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: rgb(242, 222, 222); }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgb(235, 204, 204); }
.table-responsive { min-height: 0.01%; overflow-x: auto; }
@media screen and (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid rgb(221, 221, 221); }
.table-responsive > .table { margin-bottom: 0px; }
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
.table-responsive > .table-bordered { border: 0px; }
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; }
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; }
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0px; }
}
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { display: block; width: 100%; padding: 0px; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: rgb(51, 51, 51); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(229, 229, 229); border-image: initial; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
input[type="search"] { box-sizing: border-box; appearance: none; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }
.form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: rgb(238, 238, 238); opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }
textarea.form-control { height: auto; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; }
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; }
}
.form-group { margin-bottom: 15px; }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; }
.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0px; font-weight: 400; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; }
.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }
.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0px; font-weight: 400; vertical-align: middle; cursor: pointer; }
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0px; margin-left: 10px; }
.form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0px; padding-left: 0px; }
.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-sm { height: 30px; line-height: 30px; }
textarea.input-sm, select[multiple].input-sm { height: auto; }
.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }
.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }
select.input-lg { height: 46px; line-height: 46px; }
textarea.input-lg, select[multiple].input-lg { height: auto; }
.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }
.form-group-lg select.form-control { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; }
.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }
.form-control-feedback { position: absolute; top: 0px; right: 0px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: rgb(60, 118, 61); }
.has-success .form-control { border-color: rgb(60, 118, 61); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-success .form-control:focus { border-color: rgb(43, 84, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px; }
.has-success .input-group-addon { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(60, 118, 61); }
.has-success .form-control-feedback { color: rgb(60, 118, 61); }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: rgb(138, 109, 59); }
.has-warning .form-control { border-color: rgb(138, 109, 59); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-warning .form-control:focus { border-color: rgb(102, 81, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px; }
.has-warning .input-group-addon { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(138, 109, 59); }
.has-warning .form-control-feedback { color: rgb(138, 109, 59); }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: rgb(169, 68, 66); }
.has-error .form-control { border-color: rgb(169, 68, 66); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-error .form-control:focus { border-color: rgb(132, 53, 52); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px; }
.has-error .input-group-addon { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(169, 68, 66); }
.has-error .form-control-feedback { color: rgb(169, 68, 66); }
.has-feedback label ~ .form-control-feedback { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0px; }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); }
@media (min-width: 768px) {
.form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .form-control-static { display: inline-block; }
.form-inline .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
.form-inline .input-group > .form-control { width: 100%; }
.form-inline .control-label { margin-bottom: 0px; vertical-align: middle; }
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; }
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0px; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0px; }
.form-inline .has-feedback .form-control-feedback { top: 0px; }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0px; margin-bottom: 0px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) {
.form-horizontal .control-label { padding-top: 7px; margin-bottom: 0px; text-align: right; }
}
.form-horizontal .has-feedback .form-control-feedback { right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; }
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; }
}
.btn { display: inline-block; margin-bottom: 0px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid rgba(0, 0, 0, 0); padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; user-select: none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: rgb(51, 51, 51); text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; box-shadow: none; }
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }
.btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }
.btn-default:focus, .btn-default.focus { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(140, 140, 140); }
.btn-default:hover { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); background-image: none; border-color: rgb(173, 173, 173); }
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: rgb(51, 51, 51); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140); }
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }
.btn-default .badge { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); }
.btn-primary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); }
.btn-primary:focus, .btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(18, 43, 64); }
.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); background-image: none; border-color: rgb(32, 77, 116); }
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(32, 77, 116); border-color: rgb(18, 43, 64); }
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); }
.btn-primary .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); }
.btn-success { color: rgb(255, 255, 255); background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); }
.btn-success:focus, .btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(37, 86, 37); }
.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(57, 132, 57); }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); background-image: none; border-color: rgb(57, 132, 57); }
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(57, 132, 57); border-color: rgb(37, 86, 37); }
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); }
.btn-success .badge { color: rgb(92, 184, 92); background-color: rgb(255, 255, 255); }
.btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); }
.btn-info:focus, .btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(27, 109, 133); }
.btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); background-image: none; border-color: rgb(38, 154, 188); }
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(38, 154, 188); border-color: rgb(27, 109, 133); }
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); }
.btn-info .badge { color: rgb(91, 192, 222); background-color: rgb(255, 255, 255); }
.btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); }
.btn-warning:focus, .btn-warning.focus { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(152, 95, 13); }
.btn-warning:hover { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); background-image: none; border-color: rgb(213, 133, 18); }
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: rgb(255, 255, 255); background-color: rgb(213, 133, 18); border-color: rgb(152, 95, 13); }
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); }
.btn-warning .badge { color: rgb(240, 173, 78); background-color: rgb(255, 255, 255); }
.btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); }
.btn-danger:focus, .btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(118, 28, 25); }
.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); background-image: none; border-color: rgb(172, 41, 37); }
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(172, 41, 37); border-color: rgb(118, 28, 25); }
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); }
.btn-danger .badge { color: rgb(217, 83, 79); background-color: rgb(255, 255, 255); }
.btn-link { font-weight: 400; color: rgb(51, 122, 183); border-radius: 0px; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: rgba(0, 0, 0, 0); box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: rgba(0, 0, 0, 0); }
.btn-link:hover, .btn-link:focus { color: rgb(35, 82, 124); text-decoration: underline; background-color: rgba(0, 0, 0, 0); }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: rgb(119, 119, 119); text-decoration: none; }
.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
.fade { opacity: 0; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse { display: none; }
.collapse.in { display: block; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing { position: relative; height: 0px; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid rgba(0, 0, 0, 0); border-left: 4px solid rgba(0, 0, 0, 0); }
.dropup, .dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0px; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; }
.dropdown-menu.pull-right { right: 0px; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(51, 122, 183); outline: 0px; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: rgb(119, 119, 119); }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: rgba(0, 0, 0, 0); background-image: none; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0px; }
.dropdown-menu-right { right: 0px; left: auto; }
.dropdown-menu-left { right: auto; left: 0px; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; }
.dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; }
.pull-right > .dropdown-menu { right: 0px; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0px; border-bottom: 4px dashed; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu { right: 0px; left: auto; }
.navbar-right .dropdown-menu-left { right: auto; left: 0px; }
}
.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; }
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-toolbar { margin-left: -5px; }
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; }
.btn-group > .btn:first-child { margin-left: 0px; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; }
.btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; }
.btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.btn-group.open .dropdown-toggle.btn-link { box-shadow: none; }
.btn .caret { margin-left: 0px; }
.btn-lg .caret { border-width: 5px 5px 0px; }
.dropup .btn-lg .caret { border-width: 0px 5px 5px; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group > .btn { float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0px 0px; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px 0px 4px 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; }
.btn-group-justified > .btn-group .btn { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }
.input-group { position: relative; display: table; border-collapse: separate; }
.input-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; }
.input-group .form-control:focus { z-index: 3; }
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; }
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; }
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; }
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; }
.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; }
.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: rgb(85, 85, 85); text-align: center; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); border-radius: 4px; }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; }
.input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0px; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group-addon:first-child { border-right: 0px; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group-addon:last-child { border-left: 0px; }
.input-group-btn { position: relative; font-size: 0px; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn + .btn { margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }
.nav { padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
.nav > li.disabled > a { color: rgb(119, 119, 119); }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(119, 119, 119); text-decoration: none; cursor: not-allowed; background-color: rgba(0, 0, 0, 0); }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(51, 122, 183); }
.nav .nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }
.nav > li > a > img { max-width: none; }
.nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px 4px 0px 0px; }
.nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgba(0, 0, 0, 0); border-image: initial; }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0px; }
.nav-tabs.nav-justified > li { float: none; }
.nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; }
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
@media (min-width: 768px) {
.nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
.nav-tabs.nav-justified > li > a { margin-bottom: 0px; }
}
.nav-tabs.nav-justified > li > a { margin-right: 0px; border-radius: 4px; }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 4px; }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); }
.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0px; }
.nav-justified { width: 100%; }
.nav-justified > li { float: none; }
.nav-justified > li > a { margin-bottom: 5px; text-align: center; }
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
@media (min-width: 768px) {
.nav-justified > li { display: table-cell; width: 1%; }
.nav-justified > li > a { margin-bottom: 0px; }
}
.nav-tabs-justified { border-bottom: 0px; }
.nav-tabs-justified > li > a { margin-right: 0px; border-radius: 4px; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }
@media (min-width: 768px) {
.nav-tabs-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); }
@media (min-width: 768px) {
.navbar { border-radius: 4px; }
}
@media (min-width: 768px) {
.navbar-header { float: left; }
}
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid rgba(0, 0, 0, 0); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }
.navbar-collapse.in { overflow-y: auto; }
@media (min-width: 768px) {
.navbar-collapse { width: auto; border-top: 0px; box-shadow: none; }
.navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; }
.navbar-collapse.in { overflow-y: visible; }
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0px; padding-left: 0px; }
}
.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0px; left: 0px; z-index: 1030; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; }
}
@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; }
}
.navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; }
.navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0px; margin-left: 0px; }
}
.navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; }
@media (min-width: 768px) {
.navbar-static-top { border-radius: 0px; }
}
.navbar-brand { float: left; height: 50px; padding: 15px; font-size: 18px; line-height: 20px; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-brand > img { display: block; }
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: rgba(0, 0, 0, 0); background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; }
.navbar-toggle:focus { outline: 0px; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle { display: none; }
}
.navbar-nav { margin: 7.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: rgba(0, 0, 0, 0); border: 0px; box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media (min-width: 768px) {
.navbar-nav { float: left; margin: 0px; }
.navbar-nav > li { float: left; }
.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
}
.navbar-form { padding: 10px 15px; margin: 8px -15px; border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 0px; }
@media (min-width: 768px) {
.navbar-form .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; }
.navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
.navbar-form .form-control-static { display: inline-block; }
.navbar-form .input-group { display: inline-table; vertical-align: middle; }
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; }
.navbar-form .input-group > .form-control { width: 100%; }
.navbar-form .control-label { margin-bottom: 0px; vertical-align: middle; }
.navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; }
.navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0px; }
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0px; }
.navbar-form .has-feedback .form-control-feedback { top: 0px; }
}
@media (max-width: 767px) {
.navbar-form .form-group { margin-bottom: 5px; }
.navbar-form .form-group:last-child { margin-bottom: 0px; }
}
@media (min-width: 768px) {
.navbar-form { width: auto; padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; border: 0px; box-shadow: none; }
}
.navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0px; border-radius: 4px 4px 0px 0px; }
.navbar-btn { margin-top: 8px; margin-bottom: 8px; }
.navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; }
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; }
.navbar-text { margin-top: 15px; margin-bottom: 15px; }
@media (min-width: 768px) {
.navbar-text { float: left; margin-right: 15px; margin-left: 15px; }
}
@media (min-width: 768px) {
.navbar-left { float: left !important; }
.navbar-right { float: right !important; margin-right: -15px; }
.navbar-right ~ .navbar-right { margin-right: 0px; }
}
.navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); }
.navbar-default .navbar-brand { color: rgb(119, 119, 119); }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(94, 94, 94); background-color: rgba(0, 0, 0, 0); }
.navbar-default .navbar-text { color: rgb(119, 119, 119); }
.navbar-default .navbar-nav > li > a { color: rgb(119, 119, 119); }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(51, 51, 51); background-color: rgba(0, 0, 0, 0); }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: rgba(0, 0, 0, 0); }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: rgba(0, 0, 0, 0); }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: rgba(0, 0, 0, 0); }
}
.navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(221, 221, 221); }
.navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); }
.navbar-default .navbar-link { color: rgb(119, 119, 119); }
.navbar-default .navbar-link:hover { color: rgb(51, 51, 51); }
.navbar-default .btn-link { color: rgb(119, 119, 119); }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(51, 51, 51); }
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); }
.navbar-inverse { background-color: rgb(34, 34, 34); border-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-brand { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); }
.navbar-inverse .navbar-text { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-nav > li > a { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: rgb(68, 68, 68); background-color: rgba(0, 0, 0, 0); }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(68, 68, 68); background-color: rgba(0, 0, 0, 0); }
}
.navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(51, 51, 51); }
.navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); }
.navbar-inverse .navbar-link { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-link:hover { color: rgb(255, 255, 255); }
.navbar-inverse .btn-link { color: rgb(157, 157, 157); }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: rgb(255, 255, 255); }
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: rgb(68, 68, 68); }
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: rgb(245, 245, 245); border-radius: 4px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li::before { padding: 0px 5px; color: rgb(204, 204, 204); content: "/ "; }
.breadcrumb > .active { color: rgb(119, 119, 119); }
.pagination { display: inline-block; padding-left: 0px; margin: 20px 0px; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: rgb(51, 122, 183); text-decoration: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: rgb(35, 82, 124); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); border-color: rgb(221, 221, 221); }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0px; margin: 20px 0px; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); }
.label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; }
a.label:hover, a.label:focus { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }
.label:empty { display: none; }
.btn .label { position: relative; top: -1px; }
.label-default { background-color: rgb(119, 119, 119); }
.label-default[href]:hover, .label-default[href]:focus { background-color: rgb(94, 94, 94); }
.label-primary { background-color: rgb(51, 122, 183); }
.label-primary[href]:hover, .label-primary[href]:focus { background-color: rgb(40, 96, 144); }
.label-success { background-color: rgb(92, 184, 92); }
.label-success[href]:hover, .label-success[href]:focus { background-color: rgb(68, 157, 68); }
.label-info { background-color: rgb(91, 192, 222); }
.label-info[href]:hover, .label-info[href]:focus { background-color: rgb(49, 176, 213); }
.label-warning { background-color: rgb(240, 173, 78); }
.label-warning[href]:hover, .label-warning[href]:focus { background-color: rgb(236, 151, 31); }
.label-danger { background-color: rgb(217, 83, 79); }
.label-danger[href]:hover, .label-danger[href]:focus { background-color: rgb(201, 48, 44); }
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgb(119, 119, 119); border-radius: 10px; }
.badge:empty { display: none; }
.btn .badge { position: relative; top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge { top: 0px; padding: 1px 5px; }
a.badge:hover, a.badge:focus { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }
.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); }
.list-group-item > .badge { float: right; }
.list-group-item > .badge + .badge { margin-right: 5px; }
.nav-pills > li > a > .badge { margin-left: 3px; }
.jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: rgb(238, 238, 238); }
.jumbotron h1, .jumbotron .h1 { color: inherit; }
.jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; }
.jumbotron > hr { border-top-color: rgb(213, 213, 213); }
.container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; }
.jumbotron .container { max-width: 100%; }
@media screen and (min-width: 768px) {
.jumbotron { padding-top: 48px; padding-bottom: 48px; }
.container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; }
.jumbotron h1, .jumbotron .h1 { font-size: 63px; }
}
.thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: border 0.2s ease-in-out; }
.thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(51, 122, 183); }
.thumbnail .caption { padding: 9px; color: rgb(51, 51, 51); }
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; }
.alert h4 { margin-top: 0px; color: inherit; }
.alert .alert-link { font-weight: bold; }
.alert > p, .alert > ul { margin-bottom: 0px; }
.alert > p + p { margin-top: 5px; }
.alert-dismissable, .alert-dismissible { padding-right: 35px; }
.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); }
.alert-success hr { border-top-color: rgb(201, 226, 179); }
.alert-success .alert-link { color: rgb(43, 84, 44); }
.alert-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); }
.alert-info hr { border-top-color: rgb(166, 225, 236); }
.alert-info .alert-link { color: rgb(36, 82, 105); }
.alert-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); }
.alert-warning hr { border-top-color: rgb(247, 225, 181); }
.alert-warning .alert-link { color: rgb(102, 81, 44); }
.alert-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); }
.alert-danger hr { border-top-color: rgb(228, 185, 192); }
.alert-danger .alert-link { color: rgb(132, 53, 52); }
@-webkit-keyframes progress-bar-stripes {
0% { background-position: 40px 0px; }
100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes {
0% { background-position: 40px 0px; }
100% { background-position: 0px 0px; }
}
.progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: rgb(245, 245, 245); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; }
.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(51, 122, 183); box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset; transition: width 0.6s; }
.progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }
.progress.active .progress-bar, .progress-bar.active { animation: 2s linear 0s infinite normal none running progress-bar-stripes; }
.progress-bar-success { background-color: rgb(92, 184, 92); }
.progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info { background-color: rgb(91, 192, 222); }
.progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-warning { background-color: rgb(240, 173, 78); }
.progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-danger { background-color: rgb(217, 83, 79); }
.progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.media { margin-top: 15px; }
.media:first-child { margin-top: 0px; }
.media, .media-body { overflow: hidden; zoom: 1; }
.media-body { width: 10000px; }
.media-object { display: block; }
.media-object.img-thumbnail { max-width: none; }
.media-right, .media > .pull-right { padding-left: 10px; }
.media-left, .media > .pull-left { padding-right: 10px; }
.media-left, .media-right, .media-body { display: table-cell; vertical-align: top; }
.media-middle { vertical-align: middle; }
.media-bottom { vertical-align: bottom; }
.media-heading { margin-top: 0px; margin-bottom: 5px; }
.media-list { padding-left: 0px; list-style: none; }
.list-group { padding-left: 0px; margin-bottom: 20px; }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); }
.list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(238, 238, 238); }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: rgb(119, 119, 119); }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: rgb(199, 221, 239); }
a.list-group-item, button.list-group-item { color: rgb(85, 85, 85); }
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: rgb(51, 51, 51); }
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: rgb(85, 85, 85); text-decoration: none; background-color: rgb(245, 245, 245); }
button.list-group-item { width: 100%; text-align: left; }
.list-group-item-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); }
a.list-group-item-success, button.list-group-item-success { color: rgb(60, 118, 61); }
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; }
a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: rgb(60, 118, 61); background-color: rgb(208, 233, 198); }
a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: rgb(255, 255, 255); background-color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); }
.list-group-item-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); }
a.list-group-item-info, button.list-group-item-info { color: rgb(49, 112, 143); }
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; }
a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: rgb(49, 112, 143); background-color: rgb(196, 227, 243); }
a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: rgb(255, 255, 255); background-color: rgb(49, 112, 143); border-color: rgb(49, 112, 143); }
.list-group-item-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); }
a.list-group-item-warning, button.list-group-item-warning { color: rgb(138, 109, 59); }
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; }
a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: rgb(138, 109, 59); background-color: rgb(250, 242, 204); }
a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: rgb(255, 255, 255); background-color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); }
.list-group-item-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); }
a.list-group-item-danger, button.list-group-item-danger { color: rgb(169, 68, 66); }
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; }
a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: rgb(169, 68, 66); background-color: rgb(235, 204, 204); }
a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); }
.list-group-item-heading { margin-top: 0px; margin-bottom: 5px; }
.list-group-item-text { margin-bottom: 0px; line-height: 1.3; }
.panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; }
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; }
.panel-footer { padding: 10px 15px; background-color: rgb(245, 245, 245); border-top: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0px; }
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; }
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; }
.list-group + .panel-footer { border-top-width: 0px; }
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0px; }
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; }
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; }
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; }
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid rgb(221, 221, 221); }
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0px; }
.panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0px; }
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; }
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; }
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0px; }
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0px; }
.panel > .table-responsive { margin-bottom: 0px; border: 0px; }
.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0px; border-radius: 4px; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0px; }
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid rgb(221, 221, 221); }
.panel-group .panel-footer { border-top: 0px; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); }
.panel-default { border-color: rgb(221, 221, 221); }
.panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); }
.panel-default > .panel-heading .badge { color: rgb(245, 245, 245); background-color: rgb(51, 51, 51); }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); }
.panel-primary { border-color: rgb(51, 122, 183); }
.panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(51, 122, 183); }
.panel-primary > .panel-heading .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(51, 122, 183); }
.panel-success { border-color: rgb(214, 233, 198); }
.panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); }
.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); }
.panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); }
.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); }
.panel-info { border-color: rgb(188, 232, 241); }
.panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); }
.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); }
.panel-info > .panel-heading .badge { color: rgb(217, 237, 247); background-color: rgb(49, 112, 143); }
.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); }
.panel-warning { border-color: rgb(250, 235, 204); }
.panel-warning > .panel-heading { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); }
.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); }
.panel-warning > .panel-heading .badge { color: rgb(252, 248, 227); background-color: rgb(138, 109, 59); }
.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); }
.panel-danger { border-color: rgb(235, 204, 209); }
.panel-danger > .panel-heading { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); }
.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); }
.panel-danger > .panel-heading .badge { color: rgb(242, 222, 222); background-color: rgb(169, 68, 66); }
.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); }
.embed-responsive { position: relative; display: block; height: 0px; padding: 0px; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive-4by3 { padding-bottom: 75%; }
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; }
.well blockquote { border-color: rgba(0, 0, 0, 0.15); }
.well-lg { padding: 24px; border-radius: 6px; }
.well-sm { padding: 9px; border-radius: 3px; }
.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; }
.close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }
button.close { padding: 0px; cursor: pointer; background: rgba(0, 0, 0, 0); border: 0px; appearance: none; }
.modal-open { overflow: hidden; }
.modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }
.modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { transform: translate(0px, 0px); }
.modal-open .modal { overflow: hidden auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; outline: 0px; }
.modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.in { opacity: 0.5; }
.modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0px; line-height: 1.42857; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); }
.modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0px; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; }
.modal-sm { width: 300px; }
}
@media (min-width: 992px) {
.modal-lg { width: 900px; }
}
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; line-break: auto; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; white-space: normal; font-size: 12px; opacity: 0; }
.tooltip.in { opacity: 0.9; }
.tooltip.top { padding: 5px 0px; margin-top: -3px; }
.tooltip.right { padding: 0px 5px; margin-left: 3px; }
.tooltip.bottom { padding: 5px 0px; margin-top: 3px; }
.tooltip.left { padding: 0px 5px; margin-left: -3px; }
.tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); }
.tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); }
.tooltip.top-right .tooltip-arrow { bottom: 0px; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); }
.tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); }
.tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); }
.tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); }
.tooltip.bottom-left .tooltip-arrow { top: 0px; right: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); }
.tooltip.bottom-right .tooltip-arrow { top: 0px; left: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: rgba(0, 0, 0, 0); border-style: solid; }
.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; line-break: auto; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; white-space: normal; font-size: 14px; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover > .arrow { border-width: 11px; }
.popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: rgba(0, 0, 0, 0); border-style: solid; }
.popover > .arrow::after { content: ""; border-width: 10px; }
.popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0px; }
.popover.top > .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; }
.popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }
.popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); }
.popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }
.popover-title { padding: 8px 14px; margin: 0px; font-size: 14px; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; }
.popover-content { padding: 9px 14px; }
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
@media (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; }
.carousel-inner > .item.next, .carousel-inner > .item.active.right { transform: translate3d(100%, 0px, 0px); left: 0px; }
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { transform: translate3d(-100%, 0px, 0px); left: 0px; }
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { transform: translate3d(0px, 0px, 0px); left: 0px; }
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0px; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; background-color: rgba(0, 0, 0, 0); opacity: 0.5; }
.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; }
.carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; }
.carousel-control:hover, .carousel-control:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.carousel-control .icon-prev::before { content: "‹"; }
.carousel-control .icon-next::before { content: "›"; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); border-radius: 10px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; }
.carousel-caption .btn { text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
.carousel-indicators { bottom: 20px; }
}
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; }
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after { clear: both; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0px / 0 a; color: rgba(0, 0, 0, 0); text-shadow: none; background-color: rgba(0, 0, 0, 0); border: 0px; }
.hidden { display: none !important; }
.affix { position: fixed; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
.visible-xs { display: block !important; }
table.visible-xs { display: table !important; }
tr.visible-xs { display: table-row !important; }
th.visible-xs, td.visible-xs { display: table-cell !important; }
}
@media (max-width: 767px) {
.visible-xs-block { display: block !important; }
}
@media (max-width: 767px) {
.visible-xs-inline { display: inline !important; }
}
@media (max-width: 767px) {
.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm { display: block !important; }
table.visible-sm { display: table !important; }
tr.visible-sm { display: table-row !important; }
th.visible-sm, td.visible-sm { display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline { display: inline !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md { display: block !important; }
table.visible-md { display: table !important; }
tr.visible-md { display: table-row !important; }
th.visible-md, td.visible-md { display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline { display: inline !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1200px) {
.visible-lg { display: block !important; }
table.visible-lg { display: table !important; }
tr.visible-lg { display: table-row !important; }
th.visible-lg, td.visible-lg { display: table-cell !important; }
}
@media (min-width: 1200px) {
.visible-lg-block { display: block !important; }
}
@media (min-width: 1200px) {
.visible-lg-inline { display: inline !important; }
}
@media (min-width: 1200px) {
.visible-lg-inline-block { display: inline-block !important; }
}
@media (max-width: 767px) {
.hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
.hidden-lg { display: none !important; }
}
.visible-print { display: none !important; }
@media print {
.visible-print { display: block !important; }
table.visible-print { display: table !important; }
tr.visible-print { display: table-row !important; }
th.visible-print, td.visible-print { display: table-cell !important; }
}
.visible-print-block { display: none !important; }
@media print {
.visible-print-block { display: block !important; }
}
.visible-print-inline { display: none !important; }
@media print {
.visible-print-inline { display: inline !important; }
}
.visible-print-inline-block { display: none !important; }
@media print {
.visible-print-inline-block { display: inline-block !important; }
}
@media print {
.hidden-print { display: none !important; }
}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix::after { clear: both; }
.ui-helper-clearfix { min-height: 0px; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; }
.ui-front { z-index: 100; }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
.ui-draggable-handle { touch-action: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-selectable { touch-action: none; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted rgb(0, 0, 0); }
.ui-sortable-handle { touch-action: none; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0px 0px; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0px; font-size: 100%; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; overflow: auto; }
.ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; }
.ui-button { display: inline-block; position: relative; padding: 0px; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; }
button.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
.ui-button .ui-button-text { display: block; line-height: normal; }
.ui-button-text-only .ui-button-text { padding: 0.4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+07px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
input.ui-button { padding: 0.4em 1em; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; }
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0px; margin-right: -0.3em; }
.ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; }
.ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; }
.ui-datepicker td { border: 0px; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; }
.ui-dialog { overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px; }
.ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: none; }
.ui-menu .ui-menu { position: absolute; }
.ui-menu .ui-menu-item { position: relative; margin: 0px; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0px; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item { padding-left: 2em; }
.ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; }
.ui-menu .ui-menu-icon { left: auto; right: 0px; }
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-selectmenu-menu { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; display: none; }
.ui-selectmenu-menu .ui-menu { overflow: hidden auto; padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0px 0px; height: auto; border: 0px; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; }
.ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; }
.ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: 0.8em; }
.ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0px; }
.ui-slider-horizontal .ui-slider-range-max { right: 0px; }
.ui-slider-vertical { width: 0.8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; }
.ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0px; }
.ui-slider-vertical .ui-slider-range-max { top: 0px; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0px; vertical-align: middle; }
.ui-spinner-input { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; color: inherit; padding: 0px; margin: 0.2em 22px 0.2em 0.4em; vertical-align: middle; }
.ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0px; margin: 0px; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0px; }
.ui-spinner a.ui-spinner-button { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0px; }
.ui-spinner-up { top: 0px; }
.ui-spinner-down { bottom: 0px; }
.ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-tabs { position: relative; padding: 0.2em; }
.ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 1px 0.2em 0px 0px; border-bottom-width: 0px; padding: 0px; white-space: nowrap; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0px; padding: 1em 1.4em; background: none; }
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; box-shadow: rgb(170, 170, 170) 0px 0px 5px; }
body .ui-tooltip { border-width: 2px; }
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.ui-widget-content a { color: rgb(51, 51, 51); }
.ui-widget-header { border: 1px solid rgb(221, 221, 221); background: rgb(233, 233, 233); color: rgb(51, 51, 51); font-weight: bold; }
.ui-widget-header a { color: rgb(51, 51, 51); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(197, 197, 197); background: rgb(246, 246, 246); font-weight: normal; color: rgb(69, 69, 69); }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: rgb(69, 69, 69); text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid rgb(204, 204, 204); background: rgb(237, 237, 237); font-weight: normal; color: rgb(43, 43, 43); }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: rgb(43, 43, 43); text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid rgb(0, 62, 255); background: rgb(0, 127, 255); font-weight: normal; color: rgb(255, 255, 255); }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(255, 255, 255); text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(218, 213, 94); background: rgb(255, 250, 144); color: rgb(119, 118, 32); }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(119, 118, 32); }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(241, 168, 153); background: rgb(253, 223, 223); color: rgb(95, 63, 63); }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(95, 63, 63); }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(95, 63, 63); }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; }
.ui-state-disabled .ui-icon { }
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png"); }
.ui-widget-header .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png"); }
.ui-state-default .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c47579027a630276774ca10723af0598.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2a7aa5cb240c1b0e64a8a359f44f5b04.png"); }
.ui-state-active .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1236c5e7a2cad22357ad678bffeac8f6.png"); }
.ui-state-highlight .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/42fb5a34c3dca16d9641bcc6cf10e0e5.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ac2303f3d15a6f7ad95c7aeb96c0c67c.png"); }
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0px 0px; }
.ui-icon-carat-1-ne { background-position: -16px 0px; }
.ui-icon-carat-1-e { background-position: -32px 0px; }
.ui-icon-carat-1-se { background-position: -48px 0px; }
.ui-icon-carat-1-s { background-position: -64px 0px; }
.ui-icon-carat-1-sw { background-position: -80px 0px; }
.ui-icon-carat-1-w { background-position: -96px 0px; }
.ui-icon-carat-1-nw { background-position: -112px 0px; }
.ui-icon-carat-2-n-s { background-position: -128px 0px; }
.ui-icon-carat-2-e-w { background-position: -144px 0px; }
.ui-icon-triangle-1-n { background-position: 0px -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0px -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0px -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0px -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0px -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0px -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0px -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0px -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0px -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0px -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0px -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0px -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }
.ui-widget-overlay { background: rgb(170, 170, 170); opacity: 0.3; }
.ui-widget-shadow { margin: 0px; padding: 5px; background: rgb(102, 102, 102); opacity: 0.3; border-radius: 8px; }
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.ui-widget-content a { color: rgb(51, 51, 51); }
.ui-widget-header { border: 1px solid rgb(221, 221, 221); background: rgb(233, 233, 233); color: rgb(51, 51, 51); font-weight: bold; }
.ui-widget-header a { color: rgb(51, 51, 51); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(197, 197, 197); background: rgb(246, 246, 246); font-weight: normal; color: rgb(69, 69, 69); }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: rgb(69, 69, 69); text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid rgb(204, 204, 204); background: rgb(237, 237, 237); font-weight: normal; color: rgb(43, 43, 43); }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: rgb(43, 43, 43); text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid rgb(0, 62, 255); background: rgb(0, 127, 255); font-weight: normal; color: rgb(255, 255, 255); }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(255, 255, 255); text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(218, 213, 94); background: rgb(255, 250, 144); color: rgb(119, 118, 32); }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(119, 118, 32); }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(241, 168, 153); background: rgb(253, 223, 223); color: rgb(95, 63, 63); }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(95, 63, 63); }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(95, 63, 63); }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; }
.ui-state-disabled .ui-icon { }
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png"); }
.ui-widget-header .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png"); }
.ui-state-default .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c47579027a630276774ca10723af0598.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2a7aa5cb240c1b0e64a8a359f44f5b04.png"); }
.ui-state-active .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1236c5e7a2cad22357ad678bffeac8f6.png"); }
.ui-state-highlight .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/42fb5a34c3dca16d9641bcc6cf10e0e5.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ac2303f3d15a6f7ad95c7aeb96c0c67c.png"); }
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0px 0px; }
.ui-icon-carat-1-ne { background-position: -16px 0px; }
.ui-icon-carat-1-e { background-position: -32px 0px; }
.ui-icon-carat-1-se { background-position: -48px 0px; }
.ui-icon-carat-1-s { background-position: -64px 0px; }
.ui-icon-carat-1-sw { background-position: -80px 0px; }
.ui-icon-carat-1-w { background-position: -96px 0px; }
.ui-icon-carat-1-nw { background-position: -112px 0px; }
.ui-icon-carat-2-n-s { background-position: -128px 0px; }
.ui-icon-carat-2-e-w { background-position: -144px 0px; }
.ui-icon-triangle-1-n { background-position: 0px -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0px -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0px -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0px -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0px -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0px -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0px -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0px -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0px -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0px -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0px -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0px -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }
.ui-widget-overlay { background: rgb(170, 170, 170); opacity: 0.3; }
.ui-widget-shadow { margin: 0px; padding: 5px; background: rgb(102, 102, 102); opacity: 0.3; border-radius: 8px; }
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before, .slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0); }
.slick-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/fb6f3c230cb846e25247dfaa1da94d8f.gif") center center no-repeat rgb(255, 255, 255); }
@font-face { font-family: slick; font-weight: normal; font-style: normal; src: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/fonts/slick.woff") format("woff"), url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/fonts/slick.ttf") format("truetype"); }
.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; background: rgba(0, 0, 0, 0); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: rgba(0, 0, 0, 0); outline: none; background: rgba(0, 0, 0, 0); }
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }
.slick-prev::before, .slick-next::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { right: -25px; left: auto; }
.slick-prev::before { content: "←"; }
[dir="rtl"] .slick-prev::before { content: "→"; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { right: auto; left: -25px; }
.slick-next::before { content: "→"; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: rgba(0, 0, 0, 0); border: 0px; outline: none; background: rgba(0, 0, 0, 0); }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(0, 0, 0); }
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }
.animate__animated { animation-duration: var(--animate-duration); animation-fill-mode: both; }
.animate__animated.animate__infinite { animation-iteration-count: infinite; }
.animate__animated.animate__repeat-1 { animation-iteration-count: var(--animate-repeat); }
.animate__animated.animate__repeat-2 { animation-iteration-count: calc(var(--animate-repeat)*2); }
.animate__animated.animate__repeat-3 { animation-iteration-count: calc(var(--animate-repeat)*3); }
.animate__animated.animate__delay-1s { animation-delay: var(--animate-delay); }
.animate__animated.animate__delay-2s { animation-delay: calc(var(--animate-delay)*2); }
.animate__animated.animate__delay-3s { animation-delay: calc(var(--animate-delay)*3); }
.animate__animated.animate__delay-4s { animation-delay: calc(var(--animate-delay)*4); }
.animate__animated.animate__delay-5s { animation-delay: calc(var(--animate-delay)*5); }
.animate__animated.animate__faster { animation-duration: calc(var(--animate-duration)/2); }
.animate__animated.animate__fast { animation-duration: calc(var(--animate-duration)*.8); }
.animate__animated.animate__slow { animation-duration: calc(var(--animate-duration)*2); }
.animate__animated.animate__slower { animation-duration: calc(var(--animate-duration)*3); }
@media print, (prefers-reduced-motion: reduce) {
.animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; }
.animate__animated[class*="Out"] { opacity: 0; }
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); }
80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px) scaleY(0.95); }
90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); }
}
@keyframes bounce {
0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); }
80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px) scaleY(0.95); }
90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); }
}
.animate__bounce { animation-name: bounce; transform-origin: center bottom; }
@-webkit-keyframes flash {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; }
}
@keyframes flash {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; }
}
.animate__flash { animation-name: flash; }
@-webkit-keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
100% { transform: scale3d(1, 1, 1); }
}
.animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; }
@-webkit-keyframes rubberBand {
0% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes rubberBand {
0% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
100% { transform: scale3d(1, 1, 1); }
}
.animate__rubberBand { animation-name: rubberBand; }
@-webkit-keyframes shakeX {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes shakeX {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
.animate__shakeX { animation-name: shakeX; }
@-webkit-keyframes shakeY {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); }
}
@keyframes shakeY {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); }
}
.animate__shakeY { animation-name: shakeY; }
@-webkit-keyframes headShake {
0% { transform: translateX(0px); }
6.5% { transform: translateX(-6px) rotateY(-9deg); }
18.5% { transform: translateX(5px) rotateY(7deg); }
31.5% { transform: translateX(-3px) rotateY(-5deg); }
43.5% { transform: translateX(2px) rotateY(3deg); }
50% { transform: translateX(0px); }
}
@keyframes headShake {
0% { transform: translateX(0px); }
6.5% { transform: translateX(-6px) rotateY(-9deg); }
18.5% { transform: translateX(5px) rotateY(7deg); }
31.5% { transform: translateX(-3px) rotateY(-5deg); }
43.5% { transform: translateX(2px) rotateY(3deg); }
50% { transform: translateX(0px); }
}
.animate__headShake { animation-timing-function: ease-in-out; animation-name: headShake; }
@-webkit-keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
.animate__swing { transform-origin: center top; animation-name: swing; }
@-webkit-keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
.animate__tada { animation-name: tada; }
@-webkit-keyframes wobble {
0% { transform: translate3d(0px, 0px, 0px); }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes wobble {
0% { transform: translate3d(0px, 0px, 0px); }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__wobble { animation-name: wobble; }
@-webkit-keyframes jello {
0%, 11.1%, 100% { transform: translate3d(0px, 0px, 0px); }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes jello {
0%, 11.1%, 100% { transform: translate3d(0px, 0px, 0px); }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
.animate__jello { animation-name: jello; transform-origin: center center; }
@-webkit-keyframes heartBeat {
0% { transform: scale(1); }
14% { transform: scale(1.3); }
28% { transform: scale(1); }
42% { transform: scale(1.3); }
70% { transform: scale(1); }
}
@keyframes heartBeat {
0% { transform: scale(1); }
14% { transform: scale(1.3); }
28% { transform: scale(1); }
42% { transform: scale(1.3); }
70% { transform: scale(1); }
}
.animate__heartBeat { animation-name: heartBeat; animation-duration: calc(var(--animate-duration)*1.3); animation-timing-function: ease-in-out; }
@-webkit-keyframes backInDown {
0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; }
80% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes backInDown {
0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; }
80% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
.animate__backInDown { animation-name: backInDown; }
@-webkit-keyframes backInLeft {
0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; }
80% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes backInLeft {
0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; }
80% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
.animate__backInLeft { animation-name: backInLeft; }
@-webkit-keyframes backInRight {
0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; }
80% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes backInRight {
0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; }
80% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
.animate__backInRight { animation-name: backInRight; }
@-webkit-keyframes backInUp {
0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; }
80% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes backInUp {
0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; }
80% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
.animate__backInUp { animation-name: backInUp; }
@-webkit-keyframes backOutDown {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateY(700px) scale(0.7); opacity: 0.7; }
}
@keyframes backOutDown {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateY(700px) scale(0.7); opacity: 0.7; }
}
.animate__backOutDown { animation-name: backOutDown; }
@-webkit-keyframes backOutLeft {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; }
}
@keyframes backOutLeft {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; }
}
.animate__backOutLeft { animation-name: backOutLeft; }
@-webkit-keyframes backOutRight {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; }
}
@keyframes backOutRight {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateX(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; }
}
.animate__backOutRight { animation-name: backOutRight; }
@-webkit-keyframes backOutUp {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; }
}
@keyframes backOutUp {
0% { transform: scale(1); opacity: 1; }
20% { transform: translateY(0px) scale(0.7); opacity: 0.7; }
100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; }
}
.animate__backOutUp { animation-name: backOutUp; }
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
.animate__bounceIn { animation-duration: calc(var(--animate-duration)*.75); animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); }
75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); }
90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); }
75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); }
90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__bounceInDown { animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); }
75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); }
90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); }
75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); }
90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__bounceInLeft { animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); }
75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); }
90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); }
75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); }
90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__bounceInRight { animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); }
90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); }
90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__bounceInUp { animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
.animate__bounceOut { animation-duration: calc(var(--animate-duration)*.75); animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); }
}
@keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); }
}
.animate__bounceOutDown { animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); }
}
@keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); }
}
.animate__bounceOutLeft { animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); }
}
@keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); }
}
.animate__bounceOutRight { animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); }
}
@keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); }
}
.animate__bounceOutUp { animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animate__fadeIn { animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInDown { animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInDownBig { animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInLeft { animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInLeftBig { animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInRight { animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInRightBig { animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInUp { animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInUpBig { animation-name: fadeInUpBig; }
@-webkit-keyframes fadeInTopLeft {
0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInTopLeft {
0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInTopLeft { animation-name: fadeInTopLeft; }
@-webkit-keyframes fadeInTopRight {
0% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInTopRight {
0% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInTopRight { animation-name: fadeInTopRight; }
@-webkit-keyframes fadeInBottomLeft {
0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInBottomLeft {
0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInBottomLeft { animation-name: fadeInBottomLeft; }
@-webkit-keyframes fadeInBottomRight {
0% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInBottomRight {
0% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__fadeInBottomRight { animation-name: fadeInBottomRight; }
@-webkit-keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.animate__fadeOut { animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
.animate__fadeOutDown { animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
.animate__fadeOutDownBig { animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
.animate__fadeOutLeft { animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
.animate__fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
.animate__fadeOutRight { animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
.animate__fadeOutRightBig { animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
.animate__fadeOutUp { animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
.animate__fadeOutUpBig { animation-name: fadeOutUpBig; }
@-webkit-keyframes fadeOutTopLeft {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
}
@keyframes fadeOutTopLeft {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
}
.animate__fadeOutTopLeft { animation-name: fadeOutTopLeft; }
@-webkit-keyframes fadeOutTopRight {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
}
@keyframes fadeOutTopRight {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
}
.animate__fadeOutTopRight { animation-name: fadeOutTopRight; }
@-webkit-keyframes fadeOutBottomRight {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
}
@keyframes fadeOutBottomRight {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
}
.animate__fadeOutBottomRight { animation-name: fadeOutBottomRight; }
@-webkit-keyframes fadeOutBottomLeft {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
}
@keyframes fadeOutBottomLeft {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
}
.animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft; }
@-webkit-keyframes flip {
0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
}
@keyframes flip {
0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
}
.animate__animated.animate__flip { backface-visibility: visible; animation-name: flip; }
@-webkit-keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
.animate__flipInX { animation-name: flipInX; backface-visibility: visible !important; }
@-webkit-keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
.animate__flipInY { animation-name: flipInY; backface-visibility: visible !important; }
@-webkit-keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
.animate__flipOutX { animation-duration: calc(var(--animate-duration)*.75); animation-name: flipOutX; backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
.animate__flipOutY { animation-duration: calc(var(--animate-duration)*.75); animation-name: flipOutY; backface-visibility: visible !important; }
@-webkit-keyframes lightSpeedInRight {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes lightSpeedInRight {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedInLeft {
0% { transform: translate3d(-100%, 0px, 0px) skewX(30deg); opacity: 0; }
60% { transform: skewX(-20deg); opacity: 1; }
80% { transform: skewX(5deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes lightSpeedInLeft {
0% { transform: translate3d(-100%, 0px, 0px) skewX(30deg); opacity: 0; }
60% { transform: skewX(-20deg); opacity: 1; }
80% { transform: skewX(5deg); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOutRight {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOutRight {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
.animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; }
@-webkit-keyframes lightSpeedOutLeft {
0% { opacity: 1; }
100% { transform: translate3d(-100%, 0px, 0px) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOutLeft {
0% { opacity: 1; }
100% { transform: translate3d(-100%, 0px, 0px) skewX(-30deg); opacity: 0; }
}
.animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
0% { transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateIn {
0% { transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.animate__rotateIn { animation-name: rotateIn; transform-origin: center center; }
@-webkit-keyframes rotateInDownLeft {
0% { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownLeft {
0% { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; }
@-webkit-keyframes rotateInDownRight {
0% { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownRight {
0% { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; }
@-webkit-keyframes rotateInUpLeft {
0% { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpLeft {
0% { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; }
@-webkit-keyframes rotateInUpRight {
0% { transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpRight {
0% { transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; }
@-webkit-keyframes rotateOut {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@keyframes rotateOut {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
.animate__rotateOut { animation-name: rotateOut; transform-origin: center center; }
@-webkit-keyframes rotateOutDownLeft {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
.animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; }
@-webkit-keyframes rotateOutDownRight {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutDownRight {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; }
@-webkit-keyframes rotateOutUpLeft {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; }
@-webkit-keyframes rotateOutUpRight {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@keyframes rotateOutUpRight {
0% { opacity: 1; }
100% { transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
.animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; }
@-webkit-keyframes hinge {
0% { animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes hinge {
0% { animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
.animate__hinge { animation-duration: calc(var(--animate-duration)*2); animation-name: hinge; transform-origin: left top; }
@-webkit-keyframes jackInTheBox {
0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
50% { transform: rotate(-10deg); }
70% { transform: rotate(3deg); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes jackInTheBox {
0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
50% { transform: rotate(-10deg); }
70% { transform: rotate(3deg); }
100% { opacity: 1; transform: scale(1); }
}
.animate__jackInTheBox { animation-name: jackInTheBox; }
@-webkit-keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.animate__rollIn { animation-name: rollIn; }
@-webkit-keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
.animate__rollOut { animation-name: rollOut; }
@-webkit-keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
.animate__zoomIn { animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.animate__zoomInDown { animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.animate__zoomInLeft { animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.animate__zoomInRight { animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.animate__zoomInUp { animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
@keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
.animate__zoomOut { animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; }
@-webkit-keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); }
}
@keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); }
}
.animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; }
@-webkit-keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); }
}
@keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); }
}
.animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; }
@-webkit-keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; }
@-webkit-keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__slideInDown { animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__slideInLeft { animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__slideInRight { animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.animate__slideInUp { animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
.animate__slideOutDown { animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
.animate__slideOutLeft { animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
.animate__slideOutRight { animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
.animate__slideOutUp { animation-name: slideOutUp; }
.bootstrap-datetimepicker-widget { list-style: none; }
.bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0px; padding: 4px; width: 19em; }
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}
.bootstrap-datetimepicker-widget.dropdown-menu::before, .bootstrap-datetimepicker-widget.dropdown-menu::after { content: ""; display: inline-block; position: absolute; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom::before { border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid rgba(0, 0, 0, 0.2); top: -7px; left: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom::after { border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid rgb(255, 255, 255); top: -6px; left: 8px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top::before { border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-top: 7px solid rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top::after { border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid rgb(255, 255, 255); bottom: -6px; left: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right::before { left: auto; right: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right::after { left: auto; right: 7px; }
.bootstrap-datetimepicker-widget .list-unstyled { margin: 0px; }
.bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0px; }
.bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0px; }
.bootstrap-datetimepicker-widget button[data-action] { padding: 6px; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Increment Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Increment Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Decrement Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Decrement Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Show Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Show Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Toggle AM/PM"; }
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Clear the picker"; }
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Set the date to today"; }
.bootstrap-datetimepicker-widget .picker-switch { text-align: center; }
.bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Toggle Date and Time Screens"; }
.bootstrap-datetimepicker-widget .picker-switch td { padding: 0px; margin: 0px; height: auto; width: auto; line-height: inherit; }
.bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; }
.bootstrap-datetimepicker-widget table { width: 100%; margin: 0px; }
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; }
.bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; }
.bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; }
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: rgb(119, 119, 119); cursor: not-allowed; }
.bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Previous Month"; }
.bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Next Month"; }
.bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: rgb(238, 238, 238); }
.bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; }
.bootstrap-datetimepicker-widget table td.cw { font-size: 0.8em; height: 20px; line-height: 20px; color: rgb(119, 119, 119); }
.bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: rgb(238, 238, 238); cursor: pointer; }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: rgb(119, 119, 119); }
.bootstrap-datetimepicker-widget table td.today { position: relative; }
.bootstrap-datetimepicker-widget table td.today::before { content: ""; display: inline-block; border-style: solid; border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0) rgb(51, 122, 183); border-image: initial; border-width: 0px 0px 7px 7px; position: absolute; bottom: 4px; right: 4px; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: rgb(51, 122, 183); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; }
.bootstrap-datetimepicker-widget table td.active.today::before { border-bottom-color: rgb(255, 255, 255); }
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: rgb(119, 119, 119); cursor: not-allowed; }
.bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; }
.bootstrap-datetimepicker-widget table td span:hover { background: rgb(238, 238, 238); }
.bootstrap-datetimepicker-widget table td span.active { background-color: rgb(51, 122, 183); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; }
.bootstrap-datetimepicker-widget table td span.old { color: rgb(119, 119, 119); }
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: rgb(119, 119, 119); cursor: not-allowed; }
.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }
.bootstrap-datetimepicker-widget.wider { width: 21em; }
.bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; }
.input-group.date .input-group-addon { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
._2FDQ1N9yE4KkbZND3c12NB .modal-dialog { margin-top: 100px; }
._2FDQ1N9yE4KkbZND3c12NB .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
.UFBr3JB_WA8DWhsPKGflu { position: relative; margin: 0px auto 20px; width: 400px; height: 440px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/186e82a4545fbb8cdf3d602c3f777928.png"); }
.UFBr3JB_WA8DWhsPKGflu.jaKTPXxo1HaJbh51U_dlR { height: 356px; margin-bottom: 40px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2f46bef9da0a198210bc223a440ee7d7.png"); }
.UFBr3JB_WA8DWhsPKGflu._2liJoTBhq1wQcY-gpHg_gs { height: 310px; margin-bottom: 40px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f1adb6cc21bea15c735ac12ea9586a24.png"); }
.UFBr3JB_WA8DWhsPKGflu > span { position: absolute; top: -30px; right: -40px; width: 30px; height: 30px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/008e4ca48db4a6bcdb0f276c385d633d.png"); cursor: pointer; }
.UFBr3JB_WA8DWhsPKGflu > h3 { margin: 0px; height: 50px; color: rgb(26, 26, 26); line-height: 50px; text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 1px; }
.UFBr3JB_WA8DWhsPKGflu > h1 { margin: 14px 0px 6px; height: 84px; }
.UFBr3JB_WA8DWhsPKGflu > h1 img { max-height: 100%; }
._36RBMaKTHTpscn3kGKrxjP > ._2VIi0uhSHo-TjjZibjAlXk { font-size: 12px; }
._36RBMaKTHTpscn3kGKrxjP form { width: 320px; margin: 0px auto; }
._36RBMaKTHTpscn3kGKrxjP input { width: 320px; height: 40px; padding-left: 35px; margin-bottom: 9px; color: rgb(94, 74, 73); font-size: 14px; line-height: 40px; background: 8px center no-repeat rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 3px; }
._36RBMaKTHTpscn3kGKrxjP input::placeholder { color: rgb(94, 74, 73); }
._36RBMaKTHTpscn3kGKrxjP button { width: 142px; height: 40px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; background: rgb(228, 0, 79); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._36RBMaKTHTpscn3kGKrxjP button[disabled] { opacity: 0.7; }
._36RBMaKTHTpscn3kGKrxjP button + ._36RBMaKTHTpscn3kGKrxjP button { margin-left: 11px; }
._36RBMaKTHTpscn3kGKrxjP button[type="reset"] { background: rgb(102, 102, 102); }
._36RBMaKTHTpscn3kGKrxjP gupw-captcha-box { display: block; position: relative; }
._36RBMaKTHTpscn3kGKrxjP gupw-captcha-box input { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/909aebf67bfd265fd9f22852893d0716.png"); }
._36RBMaKTHTpscn3kGKrxjP gupw-captcha-box img { position: absolute; top: 2px; right: 2px; height: 36px; }
._1wU5a7sWf7uaUPJE91APPz { padding: 0px; text-align: center; }
._1wU5a7sWf7uaUPJE91APPz li { position: relative; display: inline-block; vertical-align: top; width: 90px; margin: 0px 10px; padding-top: 85px; color: rgb(255, 255, 255); }
._1wU5a7sWf7uaUPJE91APPz li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/07af0ab0a9bf04ab50e5f719ba4b2648.png") center top no-repeat; }
._1wU5a7sWf7uaUPJE91APPz li:hover::before { background-position-y: bottom; }
._1wU5a7sWf7uaUPJE91APPz li::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; background: center top no-repeat; }
._1wU5a7sWf7uaUPJE91APPz li:nth-child(1)::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0c2b2c58d2214c6a796b30d14e605fbc.png"); }
._1wU5a7sWf7uaUPJE91APPz li:nth-child(2)::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ec6ffd8dcbe653b4634bc69ffe81a5f0.png"); }
._1wU5a7sWf7uaUPJE91APPz li:nth-child(3)::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/fa9f2a78bd7948ab011e17e159d73aa9.png"); }
._1wU5a7sWf7uaUPJE91APPz li:nth-child(4)::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/820ec19c055a70b9fdac1cb2efd10264.png"); }
._1wU5a7sWf7uaUPJE91APPz li:nth-child(5)::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f4113f8b14f122ff0a5679680b2b71ca.png"); }
._1wU5a7sWf7uaUPJE91APPz li:nth-child(6)::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0bcac116f0bc403351dc4c4256ff7db0.png"); }
._1wU5a7sWf7uaUPJE91APPz li h6 { font-size: 16px; }
.en-us ._1wU5a7sWf7uaUPJE91APPz h6 { font-size: 14px; }
.th ._1wU5a7sWf7uaUPJE91APPz h6 { font-size: 14px; }
.vi ._1wU5a7sWf7uaUPJE91APPz h6 { font-size: 14px; }
.tl ._1wU5a7sWf7uaUPJE91APPz li { width: 110px; margin: 0px 7px; }
.tl ._1wU5a7sWf7uaUPJE91APPz h6 { font-size: 14px; }
._2K0GVFwvd8JM00Kkl6ICbG .modal-dialog { width: 560px; }
._2K0GVFwvd8JM00Kkl6ICbG .panel { margin-bottom: 0px; }
._2iveNXbPhuz0QYf0SIqfAJ { position: relative; width: 35%; }
._2iveNXbPhuz0QYf0SIqfAJ gupw-captcha-box input { width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgb(255, 255, 255) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
._2iveNXbPhuz0QYf0SIqfAJ gupw-captcha-box img { right: 17px; height: 30px; }
._1_nKW4Lg8J2Q-_UBEaW2P4 { position: absolute; top: 0px; right: 15px; }
._1M8UeeUNQsZy4H6GAA2ah3 .modal-dialog { width: 934px; }
._1M8UeeUNQsZy4H6GAA2ah3 .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._3P520ap0iqaHMQ2F7XKKHY { position: relative; display: flex; align-items: center; gap: 22px; padding: 17px 54px 17px 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6d9ecf4f2b3d43ec3256ebbaef568c86.png") center top no-repeat rgb(18, 18, 18); border-radius: 20px; border: 2px solid rgb(255, 180, 0); }
._3P520ap0iqaHMQ2F7XKKHY ._3FT0BCsJJkkR2bpzG5X5lt { text-align: center; }
._3P520ap0iqaHMQ2F7XKKHY ._3FT0BCsJJkkR2bpzG5X5lt > img { width: 404px; height: 85px; }
._3P520ap0iqaHMQ2F7XKKHY .qM6X4DDo6U0YUpDyYpyrD { width: 410px; height: 577px; margin: 18px auto 0px; background-size: contain; background-repeat: no-repeat; background-position: center bottom; animation: 15s steps(1) 0s infinite normal none running _1_MQYvYK2fMRWRfdRdj07c; }
@-webkit-keyframes _1_MQYvYK2fMRWRfdRdj07c {
0% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/05dc3c0c5ee4bceff129fb9916e62727.png"); }
33% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7cc906f244d0d7d85818bc071cf8c96f.png"); }
66% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d8c1ac5e45a21b63f6e6c763f6658e86.png"); }
100% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/05dc3c0c5ee4bceff129fb9916e62727.png"); }
}
@keyframes _1_MQYvYK2fMRWRfdRdj07c {
0% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/05dc3c0c5ee4bceff129fb9916e62727.png"); }
33% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7cc906f244d0d7d85818bc071cf8c96f.png"); }
66% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d8c1ac5e45a21b63f6e6c763f6658e86.png"); }
100% { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/05dc3c0c5ee4bceff129fb9916e62727.png"); }
}
._3P520ap0iqaHMQ2F7XKKHY ._2ZxfNIqB8ZGUvf62lMlRii { position: absolute; top: 15px; right: 22px; width: 29px; height: 29px; background-color: rgb(255, 255, 255); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3e981b670f013e69a1e42ffca194655c.svg") center center / cover no-repeat; z-index: 1; cursor: pointer; }
._3P520ap0iqaHMQ2F7XKKHY ._3Xbd19SgfFHxMfpNX61Ekf { position: relative; width: 441px; height: 688px; padding: 14px 10px 15px 9px; border-radius: 27px; border: 1px solid rgb(255, 59, 1); background-color: rgb(29, 29, 29); overflow-y: scroll; }
._3P520ap0iqaHMQ2F7XKKHY ._3Xbd19SgfFHxMfpNX61Ekf [ng-click] { cursor: pointer; }
._3P520ap0iqaHMQ2F7XKKHY ._1WnZ_r6oefO63GyulZ3I5p { position: absolute; bottom: -94px; right: 361px; width: 221px; height: 51px; padding: 0px 5px; font-size: 22px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); background: linear-gradient(to top, rgb(255, 13, 0), rgb(255, 85, 0)); border-radius: 23.5px; border: 0px; }
._3P520ap0iqaHMQ2F7XKKHY ._1WnZ_r6oefO63GyulZ3I5p:hover { color: rgb(223, 0, 0); background: rgb(255, 255, 255); border-radius: 26px; }
::-webkit-scrollbar { display: none; }
._2fMGqDLeVdueHNrY6jh1tZ .modal-dialog { width: 954px; margin-top: 50px; font-family: Roboto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0afa87177f043baa73159d8f3e50cfa8.png") center top / cover no-repeat rgb(18, 18, 18); border-radius: 20px; border: 2px solid rgb(255, 180, 0); }
._2fMGqDLeVdueHNrY6jh1tZ .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._3z-5Bv2H4PIKbg3rn9-tu5 { width: 411px; height: 464px; animation: 15s steps(1) 0s infinite normal none running _3z-5Bv2H4PIKbg3rn9-tu5; }
@-webkit-keyframes _3z-5Bv2H4PIKbg3rn9-tu5 {
0% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/aa778c6fccc1b7830cba3eebfb5b14b5.png") center center / contain no-repeat; }
33% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b6027e03feb5b481da61573776bc868b.png") center center / contain no-repeat; }
66% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4df3f42661e8fa835ae03db0e0c41a8f.png") center center / contain no-repeat; }
100% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/aa778c6fccc1b7830cba3eebfb5b14b5.png") center center / contain no-repeat; }
}
@keyframes _3z-5Bv2H4PIKbg3rn9-tu5 {
0% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/aa778c6fccc1b7830cba3eebfb5b14b5.png") center center / contain no-repeat; }
33% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b6027e03feb5b481da61573776bc868b.png") center center / contain no-repeat; }
66% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4df3f42661e8fa835ae03db0e0c41a8f.png") center center / contain no-repeat; }
100% { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/aa778c6fccc1b7830cba3eebfb5b14b5.png") center center / contain no-repeat; }
}
._38xNbPhu8VneFOc5oh78Hr { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background-color: rgb(255, 255, 255); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3e981b670f013e69a1e42ffca194655c.svg") center center / cover no-repeat; z-index: 1; cursor: pointer; }
.maagwmS6qLuFIDCpWszAE { text-align: center; margin: 9px 0px 14.5px; }
.maagwmS6qLuFIDCpWszAE > img { max-width: 100%; height: auto; }
._3N2lRww2b9eZP-F5fSS-Rq { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 17px; padding: 18px 71px 12px 30px; color: rgb(255, 255, 255); }
._3N2lRww2b9eZP-F5fSS-Rq [ng-click] { cursor: pointer; }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl { width: 384px; height: 554px; padding: 9px 9px 15px; border-radius: 22px; border: 1px solid rgb(255, 59, 1); background-color: rgb(29, 29, 29); }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl > form ._3iii_h3AyTgZQsGfxChvuZ { margin: 9px 0px; }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl > form label { margin: 0px 0px 5.5px 18px; width: 100%; line-height: 1; color: rgb(255, 59, 1); font-size: 13.8px; font-weight: bold; }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl > form label i { color: rgb(255, 59, 1); }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl > form ._3kf2U2RqwnANN5VYWFRt8X { position: relative; }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl > form ._3kf2U2RqwnANN5VYWFRt8X input { width: 100%; height: 35px; padding: 0px 19px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: Roboto; font-size: 17px; font-weight: 500; text-align: left; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1.1px 1.1px 0px inset; background-color: rgb(79, 79, 79); outline: none; }
._3N2lRww2b9eZP-F5fSS-Rq ._5UcEm8pq0mjfBRF66-fgl > form ::placeholder { color: rgb(255, 255, 255); }
._3N2lRww2b9eZP-F5fSS-Rq gupw-captcha-login-box img { position: absolute; top: 0px; right: 15px; width: auto; height: 100%; }
._3QB8ae9h2XSxXsg5z5KsDO { margin: 15px 0px 0px; font-family: Roboto; font-size: 14.7px; font-weight: 500; text-align: center; color: rgb(255, 255, 255); line-height: 24px; }
._1elJEDoklSJeZCRhRorPTp, ._1m3cdSSCOeU4qfwzhHMyS5 { margin-top: 9px; text-transform: uppercase; border-radius: 16px; width: 100%; height: 42px; font-size: 16.5px; font-weight: 700; text-align: center; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: linear-gradient(rgb(255, 85, 0), rgb(255, 14, 0)); }
._1elJEDoklSJeZCRhRorPTp:hover, ._1m3cdSSCOeU4qfwzhHMyS5:hover { color: rgb(223, 0, 0); background: rgb(255, 255, 255); text-decoration: none; }
._1m3cdSSCOeU4qfwzhHMyS5 { position: relative; margin: 14.7px 0px; }
._1m3cdSSCOeU4qfwzhHMyS5::after { content: ""; position: absolute; top: -8.7px; right: 29px; width: 65px; height: 50px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b7c059508231e4a0cbdc936a1d9b5946.gif") center center / contain no-repeat; }
._1p2MbYKelQsIMZJryM5EH0 { display: grid; grid-template-columns: repeat(2, 166px); justify-items: center; gap: 15px 33px; }
._3OwF-mperrkmF-sxZbFN91, .O_f1r2yAvocWVX_hW1NPV, ._2R9eXhZBUc2l-cPjLeaYxG { display: flex; align-items: center; justify-content: center; gap: 6px; width: 166px; height: 50px; background: rgba(0, 0, 0, 0); border: 1px solid rgb(61, 61, 61); border-radius: 13px; font-family: Roboto; font-size: 12px; font-weight: 700; color: rgb(240, 240, 240); outline: none; }
._3OwF-mperrkmF-sxZbFN91 ._2bCmWpslNOyKXzQHmsEYU-, .O_f1r2yAvocWVX_hW1NPV ._2bCmWpslNOyKXzQHmsEYU-, ._2R9eXhZBUc2l-cPjLeaYxG ._2bCmWpslNOyKXzQHmsEYU- { display: block; width: 30px; height: 30px; background: center top no-repeat rgb(179, 179, 179); }
._3OwF-mperrkmF-sxZbFN91 p, .O_f1r2yAvocWVX_hW1NPV p, ._2R9eXhZBUc2l-cPjLeaYxG p { margin: 0px; width: 111px; font-family: Roboto; line-height: 1; }
._3OwF-mperrkmF-sxZbFN91 ._2bCmWpslNOyKXzQHmsEYU- { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/20f79aec8793a4088db88c2c545d72d1.svg") center center no-repeat; }
.O_f1r2yAvocWVX_hW1NPV ._2bCmWpslNOyKXzQHmsEYU- { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a35668df299d84e40dc04257b79371ff.svg") center center no-repeat; }
._2R9eXhZBUc2l-cPjLeaYxG { grid-column: 1 / 3; gap: 10px; }
._2R9eXhZBUc2l-cPjLeaYxG ._2bCmWpslNOyKXzQHmsEYU- { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f92f9a9791c5e08356ccdcac34e522df.svg") center center no-repeat; }
.save-pw { margin-top: 15px; font-family: Roboto; font-size: 14.7px; font-weight: 500; color: rgb(255, 131, 1); justify-content: flex-start !important; }
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
#uirStateVisualizer {
margin: 0;
padding: 0;
border: 0;
font-size: 16px;
font-family: sans-serif;
font-weight: normal;
vertical-align: baseline;
line-height: 1;
display: block;
box-sizing: content-box;
}
#uirStateVisualizer svg {
box-sizing: content-box;
}
.uirStateVisContainer {
z-index: 3;
position: fixed;
right: 32px;
bottom: 64px;
display: flex;
flex-direction: column;
align-items: center;
background-color: rgba(255, 255, 255, 0.8);
transform: scale(1);
transform-origin: right bottom;
transition: right 0.5s ease, bottom 0.5s ease, transform 0.5s ease;
overflow: hidden;
resize: both;
}
.uirStateVisContainer.minimized {
cursor: pointer;
transform: scale(0.25);
z-index: 60;
}
.uirStateVisContainer:hover {
outline: 2px solid rgba(0,0,0,0.35)
}
.uirStateVisContainer:hover .uirStateVisControls {
visibility: visible;
}
.uirStateVisContainer .uirStateVisControls {
visibility: hidden;
display: flex;
width: 100%;
flex-flow: row nowrap;
justify-content: space-between;
flex: 1 0 auto;
z-index: 1;
}
.uirStateVisContainer .uirStateVisControls .uirStateVisIcons span svg {
padding: 3px;
fill: #777777;
}
.uirStateVisContainer .uirStateVisControls .uirStateVisIcons span:hover svg {
fill: black;
}
.uirStateVisHover > div {
transition: opacity 500ms ease;
opacity: 0;
height: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
margin-top: 26px;
font-size: 14px;
}
.uirStateVisHover > div.hoverBlock {
left: 0;
border-bottom: none;
background: white;
}
.uirStateVisHover:hover > div.hoverBlock {
border-bottom: 2px solid lightgrey;
}
.uirStateVisHover:hover > div {
opacity: 1;
height: auto;
}
.uirStateVisHover .uirStateVisLayoutPrefs {
padding: 12px 24px;
}
.uirStateVisContainer .statevis {
flex: 1 1 auto;
transition: all 1s ease;
}
.uirStateVisWindowOverlay {
display: none;
}
.minimized .uirStateVisWindowOverlay {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
}
.statevis circle {
/*r: 10;*/
fill: #fff;
stroke: grey;
/*stroke-width: 3px;*/
transition-property: r, fill, stroke, stroke-width;
transition-duration: 350ms;
transition-timing-function: ease-in-out;
cursor: pointer;
}
.statevis text {
transition-property: x, y, font-size, stroke, stroke-width;
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}
.statevis circle.future {
/*r: 10;*/
stroke: grey;
stroke-dasharray: 7,5;
/*stroke-width: 1px;*/
}
.statevis circle.entered {
/*r: 10;*/
stroke: black;
fill: lightgreen;
}
.statevis circle.entered:after {
content: "Entered"
}
.statevis circle.active {
/*r: 15;*/
fill: green;
stroke: black;
}
.statevis circle.collapsed {
stroke-dasharray: 2, 2
}
.statevis text {
font-family: sans-serif;
}
.statevis .link {
fill: none;
stroke: #ccc;
/*stroke-width: 2px;*/
}
.statevis text.label {
fill: grey;
alignment-baseline: middle;
}
.draggable {
cursor: move;
}
/*.draggable:hover {*/
/*outline: 3px solid rgba(0,0,0,0.15)*/
/*}*/
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9jdGhpZWxlbi9wcm9qZWN0cy91aXJvdXRlci92aXN1YWxpemVyL3NyYy9zdGF0ZXZpcy9zdGF0ZXZpcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztDQUdDOztBQUVEO0lBQ0ksU0FBUztJQUNULFVBQVU7SUFDVixTQUFTO0lBQ1QsZUFBZTtJQUNmLHVCQUF1QjtJQUN2QixtQkFBbUI7SUFDbkIsd0JBQXdCO0lBQ3hCLGNBQWM7SUFDZCxjQUFjO0lBQ2QsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsZUFBZTtJQUNmLFdBQVc7SUFDWCxZQUFZO0lBQ1osYUFBYTtJQUNiLHNCQUFzQjtJQUN0QixtQkFBbUI7SUFDbkIsMENBQTBDO0lBQzFDLG1CQUFtQjtJQUNuQiw4QkFBOEI7SUFDOUIsa0VBQWtFO0lBQ2xFLGdCQUFnQjtJQUNoQixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLHNCQUFzQjtJQUN0QixXQUFXO0FBQ2Y7O0FBRUE7SUFDSTtBQUNKOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLGFBQWE7SUFDYixXQUFXO0lBQ1gscUJBQXFCO0lBQ3JCLDhCQUE4QjtJQUM5QixjQUFjO0lBQ2QsVUFBVTtBQUNkOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSw4QkFBOEI7SUFDOUIsVUFBVTtJQUNWLFNBQVM7SUFDVCxVQUFVOztJQUVWLGtCQUFrQjtJQUNsQixNQUFNO0lBQ04sUUFBUTtJQUNSLGdCQUFnQjs7SUFFaEIsZ0JBQWdCO0lBQ2hCLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxPQUFPO0lBQ1AsbUJBQW1CO0lBQ25CLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGtDQUFrQztBQUN0Qzs7O0FBR0E7SUFDSSxVQUFVO0lBQ1YsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGNBQWM7SUFDZCx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGtCQUFrQjtJQUNsQixPQUFPO0lBQ1AsUUFBUTtJQUNSLE1BQU07SUFDTixTQUFTO0lBQ1QsV0FBVztBQUNmOztBQUVBO0lBQ0ksU0FBUztJQUNULFVBQVU7SUFDVixZQUFZO0lBQ1oscUJBQXFCOztJQUVyQixrREFBa0Q7SUFDbEQsMEJBQTBCO0lBQzFCLHVDQUF1Qzs7SUFFdkMsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLDBEQUEwRDtJQUMxRCwwQkFBMEI7SUFDMUIsdUNBQXVDO0FBQzNDOztBQUVBO0lBQ0ksU0FBUztJQUNULFlBQVk7SUFDWixxQkFBcUI7SUFDckIscUJBQXFCO0FBQ3pCOztBQUVBO0lBQ0ksU0FBUztJQUNULGFBQWE7SUFDYixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSTtBQUNKOztBQUVBO0lBQ0ksU0FBUztJQUNULFdBQVc7SUFDWCxhQUFhO0FBQ2pCOztBQUVBO0lBQ0k7QUFDSjs7QUFFQTtJQUNJLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLFVBQVU7SUFDVixZQUFZO0lBQ1oscUJBQXFCO0FBQ3pCOztBQUVBO0lBQ0ksVUFBVTtJQUNWLDBCQUEwQjtBQUM5Qjs7O0FBR0E7SUFDSSxZQUFZO0FBQ2hCOztBQUVBLHFCQUFxQjtJQUNqQixzQ0FBc0M7QUFDMUMsSUFBSSIsImZpbGUiOiJzdGF0ZXZpcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBodHRwOi8vbWV5ZXJ3ZWIuY29tL2VyaWMvdG9vbHMvY3NzL3Jlc2V0L1xuICAgdjIuMCB8IDIwMTEwMTI2XG4gICBMaWNlbnNlOiBub25lIChwdWJsaWMgZG9tYWluKVxuKi9cblxuI3VpclN0YXRlVmlzdWFsaXplciB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgYm9yZGVyOiAwO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LWZhbWlseTogc2Fucy1zZXJpZjtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICBsaW5lLWhlaWdodDogMTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbn1cbiN1aXJTdGF0ZVZpc3VhbGl6ZXIgc3ZnIHtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbn1cblxuLnVpclN0YXRlVmlzQ29udGFpbmVyIHtcbiAgICB6LWluZGV4OiAzO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICByaWdodDogMzJweDtcbiAgICBib3R0b206IDY0cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogcmlnaHQgYm90dG9tO1xuICAgIHRyYW5zaXRpb246IHJpZ2h0IDAuNXMgZWFzZSwgYm90dG9tIDAuNXMgZWFzZSwgdHJhbnNmb3JtIDAuNXMgZWFzZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHJlc2l6ZTogYm90aDtcbn1cblxuLnVpclN0YXRlVmlzQ29udGFpbmVyLm1pbmltaXplZCB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC4yNSk7XG4gICAgei1pbmRleDogNjA7XG59XG5cbi51aXJTdGF0ZVZpc0NvbnRhaW5lcjpob3ZlciB7XG4gICAgb3V0bGluZTogMnB4IHNvbGlkIHJnYmEoMCwwLDAsMC4zNSlcbn1cblxuLnVpclN0YXRlVmlzQ29udGFpbmVyOmhvdmVyIC51aXJTdGF0ZVZpc0NvbnRyb2xzIHtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuXG4udWlyU3RhdGVWaXNDb250YWluZXIgLnVpclN0YXRlVmlzQ29udHJvbHMge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXgtZmxvdzogcm93IG5vd3JhcDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgZmxleDogMSAwIGF1dG87XG4gICAgei1pbmRleDogMTtcbn1cblxuLnVpclN0YXRlVmlzQ29udGFpbmVyIC51aXJTdGF0ZVZpc0NvbnRyb2xzIC51aXJTdGF0ZVZpc0ljb25zIHNwYW4gc3ZnIHtcbiAgICBwYWRkaW5nOiAzcHg7XG4gICAgZmlsbDogIzc3Nzc3Nztcbn1cblxuLnVpclN0YXRlVmlzQ29udGFpbmVyIC51aXJTdGF0ZVZpc0NvbnRyb2xzIC51aXJTdGF0ZVZpc0ljb25zIHNwYW46aG92ZXIgc3ZnIHtcbiAgICBmaWxsOiBibGFjaztcbn1cblxuLnVpclN0YXRlVmlzSG92ZXIgPiBkaXYge1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgNTAwbXMgZWFzZTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIGhlaWdodDogMDtcbiAgICBwYWRkaW5nOiAwO1xuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgbWFyZ2luLXRvcDogMjZweDtcbiAgICBmb250LXNpemU6IDE0cHg7XG59XG5cbi51aXJTdGF0ZVZpc0hvdmVyID4gZGl2LmhvdmVyQmxvY2sge1xuICAgIGxlZnQ6IDA7XG4gICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbn1cblxuLnVpclN0YXRlVmlzSG92ZXI6aG92ZXIgPiBkaXYuaG92ZXJCbG9jayB7XG4gICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIGxpZ2h0Z3JleTtcbn1cblxuXG4udWlyU3RhdGVWaXNIb3Zlcjpob3ZlciA+IGRpdiB7XG4gICAgb3BhY2l0eTogMTtcbiAgICBoZWlnaHQ6IGF1dG87XG59XG5cbi51aXJTdGF0ZVZpc0hvdmVyIC51aXJTdGF0ZVZpc0xheW91dFByZWZzIHtcbiAgICBwYWRkaW5nOiAxMnB4IDI0cHg7XG59XG5cbi51aXJTdGF0ZVZpc0NvbnRhaW5lciAuc3RhdGV2aXMge1xuICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgIHRyYW5zaXRpb246IGFsbCAxcyBlYXNlO1xufVxuXG4udWlyU3RhdGVWaXNXaW5kb3dPdmVybGF5IHtcbiAgICBkaXNwbGF5OiBub25lO1xufVxuXG4ubWluaW1pemVkIC51aXJTdGF0ZVZpc1dpbmRvd092ZXJsYXkge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwOyBcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwO1xufVxuICBcbi5zdGF0ZXZpcyBjaXJjbGUge1xuICAgIC8qcjogMTA7Ki9cbiAgICBmaWxsOiAjZmZmO1xuICAgIHN0cm9rZTogZ3JleTtcbiAgICAvKnN0cm9rZS13aWR0aDogM3B4OyovXG5cbiAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiByLCBmaWxsLCBzdHJva2UsIHN0cm9rZS13aWR0aDtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAzNTBtcztcbiAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5zdGF0ZXZpcyB0ZXh0IHtcbiAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiB4LCB5LCBmb250LXNpemUsIHN0cm9rZSwgc3Ryb2tlLXdpZHRoO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDM1MG1zO1xuICAgIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cblxuLnN0YXRldmlzIGNpcmNsZS5mdXR1cmUge1xuICAgIC8qcjogMTA7Ki9cbiAgICBzdHJva2U6IGdyZXk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogNyw1O1xuICAgIC8qc3Ryb2tlLXdpZHRoOiAxcHg7Ki9cbn1cblxuLnN0YXRldmlzIGNpcmNsZS5lbnRlcmVkIHtcbiAgICAvKnI6IDEwOyovXG4gICAgc3Ryb2tlOiBibGFjaztcbiAgICBmaWxsOiBsaWdodGdyZWVuO1xufVxuXG4uc3RhdGV2aXMgY2lyY2xlLmVudGVyZWQ6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiPHRleHQ+RW50ZXJlZDwvdGV4dD5cIlxufVxuXG4uc3RhdGV2aXMgY2lyY2xlLmFjdGl2ZSB7XG4gICAgLypyOiAxNTsqL1xuICAgIGZpbGw6IGdyZWVuO1xuICAgIHN0cm9rZTogYmxhY2s7XG59XG5cbi5zdGF0ZXZpcyBjaXJjbGUuY29sbGFwc2VkIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAyLCAyXG59XG5cbi5zdGF0ZXZpcyB0ZXh0IHtcbiAgICBmb250LWZhbWlseTogc2Fucy1zZXJpZjtcbn1cblxuLnN0YXRldmlzIC5saW5rIHtcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogI2NjYztcbiAgICAvKnN0cm9rZS13aWR0aDogMnB4OyovXG59XG5cbi5zdGF0ZXZpcyB0ZXh0LmxhYmVsIHtcbiAgICBmaWxsOiBncmV5O1xuICAgIGFsaWdubWVudC1iYXNlbGluZTogbWlkZGxlO1xufVxuXG5cbi5kcmFnZ2FibGUge1xuICAgIGN1cnNvcjogbW92ZTtcbn1cblxuLyouZHJhZ2dhYmxlOmhvdmVyIHsqL1xuICAgIC8qb3V0bGluZTogM3B4IHNvbGlkIHJnYmEoMCwwLDAsMC4xNSkqL1xuLyp9Ki9cbiJdLCJzb3VyY2VSb290IjoiIn0= */
#uirStateVisualizer { margin: 0px; padding: 0px; border: 0px; font-size: 16px; font-family: sans-serif; font-weight: normal; vertical-align: baseline; line-height: 1; display: block; box-sizing: content-box; }
#uirStateVisualizer svg { box-sizing: content-box; }
.uirStateVisContainer { z-index: 3; position: fixed; right: 32px; bottom: 64px; display: flex; flex-direction: column; align-items: center; background-color: rgba(255, 255, 255, 0.8); transform: scale(1); transform-origin: right bottom; transition: right 0.5s, bottom 0.5s, transform 0.5s; overflow: hidden; resize: both; }
.uirStateVisContainer.minimized { cursor: pointer; transform: scale(0.25); z-index: 60; }
.uirStateVisContainer:hover { outline: rgba(0, 0, 0, 0.35) solid 2px; }
.uirStateVisContainer:hover .uirStateVisControls { visibility: visible; }
.uirStateVisContainer .uirStateVisControls { visibility: hidden; display: flex; width: 100%; flex-flow: row; justify-content: space-between; flex: 1 0 auto; z-index: 1; }
.uirStateVisContainer .uirStateVisControls .uirStateVisIcons span svg { padding: 3px; fill: rgb(119, 119, 119); }
.uirStateVisContainer .uirStateVisControls .uirStateVisIcons span:hover svg { fill: black; }
.uirStateVisHover > div { transition: opacity 500ms; opacity: 0; height: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; overflow: hidden; margin-top: 26px; font-size: 14px; }
.uirStateVisHover > div.hoverBlock { left: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background: white; }
.uirStateVisHover:hover > div.hoverBlock { border-bottom: 2px solid lightgrey; }
.uirStateVisHover:hover > div { opacity: 1; height: auto; }
.uirStateVisHover .uirStateVisLayoutPrefs { padding: 12px 24px; }
.uirStateVisContainer .statevis { flex: 1 1 auto; transition: 1s; }
.uirStateVisWindowOverlay { display: none; }
.minimized .uirStateVisWindowOverlay { display: block; position: absolute; inset: 0px; z-index: 10; }
.statevis circle { fill: rgb(255, 255, 255); stroke: grey; transition-property: r, fill, stroke, stroke-width; transition-duration: 350ms; transition-timing-function: ease-in-out; cursor: pointer; }
.statevis text { transition-property: x, y, font-size, stroke, stroke-width; transition-duration: 350ms; transition-timing-function: ease-in-out; }
.statevis circle.future { stroke: grey; stroke-dasharray: 7, 5; }
.statevis circle.entered { stroke: black; fill: lightgreen; }
.statevis circle.entered::after { content: "Entered"; }
.statevis circle.active { fill: green; stroke: black; }
.statevis circle.collapsed { stroke-dasharray: 2, 2; }
.statevis text { font-family: sans-serif; }
.statevis .link { fill: none; stroke: rgb(204, 204, 204); }
.statevis text.label { fill: grey; alignment-baseline: middle; }
.draggable { cursor: move; }
/*
.uirTranVis_history is the breadcrumbs and transition details block.
It fills the footer of the screen, and scrolls horizontally.
Mouse clicks should pass through to the elements underneath.
*/
.uirTranVis_history {
display: flex;
align-items: flex-end;
position: fixed;
left: 0;
bottom: 0;
right: 0;
padding: 0 16px;
overflow-x: scroll;
z-index: 50;
/* disable mouse clicks, hover, etc, for the overall div */
pointer-events: none;
}
.uirTranVis_history > * {
/* Enable mouse for any sub-elements (the breadcrumb elemetns and detail elements) */
pointer-events: all;
flex: 0 0 auto;
}
/* workaround for modal screen, and chrome and safari not allowing it to be
visible outside the .uirTranVis_history overflow while the .uirTranVis_history div is scrolled */
.fullScreen .uirTranVis_history {
top: 0;
}
/* A single history entry (breadcrumb) arrow looking thing */
.uirTranVis_history .uirTranVis_historyEntry {
position: relative;
text-align: center;
padding: 12px 30px;
margin-bottom: 6px;
margin-right: 6px;
color: #000;
cursor: pointer;
}
/* History entry arrow CSS */
.uirTranVis_history .uirTranVis_historyEntry:before,.uirTranVis_historyEntry:after {
content: '';
position: absolute;
background: darkgrey;
left: 0;
height: 50.2%; /* +0.2% so firefox doesn't render a white line down the center */
width: 100%;
border: 1px solid black;
box-sizing: border-box;
z-index: -1;
}
.uirTranVis_history .uirTranVis_historyEntry:before {
top: 0;
border-bottom: 0;
-webkit-transform: skew(40deg, 0deg);
-ms-transform: skew(40deg, 0deg);
transform: skew(40deg, 0deg);
}
.uirTranVis_history .uirTranVis_historyEntry:after {
bottom: 0;
border-top: 0;
-webkit-transform: skew(-40deg, 0deg);
-ms-transform: skew(-40deg, 0deg);
transform: skew(-40deg, 0deg);
}
/*.uirTranVis_historyEntry::before height: 51% (|| ::after) */
/* Styling for breadcrumb contents */
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary {
color: white;
white-space: nowrap;
font-size: small;
}
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_transId {
position: absolute;
top: 3px;
left: 10px;
font-size: smaller;
}
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_status {
position: absolute;
bottom: 3px;
left: 10px;
font-size: smaller;
}
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_transName {
font-weight: bold;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center
}
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_transName span {
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
}
.uirTranVis_transSummary {
margin: 8px 0;
}
.uirTranVis_transSummary .uirTranVis_summaryHeading {
background-color: #f5f5f5;
margin: 8px -16px;
padding: 4px 16px;
}
.uirTranVis_transSummary .uirTranVis_summaryData {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
}
.uirTranVis_transSummary .uirTranVis_summaryData span {
min-width: 60px;
text-align: right;
padding-right: 6px;
}
.uirTranVis_transSummary .uirTranVis_summaryData strong {
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
}
.uirTranVis_history .uirTranVis_code {
padding: 0px 2px;
color: black;
background: #e6e6e6;
margin: 0;
font-family: monospace;
}
/* breadcrumb/history entry color coding */
.uirTranVis_history .uirTranVis_historyEntry:before,.uirTranVis_historyEntry:after {
background: #737373;
}
.uirTranVis_history .uirTranVis_historyEntry:hover:before,.uirTranVis_historyEntry:hover:after {
background: #a6a6a6;
}
.uirTranVis_history .uirTranVis_historyEntry.success:before,.uirTranVis_historyEntry.success:after {
background: #45803b;
}
.uirTranVis_history .uirTranVis_historyEntry.success:hover:before,.uirTranVis_historyEntry.success:hover:after {
background: #19a600;
}
.uirTranVis_history .uirTranVis_historyEntry.error:before,.uirTranVis_historyEntry.error:after {
background: #bf1f1d;
}
.uirTranVis_history .uirTranVis_historyEntry.error:hover:before,.uirTranVis_historyEntry.error:hover:after {
background: #e62622;
}
.uirTranVis_history .uirTranVis_historyEntry.ignored:before,.uirTranVis_historyEntry.ignored:after {
background: #e68b05;
}
.uirTranVis_history .uirTranVis_historyEntry.ignored:hover:before,.uirTranVis_historyEntry.ignored:hover:after {
background: #ff9808;
}
.uirTranVis_history .uirTranVis_historyEntry.redirected:before,.uirTranVis_historyEntry.redirected:after {
background: #e68b05;
}
.uirTranVis_history .uirTranVis_historyEntry.redirected:hover:before,.uirTranVis_historyEntry.redirected:hover:after {
background: #ff9808;
}
.uirTranVis_history .uirTranVis_keyValue {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: baseline;
}
.uirTranVis_history .uirTranVis_keyValue + .uirTranVis_keyValue {
margin-top: 3px;
}
/* The transition detail popover (when hovering over a breadcrumb) */
.uirTranVis_transitionDetail {
border: 1px solid lightgrey;
font-size: small;
transition: box-shadow 0.5s ease, border 1.0s ease
}
/* Pointer element points from the uirTranVis_transitionDetail to the breadcrumb */
.uirTranVis_transitionDetail .uirTranVis_downArrow {
position: relative;
width: 100%;
bottom: -10px;
margin-bottom: 10px;
}
.uirTranVis_transitionDetail .uirTranVis_downArrow:before, .uirTranVis_transitionDetail .uirTranVis_downArrow:after {
content: "";
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: 100%;
left: 50%;
margin-left: -10px;
}
.uirTranVis_transitionDetail .uirTranVis_downArrow:before {
border-top: 10px solid lightgray;
}
.uirTranVis_transitionDetail .uirTranVis_downArrow:after{
border-top: 10px solid white;
margin-top: -1px;
z-index: 1;
}
/* The layout and styling of the transition detail popover */
/*.uirTranVis_transitionDetail .panel-heading {*/
/*text-align: center;*/
/*}*/
.uirTranVis_transitionDetail table {
border-collapse: collapse;
}
.uirTranVis_transitionDetail th {
text-align: center;
font-size: small;
}
.uirTranVis_transitionDetail .uirTranVis_heading {
display: flex;
flex-flow: row-reverse nowrap;
justify-content: space-between;
align-items: baseline;
}
.uirTranVis_transitionDetail .uirTranVis_heading > * {
flex: 0 1 auto;
}
.uirTranVis_transitionDetail .uirTranVis_heading > * i {
transition: all 0.5s ease;
}
.uirTranVis_transitionDetail table.uirTranVis_paths {
width: 100%;
}
.uirTranVis_transitionDetail table.uirTranVis_paths td {
color: white;
border: 0;
font-size: small;
}
.uirTranVis_transitionDetail .uirTranVis_transSummary .uirTranVis_keyValue > div:nth-child(2){
padding-left: 8px;
font-weight: normal;
}
.uirTranVis_transitionDetail td {
padding: 0;
}
.uirTranVis_transitionDetail td .flowArrowCell {
display: flex;
flex-flow: column nowrap;
align-items: stretch;
justify-content: space-between;
width: 12px;
transition: width 0.25s ease;
height: auto;
flex: 0 0 auto;
}
.uirTranVis_transitionDetail.expand td .flowArrowCell { width: 24px; }
.uirTranVis_transitionDetail .exit .flowArrowSvg { right: 0; }
.uirTranVis_transitionDetail .enter .flowArrowSvg { left: 0; }
.uirTranVis_transitionDetail .flowArrowSvg.bottom { bottom: 0 }
.uirTranVis_transitionDetail .flowArrowSvg.top { top: 0 }
.uirTranVis_transitionDetail .flowArrowSvg {
position: absolute;
width: 100%;
height: auto;
transition: width 0.25s ease;
}
/* color code path elements by retained/exited/entered */
.uirTranVis_transitionDetail .retain {
background-color: #737273;
}
.uirTranVis_transitionDetail .exit {
background-color: #7c1010;
}
.uirTranVis_transitionDetail .enter {
background-color: #31592a;
}
.uirTranVis_transitionDetail .uirTranVis_deemphasize {
color: #eaeaea;
font-size: x-small;
}
/* Styling for parameter values and resolve values */
.uirTranVis_transitionDetail .params {
background-color: rgba(255,255,255,0.15);
padding: 0;
opacity: 0;
overflow: hidden;
transition: opacity 1s ease;
max-height: 0;
}
.uirTranVis_transitionDetail.expand .params {
display: block;
border-radius: 4px;
box-shadow: 1px 1px 2px black;
padding: 8px;
max-height: 250px;
overflow-y: auto;
opacity: 1;
margin: 8px 0;
}
.uirTranVis_transitionDetail.pin {
box-shadow: 4px 4px 12px rgba(0,0,0,0.3);
border: 1px solid black;
}
.uirTranVis_transitionDetail.pin .uirTranVis_downArrow:before {
border-top-color: black;
}
/* When showing expanded details, put space between path elements */
.uirTranVis_transitionDetail.expand table.uirTranVis_paths td {
max-height: 100px;
vertical-align: top;
}
.uirTranVis_transitionDetail .uirTranVis_Row {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: stretch;
min-width: 400px;
}
.uirTranVis_transitionDetail .uirTranVis_Row > div {
flex: 1 0 50%;
min-width: 0;
}
.uirTranVis_transitionDetail .uirTranVis_nodeContent {
display: flex;
flex-flow: row nowrap;
min-height: 16px;
transition: min-height 0.25s ease;
}
.uirTranVis_transitionDetail.expand .uirTranVis_nodeContent {
height: 100%;
min-height: 65px;
}
.uirTranVis_transitionDetail .uirTranVis_nodeDetail {
flex: 1 1 auto;
padding: 3px 7px;
min-width: 0;
}
.uirTranVis_transitionDetail .uirTranVis_stateName {
font-weight: bolder;
margin-right: 16px;
margin-left: 0;
}
.uirTranVis_transitionDetail .enter .uirTranVis_stateName {
margin-right: 0;
margin-left: 16px;
}
.uirTranVis_transitionDetail .uirTranVis_nowrap {
white-space: nowrap;
}
.uirTranVis_history .uirTranVis_paramsLabel,
.uirTranVis_history .uirTranVis_resolveLabel {
color: white;
margin-top: -8px;
text-align: center;
font-weight: bold;
}
span.link {
cursor: pointer;
text-decoration: underline;
}
.uirTranVis_tooltipRight {
display: inline;
position: relative;
transition: all 1.5s ease;
}
.uirTranVis_tooltipRight:after {
color: rgba(0,0,0,0);
text-decoration: none;
transition: all 1.5s ease;
}
.uirTranVis_tooltipRight:hover:after {
bottom: 0;
color: rgba(0,0,0,0.5);
content: attr(title);
display: block;
position: absolute;
white-space: nowrap;
font-size: smaller;
}
/* Bootstrap stuff */
.uirTranVis_modal .uirTranVis_btnPrimary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.uirTranVis_modal .uirTranVis_btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.uirTranVis_modal .uirTranVis_btnXs, .uirTranVis_btnGroupXs > .uirTranVis_btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.uirTranVis_transition {
max-width: 550px;
}
.uirTranVis_transitionDetail span.link {
color: white;
}
.uirTranVis_history *:not(.fa):not(pre):not(.uirTranVis_code) {
font-family: Arial, Helvetica, sans-serif;
}
.uirTranVis_transitionDetail .enter .uirTranVis_heading {
flex-flow: row nowrap;
}
.uirTranVis_transitionDetail .uirTranVis_heading {
display: flex;
flex-flow: row-reverse nowrap;
justify-content: space-between;
align-items: baseline;
}
.uirTranVis_transitionDetail .retain .uirTranVis_heading {
justify-content: center;
}
.uirTranVis_panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid lightgrey;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.uirTranVis_panelHeading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
padding: 10px 16px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.uirTranVis_panelTitle {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.uirTranVis_panelBody {
padding: 0 16px;
}
/* Styles go here */
.uir-fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.uir-fade.in {
opacity: 1;
}
.uirTranVis_modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.uirTranVis_modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.uirTranVis_modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: block;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.uirTranVis_modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.uirTranVis_modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.uirTranVis_modal-header {
padding: 16px;
border-bottom: 1px solid #e5e5e5;
}
.uir-resolve-header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
background-color: cornflowerblue;
}
.uirTranVis_modalBody {
color: black;
position: relative;
padding: 16px;
}
.uirTranVis_modalFooter {
padding: 16px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.uir-icon {
display: inline-block;
height: 16px; width: 16px;
margin: 4px;
background-size: cover;
background-position: 0 0;
}
.uir-spin {
animation: uirspin 2s infinite;
transform: rotate(0deg);
}
.uir-rotate-35 {
transform: rotate(35deg);
opacity: 0.5;
}
@keyframes uirspin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.uir-iconw-spinner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABCElEQVQ4ja2SMU4CYRCF34Db6RISmi04gCZacgDuYElDYcFZLLWx1c4b6BE0sbaysBEh0aCdm3w2szKQ/1cTmGSz+795897Mzm/KBGCSjv14bWbkuDmBCcuY5HitUNAGxsDQoSrwKuAAeATegVHKcexuX0AFdIELf7rAVejoranbCRpPkmpJU0kfZvYp6SQYvARu/F7pogJ2M7k94BS4BPbXkwYUSdW0WOFb+gFugVeg94/iHjADbqTlFlh7/6mzwt14hK0E0AHugbNfOOfAHVA2WLwHpaRDhdman2pmc4cGko4kdSQtUg79Rt3nnPl2CsdKoB9rYgcys+dwrCU9eEe15xdJ503iGzoj4fOiDj0FAAAAAElFTkSuQmCC); }
.uir-iconw-check { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAc0lEQVQ4jeXQuwmAQBCE4SvEOwOtwjK0KEEQDOzORyD28Rt4wnLoPYwEJ935Jlil/hUgB0agfItXzuyAScFG4Cu1WyqAAdARuHOxBjZ7nIFM4MWLbbFxShNQRWEx0uJPH/Osp5Ew9ozE45uRdCxGdLj1hRzpQwNP2Cwv6wAAAABJRU5ErkJggg==); }
.uir-iconw-circle-o { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAzElEQVQ4jaWTPQ7CMAyFnzkL7IUNRtoDlPugSkxciwlWFrr0CHCGfgw4qGrTFBVLUST7+fnnJdKfZjEnYJLWkpbuaiTdzYxJRuAA1AytBsqp5BPQesIFOPu5uK8FqlTlFngCeSSeAy/HlP2gddreJzrMHfPwPX0Dm9B2csYPNoyTSdLC/WHb1ykCSTe/V12C2RYIGr93P+RsezmDJQ4U6OCK6BI9GGR8jchYjMrYAVU/PKRjckCg9Bb79ohVjn4mJ8rkUklqzOyerDzX3pD9HgkYdWTVAAAAAElFTkSuQmCC); }
.uir-iconw-share { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA0UlEQVQ4jb2SvQ4BQRSFz/WXSESF0G6j8g7iAXQa4QE0ai+ip9ZIRDTeQUGjUJJ4BUs+hdlkbVixEqeZyZ05352ZM9K/BCyAzi+AA3AFuuF65s3mvKSqpLKkoivnJaUlTQHfzGZRUw4YAGvgQrz8p+sAFWDzwfQK0gwAyy/NAEfAE+AlNNeD7r3IscZAC6gB2UgKz2aXQsnNb5LaZraKSfMkqWVm+/AD9h15HmMUMAp3Di80HGAYB3inlJltJe0knRMB3DjR45clE1AAvMSAX3QHLbpPOaoNWa0AAAAASUVORK5CYII=); }
.uir-iconw-close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAlElEQVQ4jd3QMQqDQBhEYU8kpBZio41pTBov5B31IEFEhC+NkkU2a7pABrYZeI+dP8v+L7ggj/Q5LmdwgxkT6qCvt25GkxKM3pk2cIf3jClBi+UgCeEF7dmM2/bVYxbck3Ag6SOC/lv4imdEMKE6g6vI5uNNPkswHODH9kLJkBJ0WHc46HfJiu5sRoki0hcok/BP8gJcS0AygPBo+gAAAABJRU5ErkJggg==); }
.uir-icon-thumb-tack { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAArElEQVQ4jbXSPQ5BQRiF4cdfZQWXpdgBW1LZjaugsgoqDdFfKpVEQ2huMcb9E3GSU8yXM2/OZD5+VKtglmCMTjR/YI1THTTFs8TzJq0myHDBLbic5c0aKc29CQBpUbDdlFimvwJ6ub9SHyvcff7AHcs8U6pZwcXYs6onjBq0fMvEm5hgEJwXOGAazDLBNnYjwMn7qu5wxLasTgyItce5KlAHOOBak6lUgmFV4AV5rTJf7ROKuAAAAABJRU5ErkJggg==); }
.uir-icon-toggle-on { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAApUlEQVQ4jcXSPQrCQBQE4E9B8Rg2gmW0UvEyegQP41XsDWirheDPIbQRtBAtTEACu4opMrDFsjPvvZl9VI1a4d5BF60A/4Y9TsWHPtZ4Bs4DG6Q4Y4VeLh7hGhEv0P5o1sQsKzSQjRMSL9EI2JngKCJ+YhwQ885vFytwRz1SAObfCD+htIVYiKlwiFMcYKjkN0LivRyxRdpmE10ybpL7+MTfq1wdXiIXWWLHZLTUAAAAAElFTkSuQmCC); }
.uir-icon-toggle-off { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA4UlEQVQ4jcXSsUoDURAF0JPFDWmsrOxshBQKwcqI+Re3ttLCT/AP9FsEI2gW0wqSJUEb/YKk0ybEYp+wbHbXwiIXXvFm7p2Zd+exabRK93100anhf2OG93KBI9wE8QTbOESEZ3wFXgcHmOIcL3CCOS7QLnTbwx0eEBfibVwGzbEwTlIzcowRripyCd4gs+5FEaf4rIi3kEV4xKqhwBi72CnFV3iKGoTFTo346wkDfNQUziK5q2c14hjXuK3IJdiCvuY1Dn+JAWtrhJ7crAVSvGIpNyrFfThp4IyD5v9fefP4AeEQL7aw+eK/AAAAAElFTkSuQmCC); }
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9jdGhpZWxlbi9wcm9qZWN0cy91aXJvdXRlci92aXN1YWxpemVyL3NyYy90cmFuc2l0aW9uL3RyYW5zaXRpb25WaXN1YWxpemVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztDQUlDOztBQUVEO0lBQ0ksYUFBYTtJQUNiLHFCQUFxQjtJQUNyQixlQUFlO0lBQ2YsT0FBTztJQUNQLFNBQVM7SUFDVCxRQUFRO0lBQ1IsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsMERBQTBEO0lBQzFELG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLG9GQUFvRjtJQUNwRixtQkFBbUI7SUFDbkIsY0FBYztBQUNsQjs7QUFFQTtvR0FDb0c7QUFDcEc7SUFDSSxNQUFNO0FBQ1Y7O0FBRUEsNERBQTREO0FBQzVEO0lBQ0ksa0JBQWtCO0lBQ2xCLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsa0JBQWtCO0lBQ2xCLGlCQUFpQjtJQUNqQixXQUFXO0lBQ1gsZUFBZTtBQUNuQjs7O0FBR0EsNEJBQTRCO0FBQzVCO0lBQ0ksV0FBVztJQUNYLGtCQUFrQjtJQUNsQixvQkFBb0I7SUFDcEIsT0FBTztJQUNQLGFBQWEsRUFBRSxpRUFBaUU7SUFDaEYsV0FBVztJQUNYLHVCQUF1QjtJQUN2QixzQkFBc0I7SUFDdEIsV0FBVztBQUNmOztBQUVBO0lBQ0ksTUFBTTtJQUNOLGdCQUFnQjtJQUNoQixvQ0FBb0M7SUFDcEMsZ0NBQWdDO0lBQ2hDLDRCQUE0QjtBQUNoQzs7QUFFQTtJQUNJLFNBQVM7SUFDVCxhQUFhO0lBQ2IscUNBQXFDO0lBQ3JDLGlDQUFpQztJQUNqQyw2QkFBNkI7QUFDakM7O0FBRUEsNkRBQTZEOztBQUU3RCxvQ0FBb0M7QUFDcEM7SUFDSSxZQUFZO0lBQ1osbUJBQW1CO0lBQ25CLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0ksa0JBQWtCO0lBQ2xCLFFBQVE7SUFDUixVQUFVO0lBQ1Ysa0JBQWtCO0FBQ3RCO0FBQ0E7SUFDSSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFVBQVU7SUFDVixrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLGlCQUFpQjtJQUNqQixhQUFhO0lBQ2IscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQjtBQUNKO0FBQ0E7SUFDSSxnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSx5QkFBeUI7SUFDekIsaUJBQWlCO0lBQ2pCLGlCQUFpQjtBQUNyQjtBQUNBO0lBQ0ksYUFBYTtJQUNiLHFCQUFxQjtJQUNyQixxQkFBcUI7QUFDekI7QUFDQTtJQUNJLGVBQWU7SUFDZixpQkFBaUI7SUFDakIsa0JBQWtCO0FBQ3RCO0FBQ0E7SUFDSSxnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixTQUFTO0lBQ1Qsc0JBQXNCO0FBQzFCOztBQUVBLDBDQUEwQztBQUMxQztJQUNJLG1CQUFtQjtBQUN2QjtBQUNBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCO0FBQ0E7SUFDSSxtQkFBbUI7QUFDdkI7OztBQUdBO0lBQ0ksbUJBQW1CO0FBQ3ZCO0FBQ0E7SUFDSSxtQkFBbUI7QUFDdkI7OztBQUdBO0lBQ0ksbUJBQW1CO0FBQ3ZCO0FBQ0E7SUFDSSxtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxtQkFBbUI7QUFDdkI7QUFDQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGFBQWE7SUFDYixxQkFBcUI7SUFDckIsOEJBQThCO0lBQzlCLHFCQUFxQjtBQUN6Qjs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7Ozs7O0FBS0Esb0VBQW9FO0FBQ3BFO0lBQ0ksMkJBQTJCO0lBQzNCLGdCQUFnQjtJQUNoQjtBQUNKOztBQUVBLGtGQUFrRjtBQUNsRjtJQUNJLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsYUFBYTtJQUNiLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsbUNBQW1DO0lBQ25DLG9DQUFvQztJQUNwQyxTQUFTO0lBQ1QsU0FBUztJQUNULGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGdDQUFnQztBQUNwQzs7QUFFQTtJQUNJLDRCQUE0QjtJQUM1QixnQkFBZ0I7SUFDaEIsVUFBVTtBQUNkOzs7QUFHQSw0REFBNEQ7QUFDNUQsZ0RBQWdEO0lBQzVDLHNCQUFzQjtBQUMxQixJQUFJOztBQUVKO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7SUFDYiw2QkFBNkI7SUFDN0IsOEJBQThCO0lBQzlCLHFCQUFxQjtBQUN6Qjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSx5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxZQUFZO0lBQ1osU0FBUztJQUNULGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixtQkFBbUI7QUFDdkI7OztBQUdBO0lBQ0ksVUFBVTtBQUNkOztBQUVBO0lBQ0ksYUFBYTtJQUNiLHdCQUF3QjtJQUN4QixvQkFBb0I7SUFDcEIsOEJBQThCO0lBQzlCLFdBQVc7SUFDWCw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLGNBQWM7QUFDbEI7QUFDQSx3REFBd0QsV0FBVyxFQUFFOztBQUVyRSw2REFBNkQsUUFBUSxFQUFFO0FBQ3ZFLDZEQUE2RCxPQUFPLEVBQUU7QUFDdEUsNkRBQTZELFVBQVU7QUFDdkUsNkRBQTZELE9BQU87QUFDcEU7SUFDSSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFlBQVk7SUFDWiw0QkFBNEI7QUFDaEM7O0FBRUEsd0RBQXdEO0FBQ3hEO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0kseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGtCQUFrQjtBQUN0Qjs7QUFFQSxvREFBb0Q7QUFDcEQ7SUFDSSx3Q0FBd0M7SUFDeEMsVUFBVTtJQUNWLFVBQVU7SUFDVixnQkFBZ0I7SUFDaEIsMkJBQTJCO0lBQzNCLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLDZCQUE2QjtJQUM3QixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixVQUFVO0lBQ1YsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLHdDQUF3QztJQUN4Qyx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSx1QkFBdUI7QUFDM0I7OztBQUdBLG1FQUFtRTtBQUNuRTtJQUNJLGlCQUFpQjtJQUNqQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxhQUFhO0lBQ2IscUJBQXFCO0lBQ3JCLDhCQUE4QjtJQUM5QixvQkFBb0I7SUFDcEIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxhQUFhO0lBQ2IscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQixpQ0FBaUM7QUFDckM7O0FBRUE7SUFDSSxZQUFZO0lBQ1osZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGdCQUFnQjtJQUNoQixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksbUJBQW1CO0lBQ25CLGtCQUFrQjtJQUNsQixjQUFjO0FBQ2xCO0FBQ0E7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBOztJQUVJLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCLGlCQUFpQjtBQUNyQjs7O0FBR0E7SUFDSSxlQUFlO0lBQ2YsMEJBQTBCO0FBQzlCOzs7QUFHQTtJQUNJLGVBQWU7SUFDZixrQkFBa0I7SUFDbEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxTQUFTO0lBQ1Qsc0JBQXNCO0lBQ3RCLG9CQUFvQjtJQUNwQixjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixrQkFBa0I7QUFDdEI7Ozs7QUFJQSxvQkFBb0I7O0FBRXBCO0lBQ0ksV0FBVztJQUNYLHlCQUF5QjtJQUN6QixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsbUJBQW1CO0lBQ25CLHVCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsbUJBQW1CO0lBQ25CLHNCQUFzQjtJQUN0Qiw4QkFBOEI7SUFDOUIsMEJBQTBCO0lBQzFCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsc0JBQXNCO0lBQ3RCLHFCQUFxQjtJQUNyQixpQkFBaUI7SUFDakIsc0JBQXNCO0lBQ3RCLDZCQUE2QjtJQUM3QixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxZQUFZO0FBQ2hCOztBQUVBO0lBQ0kseUNBQXlDO0FBQzdDOztBQUVBO0lBQ0kscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSxhQUFhO0lBQ2IsNkJBQTZCO0lBQzdCLDhCQUE4QjtJQUM5QixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxtQkFBbUI7SUFDbkIsc0JBQXNCO0lBQ3RCLDJCQUEyQjtJQUMzQixrQkFBa0I7SUFDbEIsZ0RBQWdEO0lBQ2hELHdDQUF3QztBQUM1Qzs7QUFFQTtJQUNJLFdBQVc7SUFDWCx5QkFBeUI7SUFDekIsa0JBQWtCOztJQUVsQixrQkFBa0I7SUFDbEIsb0NBQW9DO0lBQ3BDLDJCQUEyQjtJQUMzQiw0QkFBNEI7QUFDaEM7O0FBRUE7SUFDSSxhQUFhO0lBQ2IsZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksZUFBZTtBQUNuQjs7Ozs7O0FBTUEsbUJBQW1CO0FBQ25CO0lBQ0ksVUFBVTtJQUNWLHVDQUF1QztJQUN2QyxrQ0FBa0M7SUFDbEMsK0JBQStCO0FBQ25DOztBQUVBO0lBQ0ksVUFBVTtBQUNkOztBQUVBO0lBQ0ksZUFBZTtJQUNmLE1BQU07SUFDTixRQUFRO0lBQ1IsU0FBUztJQUNULE9BQU87SUFDUCxhQUFhO0lBQ2Isc0JBQXNCO0FBQzFCOztBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLFdBQVc7QUFDZjs7QUFFQTtJQUNJLGVBQWU7SUFDZixNQUFNO0lBQ04sUUFBUTtJQUNSLFNBQVM7SUFDVCxPQUFPO0lBQ1AsYUFBYTtJQUNiLGNBQWM7SUFDZCxnQkFBZ0I7SUFDaEIsaUNBQWlDO0lBQ2pDLFVBQVU7QUFDZDs7O0FBR0E7SUFDSSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsc0JBQXNCO0lBQ3RCLG9DQUFvQztJQUNwQyw0QkFBNEI7SUFDNUIsc0JBQXNCO0lBQ3RCLG1DQUFtQztJQUNuQyxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLCtDQUErQztJQUMvQyx1Q0FBdUM7QUFDM0M7O0FBRUE7SUFDSSxhQUFhO0lBQ2IsZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0ksYUFBYTtJQUNiLHFCQUFxQjtJQUNyQiw4QkFBOEI7SUFDOUIsZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLGlCQUFpQjtJQUNqQiw2QkFBNkI7QUFDakM7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsWUFBWSxFQUFFLFdBQVc7SUFDekIsV0FBVztJQUNYLHNCQUFzQjtJQUN0Qix3QkFBd0I7QUFDNUI7O0FBRUE7SUFDSSw4QkFBOEI7SUFDOUIsdUJBQXVCO0FBQzNCOztBQUVBO0lBQ0ksd0JBQXdCO0lBQ3hCLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxLQUFLLHVCQUF1QixFQUFFO0lBQzlCLE9BQU8seUJBQXlCLEVBQUU7QUFDdEM7OztBQUdBLDJCQUEyQiwrQ0FBc0QsRUFBRTtBQUNuRiwyQkFBMkIsK0NBQW9ELEVBQUU7QUFDakYsMkJBQTJCLCtDQUF1RCxFQUFFO0FBQ3BGLDJCQUEyQiwrQ0FBb0QsRUFBRTtBQUNqRiwyQkFBMkIsK0NBQW9ELEVBQUU7O0FBRWpGLDJCQUEyQiwrQ0FBdUQsRUFBRTtBQUNwRiwyQkFBMkIsK0NBQXNELEVBQUU7QUFDbkYsMkJBQTJCLCtDQUF1RCxFQUFFIiwiZmlsZSI6InRyYW5zaXRpb25WaXN1YWxpemVyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gICAgLnVpclRyYW5WaXNfaGlzdG9yeSBpcyB0aGUgYnJlYWRjcnVtYnMgYW5kIHRyYW5zaXRpb24gZGV0YWlscyBibG9jay5cbiAgICBJdCBmaWxscyB0aGUgZm9vdGVyIG9mIHRoZSBzY3JlZW4sIGFuZCBzY3JvbGxzIGhvcml6b250YWxseS5cbiAgICBNb3VzZSBjbGlja3Mgc2hvdWxkIHBhc3MgdGhyb3VnaCB0byB0aGUgZWxlbWVudHMgdW5kZXJuZWF0aC5cbiovXG5cbi51aXJUcmFuVmlzX2hpc3Rvcnkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBsZWZ0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgb3ZlcmZsb3cteDogc2Nyb2xsO1xuICAgIHotaW5kZXg6IDUwO1xuICAgIC8qIGRpc2FibGUgbW91c2UgY2xpY2tzLCBob3ZlciwgZXRjLCBmb3IgdGhlIG92ZXJhbGwgZGl2ICovXG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgPiAqIHtcbiAgICAvKiBFbmFibGUgbW91c2UgZm9yIGFueSBzdWItZWxlbWVudHMgKHRoZSBicmVhZGNydW1iIGVsZW1ldG5zIGFuZCBkZXRhaWwgZWxlbWVudHMpICovXG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgICBmbGV4OiAwIDAgYXV0bztcbn1cblxuLyogIHdvcmthcm91bmQgZm9yIG1vZGFsIHNjcmVlbiwgYW5kIGNocm9tZSBhbmQgc2FmYXJpIG5vdCBhbGxvd2luZyBpdCB0byBiZVxuICAgIHZpc2libGUgb3V0c2lkZSB0aGUgLnVpclRyYW5WaXNfaGlzdG9yeSBvdmVyZmxvdyB3aGlsZSB0aGUgLnVpclRyYW5WaXNfaGlzdG9yeSBkaXYgaXMgc2Nyb2xsZWQgKi9cbi5mdWxsU2NyZWVuIC51aXJUcmFuVmlzX2hpc3Rvcnkge1xuICAgIHRvcDogMDtcbn1cblxuLyogQSBzaW5nbGUgaGlzdG9yeSBlbnRyeSAoYnJlYWRjcnVtYikgYXJyb3cgbG9va2luZyB0aGluZyAqL1xuLnVpclRyYW5WaXNfaGlzdG9yeSAudWlyVHJhblZpc19oaXN0b3J5RW50cnkge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMTJweCAzMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDZweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDZweDtcbiAgICBjb2xvcjogIzAwMDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cblxuLyogSGlzdG9yeSBlbnRyeSBhcnJvdyBDU1MgKi9cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5OmJlZm9yZSwudWlyVHJhblZpc19oaXN0b3J5RW50cnk6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiBkYXJrZ3JleTtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogNTAuMiU7IC8qICswLjIlIHNvIGZpcmVmb3ggZG9lc24ndCByZW5kZXIgYSB3aGl0ZSBsaW5lIGRvd24gdGhlIGNlbnRlciAqL1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgei1pbmRleDogLTE7XG59XG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5OmJlZm9yZSB7XG4gICAgdG9wOiAwO1xuICAgIGJvcmRlci1ib3R0b206IDA7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHNrZXcoNDBkZWcsIDBkZWcpO1xuICAgIC1tcy10cmFuc2Zvcm06IHNrZXcoNDBkZWcsIDBkZWcpO1xuICAgIHRyYW5zZm9ybTogc2tldyg0MGRlZywgMGRlZyk7XG59XG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5OmFmdGVyIHtcbiAgICBib3R0b206IDA7XG4gICAgYm9yZGVyLXRvcDogMDtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2tldygtNDBkZWcsIDBkZWcpO1xuICAgIC1tcy10cmFuc2Zvcm06IHNrZXcoLTQwZGVnLCAwZGVnKTtcbiAgICB0cmFuc2Zvcm06IHNrZXcoLTQwZGVnLCAwZGVnKTtcbn1cblxuLyoudWlyVHJhblZpc19oaXN0b3J5RW50cnk6OmJlZm9yZSBoZWlnaHQ6IDUxJSAofHwgOjphZnRlcikgKi9cblxuLyogU3R5bGluZyBmb3IgYnJlYWRjcnVtYiBjb250ZW50cyAqL1xuLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5IC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeVN1bW1hcnkge1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGZvbnQtc2l6ZTogc21hbGw7XG59XG4udWlyVHJhblZpc19oaXN0b3J5RW50cnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5U3VtbWFyeSAudWlyVHJhblZpc190cmFuc0lkIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAzcHg7XG4gICAgbGVmdDogMTBweDtcbiAgICBmb250LXNpemU6IHNtYWxsZXI7XG59XG4udWlyVHJhblZpc19oaXN0b3J5RW50cnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5U3VtbWFyeSAudWlyVHJhblZpc19zdGF0dXMge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDNweDtcbiAgICBsZWZ0OiAxMHB4O1xuICAgIGZvbnQtc2l6ZTogc21hbGxlcjtcbn1cbi51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeSAudWlyVHJhblZpc19oaXN0b3J5RW50cnlTdW1tYXJ5IC51aXJUcmFuVmlzX3RyYW5zTmFtZSB7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlclxufVxuLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5IC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeVN1bW1hcnkgLnVpclRyYW5WaXNfdHJhbnNOYW1lIHNwYW4ge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgZGlyZWN0aW9uOiBydGw7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zU3VtbWFyeSB7XG4gICAgbWFyZ2luOiA4cHggMDtcbn1cbi51aXJUcmFuVmlzX3RyYW5zU3VtbWFyeSAudWlyVHJhblZpc19zdW1tYXJ5SGVhZGluZyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcbiAgICBtYXJnaW46IDhweCAtMTZweDtcbiAgICBwYWRkaW5nOiA0cHggMTZweDtcbn1cbi51aXJUcmFuVmlzX3RyYW5zU3VtbWFyeSAudWlyVHJhblZpc19zdW1tYXJ5RGF0YSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xufVxuLnVpclRyYW5WaXNfdHJhbnNTdW1tYXJ5IC51aXJUcmFuVmlzX3N1bW1hcnlEYXRhIHNwYW4ge1xuICAgIG1pbi13aWR0aDogNjBweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBwYWRkaW5nLXJpZ2h0OiA2cHg7XG59XG4udWlyVHJhblZpc190cmFuc1N1bW1hcnkgLnVpclRyYW5WaXNfc3VtbWFyeURhdGEgc3Ryb25nIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIGRpcmVjdGlvbjogcnRsO1xufVxuXG4udWlyVHJhblZpc19oaXN0b3J5IC51aXJUcmFuVmlzX2NvZGUge1xuICAgIHBhZGRpbmc6IDBweCAycHg7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIGJhY2tncm91bmQ6ICNlNmU2ZTY7XG4gICAgbWFyZ2luOiAwO1xuICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG59XG5cbi8qIGJyZWFkY3J1bWIvaGlzdG9yeSBlbnRyeSBjb2xvciBjb2RpbmcgKi9cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5OmJlZm9yZSwudWlyVHJhblZpc19oaXN0b3J5RW50cnk6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6ICM3MzczNzM7XG59XG4udWlyVHJhblZpc19oaXN0b3J5IC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeTpob3ZlcjpiZWZvcmUsLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5OmhvdmVyOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiAjYTZhNmE2O1xufVxuXG4udWlyVHJhblZpc19oaXN0b3J5IC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeS5zdWNjZXNzOmJlZm9yZSwudWlyVHJhblZpc19oaXN0b3J5RW50cnkuc3VjY2VzczphZnRlciB7XG4gICAgYmFja2dyb3VuZDogIzQ1ODAzYjtcbn1cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5LnN1Y2Nlc3M6aG92ZXI6YmVmb3JlLC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeS5zdWNjZXNzOmhvdmVyOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiAjMTlhNjAwO1xufVxuXG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5LmVycm9yOmJlZm9yZSwudWlyVHJhblZpc19oaXN0b3J5RW50cnkuZXJyb3I6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6ICNiZjFmMWQ7XG59XG4udWlyVHJhblZpc19oaXN0b3J5IC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeS5lcnJvcjpob3ZlcjpiZWZvcmUsLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5LmVycm9yOmhvdmVyOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiAjZTYyNjIyO1xufVxuXG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5Lmlnbm9yZWQ6YmVmb3JlLC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeS5pZ25vcmVkOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiAjZTY4YjA1O1xufVxuLnVpclRyYW5WaXNfaGlzdG9yeSAudWlyVHJhblZpc19oaXN0b3J5RW50cnkuaWdub3JlZDpob3ZlcjpiZWZvcmUsLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5Lmlnbm9yZWQ6aG92ZXI6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6ICNmZjk4MDg7XG59XG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5LnJlZGlyZWN0ZWQ6YmVmb3JlLC51aXJUcmFuVmlzX2hpc3RvcnlFbnRyeS5yZWRpcmVjdGVkOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiAjZTY4YjA1O1xufVxuLnVpclRyYW5WaXNfaGlzdG9yeSAudWlyVHJhblZpc19oaXN0b3J5RW50cnkucmVkaXJlY3RlZDpob3ZlcjpiZWZvcmUsLnVpclRyYW5WaXNfaGlzdG9yeUVudHJ5LnJlZGlyZWN0ZWQ6aG92ZXI6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6ICNmZjk4MDg7XG59XG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfa2V5VmFsdWUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgbm93cmFwO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG59XG5cbi51aXJUcmFuVmlzX2hpc3RvcnkgLnVpclRyYW5WaXNfa2V5VmFsdWUgKyAudWlyVHJhblZpc19rZXlWYWx1ZSB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xufVxuXG5cblxuXG4vKiBUaGUgdHJhbnNpdGlvbiBkZXRhaWwgcG9wb3ZlciAod2hlbiBob3ZlcmluZyBvdmVyIGEgYnJlYWRjcnVtYikgKi9cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIGxpZ2h0Z3JleTtcbiAgICBmb250LXNpemU6IHNtYWxsO1xuICAgIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMC41cyBlYXNlLCAgYm9yZGVyIDEuMHMgZWFzZVxufVxuXG4vKiBQb2ludGVyIGVsZW1lbnQgcG9pbnRzIGZyb20gdGhlIHVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCB0byB0aGUgYnJlYWRjcnVtYiAqL1xuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19kb3duQXJyb3cge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3R0b206IC0xMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnVpclRyYW5WaXNfZG93bkFycm93OmJlZm9yZSwgLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19kb3duQXJyb3c6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1sZWZ0OiAxMHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yaWdodDogMTBweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICB0b3A6IDEwMCU7XG4gICAgbGVmdDogNTAlO1xuICAgIG1hcmdpbi1sZWZ0OiAtMTBweDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19kb3duQXJyb3c6YmVmb3JlIHtcbiAgICBib3JkZXItdG9wOiAxMHB4IHNvbGlkIGxpZ2h0Z3JheTtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19kb3duQXJyb3c6YWZ0ZXJ7XG4gICAgYm9yZGVyLXRvcDogMTBweCBzb2xpZCB3aGl0ZTtcbiAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgIHotaW5kZXg6IDE7XG59XG5cblxuLyogVGhlIGxheW91dCBhbmQgc3R5bGluZyBvZiB0aGUgdHJhbnNpdGlvbiBkZXRhaWwgcG9wb3ZlciAqL1xuLyoudWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIC5wYW5lbC1oZWFkaW5nIHsqL1xuICAgIC8qdGV4dC1hbGlnbjogY2VudGVyOyovXG4vKn0qL1xuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIHRhYmxlIHtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xufVxuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIHRoIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgZm9udC1zaXplOiBzbWFsbDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19oZWFkaW5nIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZmxvdzogcm93LXJldmVyc2Ugbm93cmFwO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnVpclRyYW5WaXNfaGVhZGluZyA+ICogIHtcbiAgICBmbGV4OiAwIDEgYXV0bztcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19oZWFkaW5nID4gKiBpIHtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC41cyBlYXNlO1xufVxuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIHRhYmxlLnVpclRyYW5WaXNfcGF0aHMge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIHRhYmxlLnVpclRyYW5WaXNfcGF0aHMgdGQge1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBib3JkZXI6IDA7XG4gICAgZm9udC1zaXplOiBzbWFsbDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc190cmFuc1N1bW1hcnkgLnVpclRyYW5WaXNfa2V5VmFsdWUgPiBkaXY6bnRoLWNoaWxkKDIpe1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG59XG5cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCB0ZCB7XG4gICAgcGFkZGluZzogMDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCB0ZCAuZmxvd0Fycm93Q2VsbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IGNvbHVtbiBub3dyYXA7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHdpZHRoOiAxMnB4O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMjVzIGVhc2U7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIGZsZXg6IDAgMCBhdXRvO1xufVxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbC5leHBhbmQgdGQgLmZsb3dBcnJvd0NlbGwgeyB3aWR0aDogMjRweDsgfVxuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIC5leGl0ICAuZmxvd0Fycm93U3ZnICAgICAgICAgIHsgcmlnaHQ6IDA7IH1cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLmVudGVyIC5mbG93QXJyb3dTdmcgICAgICAgICAgeyBsZWZ0OiAwOyB9XG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsICAgICAgICAuZmxvd0Fycm93U3ZnLmJvdHRvbSAgIHsgYm90dG9tOiAwIH1cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgICAgICAgIC5mbG93QXJyb3dTdmcudG9wICAgICAgeyB0b3A6IDAgfVxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAgICAgICAgLmZsb3dBcnJvd1N2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogYXV0bztcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjI1cyBlYXNlO1xufVxuXG4vKiBjb2xvciBjb2RlIHBhdGggZWxlbWVudHMgYnkgcmV0YWluZWQvZXhpdGVkL2VudGVyZWQgKi9cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnJldGFpbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzczNzI3Mztcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAuZXhpdCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzdjMTAxMDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAuZW50ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMzMTU5MmE7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnVpclRyYW5WaXNfZGVlbXBoYXNpemUge1xuICAgIGNvbG9yOiAjZWFlYWVhO1xuICAgIGZvbnQtc2l6ZTogeC1zbWFsbDtcbn1cblxuLyogU3R5bGluZyBmb3IgcGFyYW1ldGVyIHZhbHVlcyBhbmQgcmVzb2x2ZSB2YWx1ZXMgKi9cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnBhcmFtcyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsMjU1LDI1NSwwLjE1KTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDFzIGVhc2U7XG4gICAgbWF4LWhlaWdodDogMDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbC5leHBhbmQgLnBhcmFtcyB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIGJveC1zaGFkb3c6IDFweCAxcHggMnB4IGJsYWNrO1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtYXgtaGVpZ2h0OiAyNTBweDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgbWFyZ2luOiA4cHggMDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbC5waW4ge1xuICAgIGJveC1zaGFkb3c6IDRweCA0cHggMTJweCByZ2JhKDAsMCwwLDAuMyk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwucGluIC51aXJUcmFuVmlzX2Rvd25BcnJvdzpiZWZvcmUge1xuICAgIGJvcmRlci10b3AtY29sb3I6IGJsYWNrO1xufVxuXG5cbi8qIFdoZW4gc2hvd2luZyBleHBhbmRlZCBkZXRhaWxzLCBwdXQgc3BhY2UgYmV0d2VlbiBwYXRoIGVsZW1lbnRzICovXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsLmV4cGFuZCB0YWJsZS51aXJUcmFuVmlzX3BhdGhzIHRkIHtcbiAgICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIC51aXJUcmFuVmlzX1JvdyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgIG1pbi13aWR0aDogNDAwcHg7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnVpclRyYW5WaXNfUm93ID4gZGl2IHtcbiAgICBmbGV4OiAxIDAgNTAlO1xuICAgIG1pbi13aWR0aDogMDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19ub2RlQ29udGVudCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XG4gICAgbWluLWhlaWdodDogMTZweDtcbiAgICB0cmFuc2l0aW9uOiBtaW4taGVpZ2h0IDAuMjVzIGVhc2U7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwuZXhwYW5kIC51aXJUcmFuVmlzX25vZGVDb250ZW50IHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWluLWhlaWdodDogNjVweDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19ub2RlRGV0YWlsIHtcbiAgICBmbGV4OiAxIDEgYXV0bztcbiAgICBwYWRkaW5nOiAzcHggN3B4O1xuICAgIG1pbi13aWR0aDogMDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAudWlyVHJhblZpc19zdGF0ZU5hbWUge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAwO1xufVxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCAuZW50ZXIgLnVpclRyYW5WaXNfc3RhdGVOYW1lIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnVpclRyYW5WaXNfbm93cmFwIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4udWlyVHJhblZpc19oaXN0b3J5IC51aXJUcmFuVmlzX3BhcmFtc0xhYmVsLFxuLnVpclRyYW5WaXNfaGlzdG9yeSAudWlyVHJhblZpc19yZXNvbHZlTGFiZWwge1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBtYXJnaW4tdG9wOiAtOHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuXG5zcGFuLmxpbmsge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuXG4udWlyVHJhblZpc190b29sdGlwUmlnaHQge1xuICAgIGRpc3BsYXk6IGlubGluZTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDEuNXMgZWFzZTtcbn1cblxuLnVpclRyYW5WaXNfdG9vbHRpcFJpZ2h0OmFmdGVyIHtcbiAgICBjb2xvcjogcmdiYSgwLDAsMCwwKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDEuNXMgZWFzZTtcbn1cblxuLnVpclRyYW5WaXNfdG9vbHRpcFJpZ2h0OmhvdmVyOmFmdGVyIHtcbiAgICBib3R0b206IDA7XG4gICAgY29sb3I6IHJnYmEoMCwwLDAsMC41KTtcbiAgICBjb250ZW50OiBhdHRyKHRpdGxlKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBmb250LXNpemU6IHNtYWxsZXI7XG59XG5cblxuXG4vKiBCb290c3RyYXAgc3R1ZmYgKi9cblxuLnVpclRyYW5WaXNfbW9kYWwgLnVpclRyYW5WaXNfYnRuUHJpbWFyeSB7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzMzN2FiNztcbiAgICBib3JkZXItY29sb3I6ICMyZTZkYTQ7XG59XG5cbi51aXJUcmFuVmlzX21vZGFsIC51aXJUcmFuVmlzX2J0biB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHBhZGRpbmc6IDZweCAxMnB4O1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDI4NTcxNDM7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAtbXMtdG91Y2gtYWN0aW9uOiBtYW5pcHVsYXRpb247XG4gICAgdG91Y2gtYWN0aW9uOiBtYW5pcHVsYXRpb247XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbm9uZTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG59XG5cbi51aXJUcmFuVmlzX21vZGFsIC51aXJUcmFuVmlzX2J0blhzLCAudWlyVHJhblZpc19idG5Hcm91cFhzID4gLnVpclRyYW5WaXNfYnRuIHtcbiAgICBwYWRkaW5nOiAxcHggNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMS41O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbiB7XG4gICAgbWF4LXdpZHRoOiA1NTBweDtcbn1cblxuLnVpclRyYW5WaXNfdHJhbnNpdGlvbkRldGFpbCBzcGFuLmxpbmsge1xuICAgIGNvbG9yOiB3aGl0ZTtcbn1cblxuLnVpclRyYW5WaXNfaGlzdG9yeSAqOm5vdCguZmEpOm5vdChwcmUpOm5vdCgudWlyVHJhblZpc19jb2RlKSB7XG4gICAgZm9udC1mYW1pbHk6IEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG59XG5cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLmVudGVyIC51aXJUcmFuVmlzX2hlYWRpbmcge1xuICAgIGZsZXgtZmxvdzogcm93IG5vd3JhcDtcbn1cbi51aXJUcmFuVmlzX3RyYW5zaXRpb25EZXRhaWwgLnVpclRyYW5WaXNfaGVhZGluZyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdy1yZXZlcnNlIG5vd3JhcDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xufVxuXG4udWlyVHJhblZpc190cmFuc2l0aW9uRGV0YWlsIC5yZXRhaW4gLnVpclRyYW5WaXNfaGVhZGluZyB7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi51aXJUcmFuVmlzX3BhbmVsIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmV5O1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAtd2Via2l0LWJveC1zaGFkb3c6IDAgMXB4IDFweCByZ2JhKDAsIDAsIDAsIC4wNSk7XG4gICAgYm94LXNoYWRvdzogMCAxcHggMXB4IHJnYmEoMCwgMCwgMCwgLjA1KTtcbn1cblxuLnVpclRyYW5WaXNfcGFuZWxIZWFkaW5nIHtcbiAgICBjb2xvcjogIzMzMztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xuICAgIGJvcmRlci1jb2xvcjogI2RkZDtcblxuICAgIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzcHg7XG59XG5cbi51aXJUcmFuVmlzX3BhbmVsVGl0bGUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG59XG5cbi51aXJUcmFuVmlzX3BhbmVsQm9keSB7XG4gICAgcGFkZGluZzogMCAxNnB4O1xufVxuXG5cblxuXG5cbi8qIFN0eWxlcyBnbyBoZXJlICovXG4udWlyLWZhZGUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgLXdlYmtpdC10cmFuc2l0aW9uOiBvcGFjaXR5IC4xNXMgbGluZWFyO1xuICAgIC1vLXRyYW5zaXRpb246IG9wYWNpdHkgLjE1cyBsaW5lYXI7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAuMTVzIGxpbmVhcjtcbn1cblxuLnVpci1mYWRlLmluIHtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4udWlyVHJhblZpc19tb2RhbC1iYWNrZHJvcCB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAxMDQwO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDA7XG59XG5cbi51aXJUcmFuVmlzX21vZGFsLWJhY2tkcm9wLmluIHtcbiAgICBmaWx0ZXI6IGFscGhhKG9wYWNpdHk9NTApO1xuICAgIG9wYWNpdHk6IC41O1xufVxuXG4udWlyVHJhblZpc19tb2RhbCB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAxMDUwO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIG91dGxpbmU6IDA7XG59XG5cblxuLnVpclRyYW5WaXNfbW9kYWwtZGlhbG9nIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IGF1dG87XG4gICAgbWFyZ2luOiAxMHB4O1xufVxuXG4udWlyVHJhblZpc19tb2RhbC1jb250ZW50IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAtd2Via2l0LWJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XG4gICAgYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nLWJveDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjOTk5O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgLjIpO1xuICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIC13ZWJraXQtYm94LXNoYWRvdzogMCAzcHggOXB4IHJnYmEoMCwgMCwgMCwgLjUpO1xuICAgIGJveC1zaGFkb3c6IDAgM3B4IDlweCByZ2JhKDAsIDAsIDAsIC41KTtcbn1cblxuLnVpclRyYW5WaXNfbW9kYWwtaGVhZGVyIHtcbiAgICBwYWRkaW5nOiAxNnB4O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTVlNWU1O1xufVxuXG4udWlyLXJlc29sdmUtaGVhZGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZmxvdzogcm93IG5vd3JhcDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogY29ybmZsb3dlcmJsdWU7XG59XG5cbi51aXJUcmFuVmlzX21vZGFsQm9keSB7XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAxNnB4O1xufVxuXG4udWlyVHJhblZpc19tb2RhbEZvb3RlciB7XG4gICAgcGFkZGluZzogMTZweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2U1ZTVlNTtcbn1cblxuLnVpci1pY29uIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgaGVpZ2h0OiAxNnB4OyB3aWR0aDogMTZweDtcbiAgICBtYXJnaW46IDRweDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDAgMDtcbn1cblxuLnVpci1zcGluIHtcbiAgICBhbmltYXRpb246IHVpcnNwaW4gMnMgaW5maW5pdGU7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG59XG5cbi51aXItcm90YXRlLTM1IHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNWRlZyk7XG4gICAgb3BhY2l0eTogMC41O1xufVxuXG5Aa2V5ZnJhbWVzIHVpcnNwaW4ge1xuICAgIDAlIHsgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IH1cbiAgICAxMDAlIHsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgfVxufVxuXG5cbi51aXItaWNvbnctc3Bpbm5lciAgICAgICB7IGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uLy4uL2ltYWdlcy93LzE2L3NwaW5uZXIucG5nXCIpOyB9XG4udWlyLWljb253LWNoZWNrICAgICAgICAgeyBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCIuLi8uLi9pbWFnZXMvdy8xNi9jaGVjay5wbmdcIik7IH1cbi51aXItaWNvbnctY2lyY2xlLW8gICAgICB7IGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uLy4uL2ltYWdlcy93LzE2L2NpcmNsZS1vLnBuZ1wiKTsgfVxuLnVpci1pY29udy1zaGFyZSAgICAgICAgIHsgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vLi4vaW1hZ2VzL3cvMTYvc2hhcmUucG5nXCIpOyB9XG4udWlyLWljb253LWNsb3NlICAgICAgICAgeyBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCIuLi8uLi9pbWFnZXMvdy8xNi9jbG9zZS5wbmdcIik7IH1cblxuLnVpci1pY29uLXRodW1iLXRhY2sgICAgIHsgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vLi4vaW1hZ2VzLzE2L3RodW1iLXRhY2sucG5nXCIpOyB9XG4udWlyLWljb24tdG9nZ2xlLW9uICAgICAgeyBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCIuLi8uLi9pbWFnZXMvMTYvdG9nZ2xlLW9uLnBuZ1wiKTsgfVxuLnVpci1pY29uLXRvZ2dsZS1vZmYgICAgIHsgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vLi4vaW1hZ2VzLzE2L3RvZ2dsZS1vZmYucG5nXCIpOyB9XG4iXSwic291cmNlUm9vdCI6IiJ9 */
.uirTranVis_history { display: flex; align-items: flex-end; position: fixed; left: 0px; bottom: 0px; right: 0px; padding: 0px 16px; overflow-x: scroll; z-index: 50; pointer-events: none; }
.uirTranVis_history > * { pointer-events: all; flex: 0 0 auto; }
.fullScreen .uirTranVis_history { top: 0px; }
.uirTranVis_history .uirTranVis_historyEntry { position: relative; text-align: center; padding: 12px 30px; margin-bottom: 6px; margin-right: 6px; color: rgb(0, 0, 0); cursor: pointer; }
.uirTranVis_history .uirTranVis_historyEntry::before, .uirTranVis_historyEntry::after { content: ""; position: absolute; background: darkgrey; left: 0px; height: 50.2%; width: 100%; border: 1px solid black; box-sizing: border-box; z-index: -1; }
.uirTranVis_history .uirTranVis_historyEntry::before { top: 0px; border-bottom: 0px; transform: skew(40deg, 0deg); }
.uirTranVis_history .uirTranVis_historyEntry::after { bottom: 0px; border-top: 0px; transform: skew(-40deg, 0deg); }
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary { color: white; white-space: nowrap; font-size: small; }
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_transId { position: absolute; top: 3px; left: 10px; font-size: smaller; }
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_status { position: absolute; bottom: 3px; left: 10px; font-size: smaller; }
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_transName { font-weight: bold; display: flex; flex-flow: row; align-items: center; justify-content: center; }
.uirTranVis_historyEntry .uirTranVis_historyEntrySummary .uirTranVis_transName span { overflow: hidden; text-overflow: ellipsis; direction: rtl; }
.uirTranVis_transSummary { margin: 8px 0px; }
.uirTranVis_transSummary .uirTranVis_summaryHeading { background-color: rgb(245, 245, 245); margin: 8px -16px; padding: 4px 16px; }
.uirTranVis_transSummary .uirTranVis_summaryData { display: flex; flex-flow: row; align-items: baseline; }
.uirTranVis_transSummary .uirTranVis_summaryData span { min-width: 60px; text-align: right; padding-right: 6px; }
.uirTranVis_transSummary .uirTranVis_summaryData strong { overflow: hidden; text-overflow: ellipsis; direction: rtl; }
.uirTranVis_history .uirTranVis_code { padding: 0px 2px; color: black; background: rgb(230, 230, 230); margin: 0px; font-family: monospace; }
.uirTranVis_history .uirTranVis_historyEntry::before, .uirTranVis_historyEntry::after { background: rgb(115, 115, 115); }
.uirTranVis_history .uirTranVis_historyEntry:hover::before, .uirTranVis_historyEntry:hover::after { background: rgb(166, 166, 166); }
.uirTranVis_history .uirTranVis_historyEntry.success::before, .uirTranVis_historyEntry.success::after { background: rgb(69, 128, 59); }
.uirTranVis_history .uirTranVis_historyEntry.success:hover::before, .uirTranVis_historyEntry.success:hover::after { background: rgb(25, 166, 0); }
.uirTranVis_history .uirTranVis_historyEntry.error::before, .uirTranVis_historyEntry.error::after { background: rgb(191, 31, 29); }
.uirTranVis_history .uirTranVis_historyEntry.error:hover::before, .uirTranVis_historyEntry.error:hover::after { background: rgb(230, 38, 34); }
.uirTranVis_history .uirTranVis_historyEntry.ignored::before, .uirTranVis_historyEntry.ignored::after { background: rgb(230, 139, 5); }
.uirTranVis_history .uirTranVis_historyEntry.ignored:hover::before, .uirTranVis_historyEntry.ignored:hover::after { background: rgb(255, 152, 8); }
.uirTranVis_history .uirTranVis_historyEntry.redirected::before, .uirTranVis_historyEntry.redirected::after { background: rgb(230, 139, 5); }
.uirTranVis_history .uirTranVis_historyEntry.redirected:hover::before, .uirTranVis_historyEntry.redirected:hover::after { background: rgb(255, 152, 8); }
.uirTranVis_history .uirTranVis_keyValue { display: flex; flex-flow: row; justify-content: space-between; align-items: baseline; }
.uirTranVis_history .uirTranVis_keyValue + .uirTranVis_keyValue { margin-top: 3px; }
.uirTranVis_transitionDetail { border: 1px solid lightgrey; font-size: small; transition: box-shadow 0.5s, border 1s; }
.uirTranVis_transitionDetail .uirTranVis_downArrow { position: relative; width: 100%; bottom: -10px; margin-bottom: 10px; }
.uirTranVis_transitionDetail .uirTranVis_downArrow::before, .uirTranVis_transitionDetail .uirTranVis_downArrow::after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px; }
.uirTranVis_transitionDetail .uirTranVis_downArrow::before { border-top: 10px solid lightgray; }
.uirTranVis_transitionDetail .uirTranVis_downArrow::after { border-top: 10px solid white; margin-top: -1px; z-index: 1; }
.uirTranVis_transitionDetail table { border-collapse: collapse; }
.uirTranVis_transitionDetail th { text-align: center; font-size: small; }
.uirTranVis_transitionDetail .uirTranVis_heading { display: flex; flex-flow: row-reverse; justify-content: space-between; align-items: baseline; }
.uirTranVis_transitionDetail .uirTranVis_heading > * { flex: 0 1 auto; }
.uirTranVis_transitionDetail .uirTranVis_heading > * i { transition: 0.5s; }
.uirTranVis_transitionDetail table.uirTranVis_paths { width: 100%; }
.uirTranVis_transitionDetail table.uirTranVis_paths td { color: white; border: 0px; font-size: small; }
.uirTranVis_transitionDetail .uirTranVis_transSummary .uirTranVis_keyValue > div:nth-child(2) { padding-left: 8px; font-weight: normal; }
.uirTranVis_transitionDetail td { padding: 0px; }
.uirTranVis_transitionDetail td .flowArrowCell { display: flex; flex-flow: column; align-items: stretch; justify-content: space-between; width: 12px; transition: width 0.25s; height: auto; flex: 0 0 auto; }
.uirTranVis_transitionDetail.expand td .flowArrowCell { width: 24px; }
.uirTranVis_transitionDetail .exit .flowArrowSvg { right: 0px; }
.uirTranVis_transitionDetail .enter .flowArrowSvg { left: 0px; }
.uirTranVis_transitionDetail .flowArrowSvg.bottom { bottom: 0px; }
.uirTranVis_transitionDetail .flowArrowSvg.top { top: 0px; }
.uirTranVis_transitionDetail .flowArrowSvg { position: absolute; width: 100%; height: auto; transition: width 0.25s; }
.uirTranVis_transitionDetail .retain { background-color: rgb(115, 114, 115); }
.uirTranVis_transitionDetail .exit { background-color: rgb(124, 16, 16); }
.uirTranVis_transitionDetail .enter { background-color: rgb(49, 89, 42); }
.uirTranVis_transitionDetail .uirTranVis_deemphasize { color: rgb(234, 234, 234); font-size: x-small; }
.uirTranVis_transitionDetail .params { background-color: rgba(255, 255, 255, 0.15); padding: 0px; opacity: 0; overflow: hidden; transition: opacity 1s; max-height: 0px; }
.uirTranVis_transitionDetail.expand .params { display: block; border-radius: 4px; box-shadow: black 1px 1px 2px; padding: 8px; max-height: 250px; overflow-y: auto; opacity: 1; margin: 8px 0px; }
.uirTranVis_transitionDetail.pin { box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 12px; border: 1px solid black; }
.uirTranVis_transitionDetail.pin .uirTranVis_downArrow::before { border-top-color: black; }
.uirTranVis_transitionDetail.expand table.uirTranVis_paths td { max-height: 100px; vertical-align: top; }
.uirTranVis_transitionDetail .uirTranVis_Row { display: flex; flex-flow: row; justify-content: space-between; align-items: stretch; min-width: 400px; }
.uirTranVis_transitionDetail .uirTranVis_Row > div { flex: 1 0 50%; min-width: 0px; }
.uirTranVis_transitionDetail .uirTranVis_nodeContent { display: flex; flex-flow: row; min-height: 16px; transition: min-height 0.25s; }
.uirTranVis_transitionDetail.expand .uirTranVis_nodeContent { height: 100%; min-height: 65px; }
.uirTranVis_transitionDetail .uirTranVis_nodeDetail { flex: 1 1 auto; padding: 3px 7px; min-width: 0px; }
.uirTranVis_transitionDetail .uirTranVis_stateName { font-weight: bolder; margin-right: 16px; margin-left: 0px; }
.uirTranVis_transitionDetail .enter .uirTranVis_stateName { margin-right: 0px; margin-left: 16px; }
.uirTranVis_transitionDetail .uirTranVis_nowrap { white-space: nowrap; }
.uirTranVis_history .uirTranVis_paramsLabel, .uirTranVis_history .uirTranVis_resolveLabel { color: white; margin-top: -8px; text-align: center; font-weight: bold; }
span.link { cursor: pointer; text-decoration: underline; }
.uirTranVis_tooltipRight { display: inline; position: relative; transition: 1.5s; }
.uirTranVis_tooltipRight::after { color: rgba(0, 0, 0, 0); text-decoration: none; transition: 1.5s; }
.uirTranVis_tooltipRight:hover::after { bottom: 0px; color: rgba(0, 0, 0, 0.5); content: attr(title); display: block; position: absolute; white-space: nowrap; font-size: smaller; }
.uirTranVis_modal .uirTranVis_btnPrimary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); }
.uirTranVis_modal .uirTranVis_btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.uirTranVis_modal .uirTranVis_btnXs, .uirTranVis_btnGroupXs > .uirTranVis_btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.uirTranVis_transition { max-width: 550px; }
.uirTranVis_transitionDetail span.link { color: white; }
.uirTranVis_history :not(.fa):not(pre):not(.uirTranVis_code) { font-family: Arial, Helvetica, sans-serif; }
.uirTranVis_transitionDetail .enter .uirTranVis_heading { flex-flow: row; }
.uirTranVis_transitionDetail .uirTranVis_heading { display: flex; flex-flow: row-reverse; justify-content: space-between; align-items: baseline; }
.uirTranVis_transitionDetail .retain .uirTranVis_heading { justify-content: center; }
.uirTranVis_panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid lightgrey; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; }
.uirTranVis_panelHeading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; padding: 10px 16px; border-bottom-width: 1px; border-bottom-style: solid; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.uirTranVis_panelTitle { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; }
.uirTranVis_panelBody { padding: 0px 16px; }
.uir-fade { opacity: 0; transition: opacity 0.15s linear; }
.uir-fade.in { opacity: 1; }
.uirTranVis_modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }
.uirTranVis_modal-backdrop.in { opacity: 0.5; }
.uirTranVis_modal { position: fixed; inset: 0px; z-index: 1050; display: block; overflow-y: auto; outline: 0px; }
.uirTranVis_modal-dialog { position: relative; width: auto; margin: 10px; }
.uirTranVis_modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; }
.uirTranVis_modal-header { padding: 16px; border-bottom: 1px solid rgb(229, 229, 229); }
.uir-resolve-header { display: flex; flex-flow: row; justify-content: space-between; background-color: cornflowerblue; }
.uirTranVis_modalBody { color: black; position: relative; padding: 16px; }
.uirTranVis_modalFooter { padding: 16px; text-align: right; border-top: 1px solid rgb(229, 229, 229); }
.uir-icon { display: inline-block; height: 16px; width: 16px; margin: 4px; background-size: cover; background-position: 0px 0px; }
.uir-spin { animation: 2s ease 0s infinite normal none running uirspin; transform: rotate(0deg); }
.uir-rotate-35 { transform: rotate(35deg); opacity: 0.5; }
@keyframes uirspin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.uir-iconw-spinner { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABCElEQVQ4ja2SMU4CYRCF34Db6RISmi04gCZacgDuYElDYcFZLLWx1c4b6BE0sbaysBEh0aCdm3w2szKQ/1cTmGSz+795897Mzm/KBGCSjv14bWbkuDmBCcuY5HitUNAGxsDQoSrwKuAAeATegVHKcexuX0AFdIELf7rAVejoranbCRpPkmpJU0kfZvYp6SQYvARu/F7pogJ2M7k94BS4BPbXkwYUSdW0WOFb+gFugVeg94/iHjADbqTlFlh7/6mzwt14hK0E0AHugbNfOOfAHVA2WLwHpaRDhdman2pmc4cGko4kdSQtUg79Rt3nnPl2CsdKoB9rYgcys+dwrCU9eEe15xdJ503iGzoj4fOiDj0FAAAAAElFTkSuQmCC"); }
.uir-iconw-check { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAc0lEQVQ4jeXQuwmAQBCE4SvEOwOtwjK0KEEQDOzORyD28Rt4wnLoPYwEJ935Jlil/hUgB0agfItXzuyAScFG4Cu1WyqAAdARuHOxBjZ7nIFM4MWLbbFxShNQRWEx0uJPH/Osp5Ew9ozE45uRdCxGdLj1hRzpQwNP2Cwv6wAAAABJRU5ErkJggg=="); }
.uir-iconw-circle-o { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAzElEQVQ4jaWTPQ7CMAyFnzkL7IUNRtoDlPugSkxciwlWFrr0CHCGfgw4qGrTFBVLUST7+fnnJdKfZjEnYJLWkpbuaiTdzYxJRuAA1AytBsqp5BPQesIFOPu5uK8FqlTlFngCeSSeAy/HlP2gddreJzrMHfPwPX0Dm9B2csYPNoyTSdLC/WHb1ykCSTe/V12C2RYIGr93P+RsezmDJQ4U6OCK6BI9GGR8jchYjMrYAVU/PKRjckCg9Bb79ohVjn4mJ8rkUklqzOyerDzX3pD9HgkYdWTVAAAAAElFTkSuQmCC"); }
.uir-iconw-share { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA0UlEQVQ4jb2SvQ4BQRSFz/WXSESF0G6j8g7iAXQa4QE0ai+ip9ZIRDTeQUGjUJJ4BUs+hdlkbVixEqeZyZ05352ZM9K/BCyAzi+AA3AFuuF65s3mvKSqpLKkoivnJaUlTQHfzGZRUw4YAGvgQrz8p+sAFWDzwfQK0gwAyy/NAEfAE+AlNNeD7r3IscZAC6gB2UgKz2aXQsnNb5LaZraKSfMkqWVm+/AD9h15HmMUMAp3Di80HGAYB3inlJltJe0knRMB3DjR45clE1AAvMSAX3QHLbpPOaoNWa0AAAAASUVORK5CYII="); }
.uir-iconw-close { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAlElEQVQ4jd3QMQqDQBhEYU8kpBZio41pTBov5B31IEFEhC+NkkU2a7pABrYZeI+dP8v+L7ggj/Q5LmdwgxkT6qCvt25GkxKM3pk2cIf3jClBi+UgCeEF7dmM2/bVYxbck3Ag6SOC/lv4imdEMKE6g6vI5uNNPkswHODH9kLJkBJ0WHc46HfJiu5sRoki0hcok/BP8gJcS0AygPBo+gAAAABJRU5ErkJggg=="); }
.uir-icon-thumb-tack { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAArElEQVQ4jbXSPQ5BQRiF4cdfZQWXpdgBW1LZjaugsgoqDdFfKpVEQ2huMcb9E3GSU8yXM2/OZD5+VKtglmCMTjR/YI1THTTFs8TzJq0myHDBLbic5c0aKc29CQBpUbDdlFimvwJ6ub9SHyvcff7AHcs8U6pZwcXYs6onjBq0fMvEm5hgEJwXOGAazDLBNnYjwMn7qu5wxLasTgyItce5KlAHOOBak6lUgmFV4AV5rTJf7ROKuAAAAABJRU5ErkJggg=="); }
.uir-icon-toggle-on { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAApUlEQVQ4jcXSPQrCQBQE4E9B8Rg2gmW0UvEyegQP41XsDWirheDPIbQRtBAtTEACu4opMrDFsjPvvZl9VI1a4d5BF60A/4Y9TsWHPtZ4Bs4DG6Q4Y4VeLh7hGhEv0P5o1sQsKzSQjRMSL9EI2JngKCJ+YhwQ885vFytwRz1SAObfCD+htIVYiKlwiFMcYKjkN0LivRyxRdpmE10ybpL7+MTfq1wdXiIXWWLHZLTUAAAAAElFTkSuQmCC"); }
.uir-icon-toggle-off { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA4UlEQVQ4jcXSsUoDURAF0JPFDWmsrOxshBQKwcqI+Re3ttLCT/AP9FsEI2gW0wqSJUEb/YKk0ybEYp+wbHbXwiIXXvFm7p2Zd+exabRK93100anhf2OG93KBI9wE8QTbOESEZ3wFXgcHmOIcL3CCOS7QLnTbwx0eEBfibVwGzbEwTlIzcowRripyCd4gs+5FEaf4rIi3kEV4xKqhwBi72CnFV3iKGoTFTo346wkDfNQUziK5q2c14hjXuK3IJdiCvuY1Dn+JAWtrhJ7crAVSvGIpNyrFfThp4IyD5v9fefP4AeEQL7aw+eK/AAAAAElFTkSuQmCC"); }
.cke { visibility: hidden; }
.iIz0pPNN1oxeUfz6QVPJF { display: block; }
.-XrqkevdgKslaYRvW4lgU { height: 280px; background: center top no-repeat rgb(32, 32, 32); }
.-XrqkevdgKslaYRvW4lgU.default { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/dd7d954a1a5969b7cb1308d86c9601a2.png"); }
.BDw45cKhOY5X-HJyc5_2C { position: relative; padding: 30px 0px; background: rgb(32, 32, 32); }
.BDw45cKhOY5X-HJyc5_2C ._1h0fCbtWimc44r9dNSenvs { position: relative; width: 1200px; margin: 0px auto; }
._3V7APXh9XanItYU2YPW3te { min-width: 1200px; }
._17YaL0tgu4WWyMOdmcNnNJ { position: absolute; top: 50px; right: 0px; }
._1z3F5i3XuBrvCc-V_m88iH { position: relative; display: inline-block; margin: 0px auto; padding: 0px; list-style: none; }
._1z3F5i3XuBrvCc-V_m88iH > li { width: 200px; height: 25px; margin-bottom: 5px; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 12px; line-height: 25px; background: rgb(238, 131, 1); border: 1px solid rgb(215, 107, 0); }
._1z3F5i3XuBrvCc-V_m88iH > li > span._3hW01KzP-v1QtySdoBU-cj { display: inline-block; max-width: 6em; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden; }
._1z3F5i3XuBrvCc-V_m88iH > li a { color: inherit; }
._1z3F5i3XuBrvCc-V_m88iH > li a:hover { color: rgb(255, 216, 0); }
._1z3F5i3XuBrvCc-V_m88iH > li button { padding: 0px; color: rgb(255, 255, 255); font-size: 12px; }
._1z3F5i3XuBrvCc-V_m88iH > li button:hover { color: rgb(255, 216, 0); }
._2ry_KQABCxJvTn8YykoUUi { position: relative; display: inline-block; width: 24px; height: 24px; vertical-align: top; text-decoration: none; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/43dd02a4824c6ceb7fec4f6ff418c054.png") no-repeat; }
._2ry_KQABCxJvTn8YykoUUi > span, ._2ry_KQABCxJvTn8YykoUUi > span:hover { position: absolute; left: 80%; bottom: 60%; min-width: 16px; padding: 0px 2px; height: 16px; color: rgb(0, 0, 0); font-size: 12px; text-align: center; line-height: 16px; border-radius: 5px; background: rgb(255, 244, 126); }
.paxHwvYiCG5_0Iv5qw8Ir { display: inline-block; vertical-align: top; }
.LfmZk1N5KEprMuxyWe958 { display: block; width: 70px; height: 25px; margin-bottom: 5px; font-size: 13px; line-height: 25px; text-decoration: none; text-align: center; color: rgb(242, 28, 82); background: rgb(255, 255, 255); border: 1px solid rgb(242, 28, 82); }
.LfmZk1N5KEprMuxyWe958:hover { color: rgb(242, 28, 82); }
._12zolD2xqAUnF3oxfKBUuD { display: block; width: 70px; height: 25px; margin-bottom: 5px; font-size: 13px; line-height: 25px; text-decoration: none; text-align: center; padding: 0px; color: rgb(255, 255, 255); background: rgb(204, 0, 51); border: 1px solid rgb(204, 0, 51); }
._12zolD2xqAUnF3oxfKBUuD:hover { color: rgb(255, 255, 255); background: rgb(242, 28, 82); border: 1px solid rgb(242, 28, 82); }
.zSRAtCgVy3t6W2i1YnXUm { display: flex; align-items: center; }
.zSRAtCgVy3t6W2i1YnXUm ._2nzvTmf6K816YHF2Ex9dE0 { position: relative; text-decoration: none; margin-right: 19px; }
.zSRAtCgVy3t6W2i1YnXUm ._2nzvTmf6K816YHF2Ex9dE0 i { display: block; margin: 0px auto; background: center top / contain no-repeat; width: 25px; height: 24px; }
.zSRAtCgVy3t6W2i1YnXUm ._2nzvTmf6K816YHF2Ex9dE0 i.EnuM71IPrApZNQHDjaEg- { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/44392bb6dc7948881a4ddbd09d0b03a9.png"); }
.zSRAtCgVy3t6W2i1YnXUm ._2nzvTmf6K816YHF2Ex9dE0 i._3elcxVZnCoZEV7Q6CPY_-b { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/db7a436110b38bba0d1352cf77ef78d7.png"); }
.zSRAtCgVy3t6W2i1YnXUm ._2nzvTmf6K816YHF2Ex9dE0 span { display: flex; text-align: center; margin-top: 5.8px; font-size: 11px; color: rgb(255, 255, 255); }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw { display: flex; align-items: center; margin: 0px 5px 0px 0px; padding: 0px; list-style: none; }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw > li { width: 167px; height: 32px; line-height: 32px; margin-left: 5px; padding: 0px 10px; font-size: 11.9px; color: rgb(255, 255, 255); border-radius: 14.6px; background: rgb(58, 58, 58); }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw > li > span._3lymj_9N-oJ2lPh20o6tzf { display: inline-block; max-width: 58px; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; overflow: hidden; color: rgb(254, 58, 0); }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw > li button { margin-left: auto; padding: 0px; color: rgb(254, 58, 0); font-size: 12px; }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw > li:nth-child(2) span { max-width: 6em; }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw ._3oLYCzsjzUJEx8TWar8j7i { position: relative; display: inline-block; margin-left: auto; width: 24px; height: 24px; vertical-align: top; text-decoration: none; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/43dd02a4824c6ceb7fec4f6ff418c054.png") no-repeat; }
.zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw ._3oLYCzsjzUJEx8TWar8j7i > span, .zSRAtCgVy3t6W2i1YnXUm ._1MQUFEv5nMjLr3lpBSzNZw ._3oLYCzsjzUJEx8TWar8j7i > span:hover { position: absolute; left: 80%; bottom: 60%; min-width: 16px; padding: 0px 2px; height: 16px; color: rgb(0, 0, 0); font-size: 12px; text-align: center; line-height: 16px; border-radius: 5px; background: rgb(255, 244, 126); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd { position: relative; width: 32px; height: 32px; cursor: pointer; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/88f4bacbcc5bba7dd85f3fdbd678df7b.png") center center / contain no-repeat; }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU { position: absolute; cursor: default; top: 50px; right: 0px; width: 249px; height: auto; font-size: 13px; border-radius: 8.9px; box-shadow: rgb(57, 57, 57) 0px 4.4px 4.4px 0px inset, rgb(142, 142, 142) 0px -1.1px 4.4px 0px inset; background-color: rgb(46, 46, 46); z-index: 2; }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU::before { content: ""; position: absolute; top: -14px; right: 7px; width: 0px; height: 0px; box-shadow: rgb(57, 57, 57) 0px 4.4px 4.4px 0px inset, rgb(142, 142, 142) 0px -1.1px 4.4px 0px inset; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 20px solid rgb(46, 46, 46); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g { display: flex; flex-direction: column; row-gap: 9px; margin: 0px auto; padding: 16px 0px; list-style: none; overflow: hidden; }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li { position: relative; background-image: linear-gradient(to right, rgba(59, 59, 59, 0), rgb(59, 59, 59) 50%, rgba(59, 59, 59, 0) 100%); color: rgb(255, 255, 255); height: 25px; }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a { display: flex; height: 100%; padding-left: 15px; align-items: center; color: inherit; text-decoration: none; }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i { display: block; background: center top / contain no-repeat; width: 17px; height: 17px; margin-right: 5px; }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.bet-record { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/00d332d411b62fcf640de84cb06ce7d4.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.deposit { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/902f9646caf5a764ca1c15f15e50e8e5.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.withdraw { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/773437e2ad7134d31ecc763c79fa4bee.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.transaction { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5199aee3e7c8aae0a8944ffc318aba00.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.change-money-password { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/02c1b617e7d5b9aaad467728e220837f.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.security-list { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/813af3738a7cc09928c24d48197a70b6.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li > a i.logout-btn { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/fa696d99c9f39a1127ef652379624d46.svg"); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li:hover span { color: rgb(255, 90, 0); }
.zSRAtCgVy3t6W2i1YnXUm ._2pgWcte96LWeLJIJSxtBYd ._1_C5B74ifan6TN0Qu5DRDU ._2rSrTaqe8BT5mI2r3F5J2g > li:hover::before { background-color: rgb(255, 90, 0); }
._3uti0-HlKL5993-6Is1Ezb { text-align: center; }
._3uti0-HlKL5993-6Is1Ezb > ul { display: inline-block; margin: 0px auto; padding: 0px; list-style: none; text-align: left; }
._3uti0-HlKL5993-6Is1Ezb > ul > li { display: inline-block; line-height: 20px; }
._3uti0-HlKL5993-6Is1Ezb > ul > li + li::before { content: "|"; color: rgb(255, 255, 255); }
._3uti0-HlKL5993-6Is1Ezb > ul > li > a { display: inline-block; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; text-align: center; cursor: pointer; }
._3uti0-HlKL5993-6Is1Ezb > ul > li:hover > a { color: rgb(255, 255, 102); }
._3uSmdS4tEsnu5T66nIOVC1 { position: absolute; top: 2px; right: 2px; width: auto; height: 19px; }
.dVSNlKsQ1qaz1uSto7bNM { position: absolute; top: 2px; right: 2px; width: auto; height: 88%; }
._3MSK6A03OPsM8LoNU-b9qF { position: absolute; top: 0px; right: 15px; width: auto; height: 100%; }
.t2dpGFnx3auF6pcm5JoIJ { position: relative; }
.marker { background-color: rgb(255, 255, 0); }
._2iurm5ORHq_bRHwV8D0WDb { display: flex; flex-direction: column; justify-content: center; width: 756px; margin: 0px auto; text-align: center; font-family: Inter; }
._2QidNPs9qMHzEgAuK3icuA { margin-bottom: -25px; padding-right: 35px; color: rgb(0, 83, 224); font-size: 26px; font-weight: bold; line-height: 1.1; }
._3Mlu1-lQ5ZRJuTXkQzN4A0 { display: flex; justify-content: center; align-items: center; height: 151px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/72207c3a5896fc68f6f95a00f76cd014.png") center center / cover no-repeat; }
._3Mlu1-lQ5ZRJuTXkQzN4A0 > div { display: flex; justify-content: center; gap: 12px; padding-right: 35px; }
._16II9GWSBnIaH4TRL9W8Su { display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgb(255, 255, 255); min-width: 76px; height: 70px; font-weight: 500; line-height: 1; background: rgb(0, 83, 224); border: 2.1px solid rgb(156, 195, 253); border-radius: 12px; box-shadow: rgba(161, 161, 161, 0.25) 0px 3px 3px 0px; }
._3_yha-bLsu1VhmOUQCV5_U { margin: 0px 10px; font-size: 32px; }
.AckaJyw-5_T2jh3T-6_nt { font-size: 12px; margin-top: 2px; text-transform: uppercase; }
.-VmKkPnyWArD_xzBfvyYs { padding: 24px 0px; background-image: linear-gradient(rgb(40, 37, 35) 0%, rgb(12, 11, 10) 100%); }
._23vu-4PaAyPbsKhBQvUC74 { display: flex; align-items: center; justify-content: space-between; gap: 80px; position: relative; width: 1200px; margin: 0px auto; }
._3GdkSgeJ-zFwZvrESOdMYw { width: 523.5px; }
._3GdkSgeJ-zFwZvrESOdMYw img { width: 100%; height: 115px; margin-bottom: 30px; }
._3GdkSgeJ-zFwZvrESOdMYw p { text-align: justify; font-size: 15px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.33; }
.Q4VcBqaW44p6HX6Gylvdp { display: flex; align-items: center; }
.Q4VcBqaW44p6HX6Gylvdp .toSc9TZ_ECVWFuowbC0Jz, .Q4VcBqaW44p6HX6Gylvdp ._1gdqfRJjzJpMVpmk6b5OQq { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 195px; }
.Q4VcBqaW44p6HX6Gylvdp .toSc9TZ_ECVWFuowbC0Jz span, .Q4VcBqaW44p6HX6Gylvdp ._1gdqfRJjzJpMVpmk6b5OQq span { margin: 13.5px 0px; font-size: 15px; color: rgb(255, 255, 255); line-height: 1.71; text-align: center; }
.Q4VcBqaW44p6HX6Gylvdp .toSc9TZ_ECVWFuowbC0Jz a, .Q4VcBqaW44p6HX6Gylvdp ._1gdqfRJjzJpMVpmk6b5OQq a { width: 121.5px; line-height: 30px; margin-bottom: 9px; color: rgb(255, 255, 255); font-size: 13.5px; text-transform: uppercase; text-decoration: none; text-align: center; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2.4px 2.4px 0px; border: 1.2px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 85, 0), rgb(255, 13, 0)); }
.Q4VcBqaW44p6HX6Gylvdp .V5Bv6pQtXfS1pQuhn6w8N { margin: 0px 21px; width: 2.8px; height: 160px; background-image: linear-gradient(rgb(255, 13, 13), rgb(236, 102, 18), rgb(255, 26, 26)); }
.HYHQ7RYC1BDlO1amTeHE9 { display: flex; flex-direction: column; padding: 24px 0px; font-size: 14px; color: rgb(255, 255, 255); position: relative; width: 1200px; margin: 0px auto; }
.HYHQ7RYC1BDlO1amTeHE9 ._39EtgGfulqPdGss0OAWO7N { display: flex; justify-content: space-between; align-items: flex-end; }
._2C1UmPQq3uvhrgiZmR2xCC { display: flex; justify-content: space-between; align-items: center; padding: 0px; margin: 30px 0px 13px; list-style: none; }
._2C1UmPQq3uvhrgiZmR2xCC li { position: relative; display: flex; justify-content: center; align-items: center; font-size: 15px; height: 20px; }
._2C1UmPQq3uvhrgiZmR2xCC li + li::before { content: ""; display: block; width: 1px; height: 20px; background-color: rgb(240, 240, 240); margin: 0px 30px; }
._2C1UmPQq3uvhrgiZmR2xCC li a { color: rgb(240, 240, 240); text-decoration: none; white-space: nowrap; }
._1rm8EYCjCarupQKGl8wf0B { line-height: 34.5px; margin: 0px; }
.XLQ5t2iLMR_ZFgXM5qTwC { display: inline-block; margin: 0px auto; padding: 0px 15px; list-style: none; }
.XLQ5t2iLMR_ZFgXM5qTwC li { display: inline-block; position: relative; margin: 10px 8px 0px; width: 60px; height: 60px; }
.XLQ5t2iLMR_ZFgXM5qTwC .EnaxpydarjU_IvN1aoomz { line-height: 60px; }
.XLQ5t2iLMR_ZFgXM5qTwC .EnaxpydarjU_IvN1aoomz::before { content: "No data"; display: inline-block; width: 60px; line-height: 60px; }
.XLQ5t2iLMR_ZFgXM5qTwC .slick-track { margin: 0px; }
.XLQ5t2iLMR_ZFgXM5qTwC .slick-list { top: -20px; padding-top: 20px; }
.XLQ5t2iLMR_ZFgXM5qTwC .slick-prev { left: -2px; }
._3-aUPeTH2ZgzUlJA6_sPA- img { width: 60px; height: 60px; }
._3-aUPeTH2ZgzUlJA6_sPA- div { display: none; position: absolute; top: -31px; left: -5px; padding-top: 2px; width: 70px; height: 29px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/70179082311021c0ef4df2ad477ae846.png") no-repeat; }
._3-aUPeTH2ZgzUlJA6_sPA-:hover div { display: block; }
.zh-cn .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz { line-height: 60px; }
.zh-cn .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz::before { content: "No history"; }
.zh-tw .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz { line-height: 60px; }
.zh-tw .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz::before { content: "No history"; }
.y-wCQlyIw0OEEXBA8WCV0 { position: fixed; bottom: -77px; left: 0px; z-index: 9999; width: 100%; height: 77px; background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); transition: bottom 0.4s; }
.y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { position: relative; width: 1000px; margin: 0px auto; padding-left: 90px; height: 77px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b2e4243090ffcb2acd67f99e62a201ce.png") 20px 15px no-repeat; }
.y-wCQlyIw0OEEXBA8WCV0.open { bottom: 0px; }
.y-wCQlyIw0OEEXBA8WCV0 ._1VsGKOYU8ObUSYk7R1J5Nx, .y-wCQlyIw0OEEXBA8WCV0 ._2Qo8KCyOGix74HE3-8kxZf { position: absolute; top: -24px; left: 0px; width: 150px; height: 24px; line-height: 24px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/58d67bf46b79149e657aac2735b3a144.png") no-repeat; }
.y-wCQlyIw0OEEXBA8WCV0 ._1VsGKOYU8ObUSYk7R1J5Nx::after, .y-wCQlyIw0OEEXBA8WCV0 ._2Qo8KCyOGix74HE3-8kxZf::after { content: ""; display: inline-block; margin-left: 5px; width: 7px; height: 8px; }
.y-wCQlyIw0OEEXBA8WCV0 ._1VsGKOYU8ObUSYk7R1J5Nx::after { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5af770646115ffaf51268e58b0a3aa86.png") no-repeat; }
.y-wCQlyIw0OEEXBA8WCV0 ._2Qo8KCyOGix74HE3-8kxZf::after { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c6b20f9a5b832c4b9863d8f06c522186.png") no-repeat; }
.y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li { display: inline-block; position: relative; margin: 10px 8px 0px; width: 60px; height: 60px; }
.y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li.non-data { line-height: 60px; }
.y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li img { width: 60px; height: 60px; }
.y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li div { display: none; position: absolute; top: -31px; left: -5px; padding-top: 2px; width: 70px; height: 29px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/70179082311021c0ef4df2ad477ae846.png") no-repeat; }
.y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li:hover div { display: block; }
.zh-cn .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2f49dc1b0bc5e7f9c549dccf91f577d8.png") 20px 15px no-repeat; }
.zh-tw .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2f49dc1b0bc5e7f9c549dccf91f577d8.png") 20px 15px no-repeat; }
.vi .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/39991dda89780a353e65efde0e66c178.png") 20px 15px no-repeat; }
.th .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b0bf8b7f501ea8bd1cdfe12d264cd7c3.png") 20px 15px no-repeat; }
.id-id .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a6c18eb2bb771975def6e2286dd51fd8.png") 0px 3px / contain no-repeat; padding-left: 130px !important; }
.tl .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/cd4b6e2b128143acf3b1af706ab2f032.png") 20px 15px no-repeat; }
.es .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/39b4f8a31dc71d14e9a60e25baa8cc40.png") 20px 15px no-repeat; }
.pt .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4c17daf2be72b4d60ba9dfab37a4abc9.png") 20px 15px no-repeat; }
._3vHaytPTEUCSbrofAXU7Cb { position: relative; }
._3vHaytPTEUCSbrofAXU7Cb .TFkX-2VIsaFZW7t64YI07 { position: relative; width: 1200px; margin: 0px auto; }
._3vHaytPTEUCSbrofAXU7Cb ._3dDTcIbMuSFyJeAPwLDBe2 { width: 517px; height: 63px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/35c1a532ee1c5091f8ce0a71350b898d.png") center center / contain no-repeat; }
._3vHaytPTEUCSbrofAXU7Cb ._3dDTcIbMuSFyJeAPwLDBe2 a { display: block; height: 100%; }
._3vHaytPTEUCSbrofAXU7Cb ._1JuGv-o3ClNxTIsEuu1Wa- { display: flex; justify-content: space-between; align-items: center; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml { display: flex; align-items: center; position: relative; height: 104px; color: rgb(255, 255, 255); background: rgb(21, 15, 15); }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 { display: flex; column-gap: 10.2px; padding: 0px; margin: 0px 26px 0px 0px; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li { list-style-type: none; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a { position: relative; text-decoration: none; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a i { display: block; margin: 0px auto; background-repeat: no-repeat; background-position: center top; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a i._1dpitYFvBIu4ME88BTXHuY { width: 35.9px; height: 26.5px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/05f70a0d807547b285bf115dc2574cc3.svg"); }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a i._2zrVZVPJK0H3pvYuX9YDx { width: 24.4px; height: 25.8px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a019c13abccaa3b2d1e81cdcc0900024.svg"); }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a i._3Hqy_RWeNfsAZdRQm8Oj5U { position: absolute; top: -18px; right: -4px; width: 28px; height: 21.5px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ad4c51142b997e91539ecda07d8e8da1.gif") center center / contain no-repeat; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a i._1RwNJMZ3OC9_ULgXAMisWc { width: 26.4px; height: 26.4px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/327bd4b9821e75d6e70f17d3f941dbe1.svg"); }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml ul.Rn_gRU5eCS1c_8asbKpT1 li a span { display: block; text-align: center; margin-top: 5.8px; font-size: 12.2px; color: rgb(254, 58, 0); }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml .XHBKId8UUI4X-RJ2-t7aR { display: flex; align-items: center; column-gap: 12px; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml .XHBKId8UUI4X-RJ2-t7aR > button { min-width: 140px; height: 38px; line-height: 36px; padding: 0px 10px; font-size: 15px; font-weight: bold; background: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); border-radius: 46.6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml .XHBKId8UUI4X-RJ2-t7aR > button:nth-child(2) { position: relative; color: rgb(0, 0, 0); background: radial-gradient(circle at 41% 9%, rgb(255, 255, 255), rgb(164, 164, 164) 41%); }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml .XHBKId8UUI4X-RJ2-t7aR > button:nth-child(2)::after { content: ""; position: absolute; top: -15px; right: 0px; width: 42px; height: 32.5px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b7c059508231e4a0cbdc936a1d9b5946.gif") center center / contain no-repeat; }
._3vHaytPTEUCSbrofAXU7Cb .dM4IN4vP0qOz6g1PSzWml .XHBKId8UUI4X-RJ2-t7aR ._2mBNgBjbvImj-b_6WuwAFm { text-transform: uppercase; }
._3vHaytPTEUCSbrofAXU7Cb ._1vpb319UOYFbBhp4y5JgA- { height: 78px; background: rgb(38, 36, 37); box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 15px inset; }
._3vHaytPTEUCSbrofAXU7Cb ._1vpb319UOYFbBhp4y5JgA- .TFkX-2VIsaFZW7t64YI07 { position: unset; display: flex; align-items: center; justify-content: space-between; }
._3vHaytPTEUCSbrofAXU7Cb .hNwjKKX9I5QFymnM7KBYD { width: 100%; }
._1w9bw09ufK-lpViEYr6E_r .modal-content { background: none !important; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
._1w9bw09ufK-lpViEYr6E_r .modal-dialog { margin-top: 7%; width: 1000px; }
.GerbxkmzUdnbWQLedTa3N { width: 1000px; margin-top: 7%; }
._3cZ2d7uf4_PfLnWL3EKxjq { color: rgb(255, 255, 255); background-color: rgb(38, 38, 38); position: relative; text-align: center; word-break: break-all; padding: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
._3cZ2d7uf4_PfLnWL3EKxjq .LontGgfOQd_EQ9yzzTW4X { position: absolute; right: 0px; top: -25px; color: rgb(255, 255, 255); }
._3cZ2d7uf4_PfLnWL3EKxjq .NeZ7Pl0pLoVSxerQ9WwIc { font-size: 18px; font-weight: bold; line-height: 34px; }
._3cZ2d7uf4_PfLnWL3EKxjq > button { position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); }
._3Cf2xFpub42pgmBTeO0J2B { height: 560px; padding: 0px; display: flex; }
._3Cf2xFpub42pgmBTeO0J2B > section { height: 560px; }
._3Cf2xFpub42pgmBTeO0J2B > section::-webkit-scrollbar { width: 10px; height: 3px; }
._3Cf2xFpub42pgmBTeO0J2B > section::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(83, 83, 83); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px inset; }
._3Cf2xFpub42pgmBTeO0J2B > section::-webkit-scrollbar-track { border-radius: 10px; background: rgb(237, 237, 237); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px inset; }
._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 { flex: 1 1 0%; background-color: rgb(255, 255, 255); border-right: 1px solid rgb(214, 214, 214); overflow: hidden auto; }
._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul { width: 100%; display: inline-block; margin: 0px auto; padding: 0px; list-style: none; }
._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li { width: 100%; height: 50px; padding: 0px 12px; color: rgb(0, 0, 0); line-height: 49px; border-bottom: 1px solid rgb(204, 204, 204); cursor: pointer; }
._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li span { display: inline-block; width: 80%; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li:hover, ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li.active { color: rgb(255, 255, 255); background-color: rgb(38, 38, 38); }
._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz { flex: 3 1 0%; background-color: rgb(255, 255, 255); overflow: auto; }
._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz img { max-width: 100%; height: auto; vertical-align: top; }
._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz ul { display: block; margin: 1em 0px; padding-left: 40px; list-style: disc; }
._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz ol { display: block; margin: 1em 0px; padding-left: 40px; list-style: decimal; }
._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz a { color: inherit; }
._3I43i4hseT0RF5tMBttAek { color: rgb(255, 255, 255); background-color: rgb(38, 38, 38); height: 10px; border-radius: 0px 0px 4px 4px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.M0RLBhDgSoQFqxO29GIML { position: relative; left: -100px; width: 800px; max-height: 620px; background-color: rgb(255, 255, 255); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg"); border-radius: 5px; cursor: default; }
.M0RLBhDgSoQFqxO29GIML .Rn3ih1l6ZrhPkhTDA5g6O { text-align: center; background-color: rgb(233, 233, 233); border-bottom: 1px solid rgb(204, 204, 204); border-radius: 5px 5px 0px 0px; }
.M0RLBhDgSoQFqxO29GIML .Rn3ih1l6ZrhPkhTDA5g6O > h2 { margin: 0px; color: rgb(0, 128, 227); font-size: 21px; line-height: 60px; }
.M0RLBhDgSoQFqxO29GIML ul { display: inline-block; width: 100%; list-style: none; margin: 0px; padding: 10px 50px; max-height: 500px; overflow: auto; }
.M0RLBhDgSoQFqxO29GIML ul > li { color: rgb(69, 69, 69); font-size: 13px; line-height: 27px; list-style: disc; white-space: pre-line; border-bottom: 1px dashed rgb(153, 153, 153); }
.M0RLBhDgSoQFqxO29GIML ._9PbX_LFgnXvcTnC_3cq6B { text-align: center; line-height: 80px; background-color: rgb(233, 233, 233); background-size: 100% 8px; background-repeat: no-repeat; border-top: 1px solid rgb(204, 204, 204); border-radius: 0px 0px 5px 5px; }
.M0RLBhDgSoQFqxO29GIML ._9PbX_LFgnXvcTnC_3cq6B > span { display: inline-block; width: 119px; font-size: 15px; font-weight: bolder; line-height: 45.5px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/eec4add93f430d9155ce6f857e8edbde.png"); cursor: pointer; }
.M0RLBhDgSoQFqxO29GIML ._9PbX_LFgnXvcTnC_3cq6B > span:hover { background-position: 0px -45.5px; }
.mxfcGeSB-UjC0cWQOBhgU { position: relative; z-index: 1; height: 33px; }
._1Mc-VetRJFROxV9v9-NPMp { position: relative; width: 1200px; margin: 0px auto; height: 33px; padding-left: 122px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/158f1a90e17ca1c188df10a9b683ebc7.png") left center no-repeat; border-bottom: 1px solid rgb(255, 212, 112); }
._1XteQIZIp4zsIAe1M6sN2- { display: none; }
._2v6b9kipfKg7fJsQCg0rhN { white-space: nowrap; overflow: hidden; }
._2v6b9kipfKg7fJsQCg0rhN li { display: inline-block; vertical-align: top; margin: 0px 5px; color: rgb(86, 86, 86); font-size: 14px; text-decoration: none; line-height: 32px; }
._2v6b9kipfKg7fJsQCg0rhN li:hover { text-decoration: underline; }
._8eXCc-6rohBOrETYUAIQv { display: inline-block; margin: 0px auto; padding: 0px; list-style: none; }
.Hra33TxtHu1C-vZkxSDi7 { height: 107px; padding: 18px 0px; z-index: 1; background-color: rgb(32, 32, 32); }
._2f-DvVLvelwJOC7_a45SIc { position: relative; display: flex; justify-content: space-between; width: 1200px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d6e6d9a0fdcd661d2d4fd9b5345a7fa9.png") center center no-repeat; height: 71px; margin: 0px auto; padding-top: 18px; }
._2f-DvVLvelwJOC7_a45SIc a { cursor: pointer; }
._1HKJOEgSu0SSPbgkWjI0rQ { display: inline-block; font-size: 22.1px; line-height: 55px; margin-left: 45px; color: rgb(255, 255, 255); }
._1HKJOEgSu0SSPbgkWjI0rQ::before { content: ""; display: inline-block; vertical-align: middle; width: 26px; height: 20px; margin-right: 10px; }
.W9N3001mLDTkKCM5ar8j9 { position: absolute; top: 0px; left: 230px; line-height: 89px; width: 850px; white-space: nowrap; overflow: hidden; }
.W9N3001mLDTkKCM5ar8j9 li { display: inline-block; vertical-align: middle; margin: 0px 5px; color: rgb(255, 255, 255); font-size: 12px; text-decoration: none; line-height: 50px; }
.W9N3001mLDTkKCM5ar8j9 li:hover { text-decoration: underline; }
._3O7S0w3esoWg5PVs5ZLUi2 { display: inline-block; margin: 0px auto; padding: 0px; list-style: none; }
._1PDkcXu8_QbrwctAl8BbHB { display: flex; justify-content: center; align-items: center; margin: 8px 12px; width: 81.1px; height: 35.3px; color: rgb(255, 255, 255); line-height: 71px; border-radius: 6.7px; background-image: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); }
._1PDkcXu8_QbrwctAl8BbHB:hover { text-decoration: none; color: rgb(255, 255, 255); }
.CrZ_aHarxMyGu1ovki35I { position: relative; z-index: 1; height: 33px; }
._3dttEpJDOYj8iAwEDyGddf { position: relative; width: 1200px; margin: 0px auto; height: 33px; padding-left: 122px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/158f1a90e17ca1c188df10a9b683ebc7.png") left center no-repeat; border-bottom: 1px solid rgb(255, 212, 112); }
._1gdCl6_fBZFbBBzwr1wUgi { display: none; }
._3n-tqnf9E07yM14Q9QZwVn { overflow: hidden; }
._3n-tqnf9E07yM14Q9QZwVn > div { height: 32px; }
._3n-tqnf9E07yM14Q9QZwVn li { display: inline-block; vertical-align: top; margin: 0px 5px; color: rgb(86, 86, 86); font-size: 14px; text-decoration: none; line-height: 32px; }
._3n-tqnf9E07yM14Q9QZwVn li:hover { text-decoration: underline; }
._3VGCU4ybj8pjPA5EwwTw3Q { display: inline-block; margin: 0px auto; padding: 0px; list-style: none; }
.JbIXBqZtLPjnaa1bGmPFx { text-align: right; }
.JbIXBqZtLPjnaa1bGmPFx > form { position: relative; display: inline-block; }
.JbIXBqZtLPjnaa1bGmPFx > form input { vertical-align: middle; width: 165px; height: 33px; padding: 0px 3px 0px 30px; margin-left: 5px; color: rgb(121, 121, 121); font-size: 12px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2fe9f92ec60a3ad4b6d367273c42cbac.png") 10px center no-repeat rgb(255, 255, 255); border: 1px solid rgb(214, 214, 214); box-shadow: rgba(40, 40, 40, 0.34) 2.5px 1.5px 4px 0px inset; }
.JbIXBqZtLPjnaa1bGmPFx > form input._3BDW1Ob6N-qPat4VHjgkK9 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/236f512f8432a3b78e4d2902ba5d4ba3.png"); }
.JbIXBqZtLPjnaa1bGmPFx > form input._1taLYFzLTadho3dUKc4ud- { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/875e7f7f5f36b4aa6d56c81c93a3981a.png"); }
.JbIXBqZtLPjnaa1bGmPFx > form input::placeholder { color: rgb(121, 121, 121); }
.JbIXBqZtLPjnaa1bGmPFx > form > ._3tNe87SuiFThlh5UaZjkrW { vertical-align: middle; width: 90px; height: 33px; color: rgb(255, 255, 255); font-size: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-position: center top; }
.JbIXBqZtLPjnaa1bGmPFx > form > ._3tNe87SuiFThlh5UaZjkrW:hover { background-position-y: bottom; }
._2QDJnCM6HaI7ygyN4T0FNN { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/80a4e8dc18c56e8cd83401afadf6b450.png"); }
.nvduV2GhSZMNp7lZvcUDm { margin-left: 4px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3fb37924fc4702f561931d82193d8355.png"); }
.mTJn-dYHwKzL0bE2o9Tpw { color: red; font-size: 12px; }
.EJZ5Zg2KkoVf5TDaurKNd, .Hs4mIA2_iwF8XOfDpDRct { position: relative; display: inline-block; }
._1XhTR-5t_YNwHt7VKPZ3WV { position: absolute; top: 100%; right: 6px; z-index: 1; padding: 2px 5px; font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(242, 28, 82); }
._1XhTR-5t_YNwHt7VKPZ3WV.ng-hide-add { animation: 1s ease 0s 1 normal none running fadeOut; }
._1XhTR-5t_YNwHt7VKPZ3WV.ng-hide-remove { animation: 1s ease 0s 1 normal none running fadeIn; }
._1XhTR-5t_YNwHt7VKPZ3WV button { padding: 0px; border: 0px; font-size: 12px; color: rgb(255, 255, 255); }
._1XhTR-5t_YNwHt7VKPZ3WV button:hover { color: rgb(255, 255, 255); }
._2TA0harNqf-jiMj-hRpDt_ { margin-bottom: 30px; color: rgb(223, 51, 51); font-size: 32px; font-weight: 500; text-align: center; text-transform: capitalize; }
._3Vj992IaHWmf8A9qNPIKRb { margin-bottom: 25px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; text-align: center; }
._3Vj992IaHWmf8A9qNPIKRb > button { width: 353px; height: 48px; text-transform: capitalize; border-radius: 26px; background: rgb(107, 107, 107); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Vj992IaHWmf8A9qNPIKRb > button.active { background-image: linear-gradient(rgb(223, 51, 51), rgb(168, 39, 39) 49%, rgb(112, 26, 26)); }
._3pmwEF4nyLKAgp1vQ6T4iy { width: 100%; text-align: center; padding: 30px 0px 40px; color: rgb(198, 198, 198); background: rgb(30, 6, 6); border: 4px solid rgb(223, 51, 51); border-radius: 35px; }
._1QB8zTy6RBlW5M6rDI4JDM, ._2VvEge7B9ojvKBQxcEM0v4 { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; padding: 0px 25px; font-size: 20px; }
._1QB8zTy6RBlW5M6rDI4JDM > div, ._2VvEge7B9ojvKBQxcEM0v4 > div { display: flex; justify-content: center; align-items: center; min-width: 0px; text-align: center; }
._1QB8zTy6RBlW5M6rDI4JDM > div > span, ._2VvEge7B9ojvKBQxcEM0v4 > div > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._1QB8zTy6RBlW5M6rDI4JDM > div.win, ._2VvEge7B9ojvKBQxcEM0v4 > div.win { color: rgb(255, 193, 7); }
._1QB8zTy6RBlW5M6rDI4JDM { padding-bottom: 34px; color: rgb(223, 51, 51); text-align: center; font-weight: bold; text-transform: capitalize; }
._2VvEge7B9ojvKBQxcEM0v4 > div:first-child { justify-content: left; }
._2VvEge7B9ojvKBQxcEM0v4 > div:last-child { justify-content: end; }
.qoM49xHH8PtwRS911WO19 { position: relative; overflow: hidden; user-select: none; touch-action: manipulation; }
.qoM49xHH8PtwRS911WO19 ._3W0Gaxc4cxu5z6JtRpTzRp { position: absolute; top: 0px; left: 0px; display: block; width: 100%; margin: 0px; padding: 0px; list-style: none; }
._2o0EOdPiF4ffx9yxUU-ilK { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.5s ease-in-out; }
._2o0EOdPiF4ffx9yxUU-ilK.show { opacity: 1; }
._2o0EOdPiF4ffx9yxUU-ilK i { font-size: 50px; }
._2E98JOoYFnjpsqZb2ZcjeQ { flex-shrink: 0; position: relative; display: inline-block; width: 43px; height: 43px; margin-right: 6px; background: rgb(108, 4, 3); border-radius: 50%; }
._2E98JOoYFnjpsqZb2ZcjeQ img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
._1LR_WrgPHZ7xtDZ9uR0R3z { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; overflow: hidden; }
._1LR_WrgPHZ7xtDZ9uR0R3z > img, ._1LR_WrgPHZ7xtDZ9uR0R3z > video { height: 100%; width: 100%; pointer-events: none; }
._1LR_WrgPHZ7xtDZ9uR0R3z > video { position: relative; left: 50%; transform: translateX(-50%); object-fit: cover; }
._4GFFQME3VxQOLaxRzBxeQ { height: 74px; text-align: center; }
._4GFFQME3VxQOLaxRzBxeQ > ul { display: flex; justify-content: space-around; align-items: center; margin: 0px auto; padding: 0px; list-style: none; text-transform: uppercase; }
._4GFFQME3VxQOLaxRzBxeQ > ul > li { height: 78px; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 13px; cursor: pointer; }
._4GFFQME3VxQOLaxRzBxeQ > ul > li:nth-child(5) ol, ._4GFFQME3VxQOLaxRzBxeQ > ul > li:nth-child(6) ol, ._4GFFQME3VxQOLaxRzBxeQ > ul > li:nth-child(7) ol, ._4GFFQME3VxQOLaxRzBxeQ > ul > li:nth-child(8) ol { justify-content: center; }
._4GFFQME3VxQOLaxRzBxeQ > ul > li:hover ._2xvnAce2IF0yzYHRGAlbG8, ._4GFFQME3VxQOLaxRzBxeQ > ul > li:hover ._3_cnEkwQDbIz_8HtA_eCTd { visibility: visible; }
._4GFFQME3VxQOLaxRzBxeQ > ul > li:hover, ._4GFFQME3VxQOLaxRzBxeQ > ul > li.active { color: rgb(254, 58, 0); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li:hover ._70vpGZctQM6BmuzoafNSt::before, ._4GFFQME3VxQOLaxRzBxeQ > ul > li.active ._70vpGZctQM6BmuzoafNSt::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 88px; height: 5px; border-radius: 0px 0px 20px 20px; background-image: radial-gradient(circle at 59% 91%, rgb(255, 157, 96), rgb(230, 66, 33) 17%); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li:hover i, ._4GFFQME3VxQOLaxRzBxeQ > ul > li.active i { background: linear-gradient(rgb(255, 84, 0) 0%, rgb(255, 12, 0) 100%); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li > a { display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; height: 100%; color: inherit; font-weight: bold; text-decoration: none; }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i { width: 30px; height: 26px; margin-bottom: 5px; background-image: radial-gradient(circle at 50% 15%, rgb(255, 255, 255), rgb(185, 185, 185) 68%); mask-size: contain; mask-position: center center; mask-repeat: no-repeat; }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.home { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4b4bcf7633247028ddc33535cfb18718.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.slot { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2e9bac7acb83e7c06cfc423d7b4c99c8.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.fish { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/203a42b205817f7e4cedb3488233b9b3.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.live { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f7edc84a650001f6b915f8ef48763299.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.board { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a7893940a2f62515b8b642c6cf1bca94.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.sport { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/528d43e9118c0b8765c34571201e8764.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.lottery { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/014d7d8e7615f8e8852e40b227a39bce.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.cockfighting { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/cdc535bcfa6798d559c494e16ae79ef0.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.promotion { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/dcb1867c25e38461a2644da374368412.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i.partner { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/645d0f4b19937e9a1b6808e9f51feb64.svg"); }
._4GFFQME3VxQOLaxRzBxeQ > ul > li i._3qj56aOiDLpHJfRM8dOoon { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/73c39064ef76b3c82154fab4e64df49a.svg"); }
._2xvnAce2IF0yzYHRGAlbG8 { position: absolute; cursor: default; width: 100%; color: rgb(255, 255, 255); visibility: hidden; z-index: 3; }
._2xvnAce2IF0yzYHRGAlbG8::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(48, 4, 0, 0.9); backdrop-filter: blur(11.8px); z-index: -1; }
._2xvnAce2IF0yzYHRGAlbG8 ol { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; width: 1200px; list-style: none; margin: 0px auto; padding: 15px 0px; }
._2xvnAce2IF0yzYHRGAlbG8 ol li { width: 95px; height: 142px; font-size: 0px; border-bottom: 4px solid rgba(0, 0, 0, 0); }
._2xvnAce2IF0yzYHRGAlbG8 ol li a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: inherit; text-decoration: none; cursor: pointer; }
._2xvnAce2IF0yzYHRGAlbG8 ol li img { width: 100%; height: 100%; }
._13tmKO0W3pPgdadk0iIKVP { position: relative; }
._13tmKO0W3pPgdadk0iIKVP > a { cursor: default; }
._13tmKO0W3pPgdadk0iIKVP ._3_cnEkwQDbIz_8HtA_eCTd { position: absolute; visibility: hidden; z-index: 3; display: flex; flex-direction: column; row-gap: 3px; top: 94px; right: 0px; width: 174px; height: 97.5px; border-radius: 8.9px; padding: 16px 0px 11px; box-shadow: rgb(57, 57, 57) 0px 4.4px 4.4px 0px inset, rgb(142, 142, 142) 0px -1.1px 4.4px 0px inset; background-color: rgb(46, 46, 46); cursor: default; }
._13tmKO0W3pPgdadk0iIKVP ._3_cnEkwQDbIz_8HtA_eCTd::before { content: ""; position: absolute; top: -25px; right: 36px; width: 0px; height: 0px; box-shadow: rgb(57, 57, 57) 0px 4.4px 4.4px 0px inset, rgb(142, 142, 142) 0px -1.1px 4.4px 0px inset; border-left: 16px solid rgba(0, 0, 0, 0); border-right: 16px solid rgba(0, 0, 0, 0); border-bottom: 30px solid rgb(46, 46, 46); }
._13tmKO0W3pPgdadk0iIKVP ._3_cnEkwQDbIz_8HtA_eCTd::after { content: ""; position: absolute; top: -25px; right: 0px; width: 100%; height: 25px; }
._13tmKO0W3pPgdadk0iIKVP ._3_cnEkwQDbIz_8HtA_eCTd > a { display: flex; align-items: center; padding: 0px 11px; column-gap: 11px; width: 100%; height: 33.2px; color: rgb(255, 255, 255); font-size: 15.4px; font-weight: bold; text-transform: capitalize; }
._13tmKO0W3pPgdadk0iIKVP ._3_cnEkwQDbIz_8HtA_eCTd > a img { width: 26px; height: 26px; }
._13tmKO0W3pPgdadk0iIKVP ._3_cnEkwQDbIz_8HtA_eCTd > a:hover { background-color: rgb(59, 59, 59); text-decoration: none; }
._3OqQUPa46s3o6Bitt3FEqU { display: inline-block; width: 25px; height: 26px; margin-left: 5px; color: rgb(23, 23, 23); border-radius: 2px; background: rgba(0, 0, 0, 0); vertical-align: middle; overflow: hidden; }
._3OqQUPa46s3o6Bitt3FEqU:hover { position: relative; z-index: 1; overflow: visible; }
._3OqQUPa46s3o6Bitt3FEqU > ul { margin: 0px; padding: 0px; }
._3OqQUPa46s3o6Bitt3FEqU > ul._1BFLiQx6X54p9tZ-J5n4Yf { padding: 10px 0px; border-radius: 2px; background: rgb(255, 255, 255); }
._3OqQUPa46s3o6Bitt3FEqU li { line-height: 25px; list-style: none; cursor: pointer; margin-top: 0px !important; }
._3OqQUPa46s3o6Bitt3FEqU li .langIcon { display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }
._3OqQUPa46s3o6Bitt3FEqU li.rTC_C7mNrI_HZN4QPbP-h { display: none; }
._3OqQUPa46s3o6Bitt3FEqU li.BI-GsunOIGrQweCo6cKOa { display: none; }
._3OqQUPa46s3o6Bitt3FEqU li._15rC_Jj7RjQR_ctZRr2lf9 .langIcon { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ded69d7807acd6d572709bf3a25a7c87.png"); }
._3OqQUPa46s3o6Bitt3FEqU li.pcl3UgEANau5txaFb0xb { display: none; }
._3OqQUPa46s3o6Bitt3FEqU li._2EJv50e-9TptsSbiu1ksH6 { display: none; }
._8jKXyjXfmWlPWLPott4E9 { width: 288px; }
._8jKXyjXfmWlPWLPott4E9 section { height: 77px; padding: 16px 0px; color: rgb(0, 0, 0); font-size: 18px; background-color: rgb(249, 219, 1); }
._8jKXyjXfmWlPWLPott4E9 section h3 { margin: 0px; }
._8jKXyjXfmWlPWLPott4E9 section p { margin: 0px; font-size: 15px; }
._8jKXyjXfmWlPWLPott4E9 ul { padding: 14px 20px 12px; background-color: rgb(247, 247, 247); }
._8jKXyjXfmWlPWLPott4E9 ul li { position: relative; height: 38px; list-style: none; }
._8jKXyjXfmWlPWLPott4E9 ul li + li { border-top: 1px solid rgb(228, 228, 228); }
._8jKXyjXfmWlPWLPott4E9 ul li a { display: block; padding: 0px 10px 0px 45px; color: rgb(117, 117, 117); font-size: 14px; text-align: left; text-decoration: none; line-height: 38px; }
._8jKXyjXfmWlPWLPott4E9 ul li a::before { content: ""; position: absolute; top: 7px; left: 0px; width: 23px; height: 24px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/67c5fca736f2ec5f432251d01aa58d70.png") center top no-repeat; }
._8jKXyjXfmWlPWLPott4E9 ul li a::after { content: ""; position: absolute; top: 14px; right: 5px; width: 6px; height: 11px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5290d604ff59ae6e491cd2afebefb1c6.png") center top no-repeat; }
._8jKXyjXfmWlPWLPott4E9 ul li:hover a { color: rgb(235, 80, 0); }
._8jKXyjXfmWlPWLPott4E9 ul li:hover a::before, ._8jKXyjXfmWlPWLPott4E9 ul li:hover a::after { background-position: center bottom; }
._2ex1aHLKvkOwGx3FKfmDPm { position: absolute; z-index: 2; top: 210px; height: 349px; }
._2ex1aHLKvkOwGx3FKfmDPm > ul { display: inline-block; margin: 80px 0px 0px; padding: 0px; list-style: none; }
._2ex1aHLKvkOwGx3FKfmDPm > ul li { width: 189px; height: 69px; background-position: left center; background-repeat: no-repeat; }
._2ex1aHLKvkOwGx3FKfmDPm > ul li:hover { background-position: right center; }
._2ex1aHLKvkOwGx3FKfmDPm > ul li > a { display: inline-block; width: 100%; height: 100%; }
._2ex1aHLKvkOwGx3FKfmDPm > ul li._3v-65ZF2SPb-rgvtdyEkNG { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/57870f09b4a7d45858cb3f44069cdc9d.png"); }
._2ex1aHLKvkOwGx3FKfmDPm > ul li._1SQLsw4e7L6F3nWL3nX4xN { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/678a32ae44bea720a5bbe6e6cc5466e6.png"); }
._2ex1aHLKvkOwGx3FKfmDPm > ul li._3cKJ1wZsNQ3GmGOws7J0oz { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/91d4c79c73a6c9ce7848359f6c0006d4.png"); }
._2ex1aHLKvkOwGx3FKfmDPm > ul li._2IW-5XBYcEkyl7WibALs3M { height: 50px; cursor: pointer; }
._2ex1aHLKvkOwGx3FKfmDPm.ng-enter { animation: 0.5s ease 0s 1 normal none running fadeInLeft; }
._2ex1aHLKvkOwGx3FKfmDPm.ng-leave { animation: 0.5s ease 0s 1 normal none running fadeOutLeft; }
._1lgRqfLkU3CiEQA7nsEzBn { left: 0px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a417b98a57a60f5e735bcace58197222.png"); }
.-Vhs7CExGumnkRL7t96wi { position: absolute; top: 210px; width: 34px; left: 0px; padding: 8px 0px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/48c9da4886f669fe3263b4b72c066775.png"); border-radius: 6px; cursor: pointer; }
.-Vhs7CExGumnkRL7t96wi.expanded { left: 189px; }
._1D9Gie_tsPxv19kUP3-ERw { position: absolute; z-index: 2; top: 210px; height: 349px; }
._1D9Gie_tsPxv19kUP3-ERw > ul { display: inline-block; margin: 80px 0px 0px; padding: 0px; list-style: none; }
._1D9Gie_tsPxv19kUP3-ERw > ul li { width: 189px; height: 69px; background-position: left center; background-repeat: no-repeat; }
._1D9Gie_tsPxv19kUP3-ERw > ul li:hover { background-position: right center; }
._1D9Gie_tsPxv19kUP3-ERw > ul li.wjfjW19WNCaQhf09gfsNc { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4bb055fe981294dac4feb1e52b72aa8b.png"); }
._1D9Gie_tsPxv19kUP3-ERw > ul li._1lFIlsw3kzX44s59oVuqTg { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7d930671058529625cd8dd4cd51513ec.png"); }
._1D9Gie_tsPxv19kUP3-ERw > ul li._1CYyuggU09mosKgbLLghyr { height: 50px; cursor: pointer; }
._1D9Gie_tsPxv19kUP3-ERw.ng-enter { animation: 0.5s ease 0s 1 normal none running fadeInRight; }
._1D9Gie_tsPxv19kUP3-ERw.ng-leave { animation: 0.5s ease 0s 1 normal none running fadeOutRight; }
._1_EaJNaxEN1JT0YY9X1orf { right: 0px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/25c8c77dbd5d4c69a6dea48f7aa596fe.png"); }
.gURey_HEobW7t1YXmSLFS { position: absolute; top: 210px; width: 34px; right: 0px; padding: 8px 0px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/48c9da4886f669fe3263b4b72c066775.png"); border-radius: 6px; cursor: pointer; }
.gURey_HEobW7t1YXmSLFS.expanded { right: 189px; }
._3bIIFLK_KQz05-OtS6z128 { position: relative; overflow: hidden; }
#_3y4nHy-Q0ZqteJQFT39VKG { position: absolute; z-index: 0; top: 0px; left: 50%; width: 1920px; margin-left: -960px; overflow: hidden; }
#_3y4nHy-Q0ZqteJQFT39VKG ul { margin: 0px; padding: 0px; }
#_3y4nHy-Q0ZqteJQFT39VKG, #_32lgXsnhh3y_rGuzRQJnbp, #_13i7y0orlDQ8Sdf-boEiXF, ._3bIIFLK_KQz05-OtS6z128 { height: 534px; }
.DQFgka5Xh4HQIYXhzIIT1 { position: relative; height: 560px; overflow: hidden; }
.DQFgka5Xh4HQIYXhzIIT1 ._21-XRC5Q5hM4cmZRcMIELf { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }
.DQFgka5Xh4HQIYXhzIIT1 ._21-XRC5Q5hM4cmZRcMIELf a { display: inline-block; width: 1920px; height: 560px; text-align: center; }
.DQFgka5Xh4HQIYXhzIIT1 ._21-XRC5Q5hM4cmZRcMIELf a img { max-height: 100%; }
.tOgmfVm7nF5haDy3l5je4 { display: inline-block; padding: 0px; position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 1; }
.tOgmfVm7nF5haDy3l5je4 li { display: inline-block; width: 42px; height: 7px; border-radius: 40.7px; margin: 0px 4px; font-size: 0px; background-image: radial-gradient(circle at 41% 9%, rgb(255, 255, 255), rgb(164, 164, 164) 29%); cursor: pointer; }
.tOgmfVm7nF5haDy3l5je4 li.on { background-image: linear-gradient(rgb(255, 84, 0), rgb(255, 12, 0)); }
._1E0AuwsbQm6jJyXGskw_W2 { display: none; }
._1iO4naGAQnThfIIT2Mr2Yy { position: absolute; top: 100%; z-index: 3; background: rgb(204, 0, 51); white-space: nowrap; }
._1iO4naGAQnThfIIT2Mr2Yy ol { display: inline-block; vertical-align: top; margin: 0px auto; padding: 0px; list-style: none; }
._1iO4naGAQnThfIIT2Mr2Yy ol + ol li { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
._1iO4naGAQnThfIIT2Mr2Yy li { width: 120px; font-size: 13px; line-height: 30px; border: 1px solid rgb(255, 55, 104); }
._1iO4naGAQnThfIIT2Mr2Yy li + li { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
._1iO4naGAQnThfIIT2Mr2Yy li a { display: block; height: 100%; color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }
._1iO4naGAQnThfIIT2Mr2Yy li:hover { background: rgb(255, 55, 104); }
._8vl-y_V7vnCq3DpNFPKB { position: relative; display: inline-block; z-index: 3; vertical-align: top; color: rgb(255, 255, 255); font-size: 17px; background: rgba(172, 72, 13, 0.95); left: -194px; width: 1000px; padding: 10px; text-align: left; line-height: normal; }
._1O0dMF9d72eVRgt3ArKSbu { float: left; width: 25%; height: 100%; }
._1O0dMF9d72eVRgt3ArKSbu + ._1O0dMF9d72eVRgt3ArKSbu { border-left: 1px solid rgba(255, 255, 255, 0.17); }
._1O0dMF9d72eVRgt3ArKSbu ol { margin: 0px; padding: 0px; list-style: none; }
._1IqfConH_u9tioqoDWUePO { display: inline-block; position: relative; width: 100%; height: 180px; margin: 10px; font-size: 0px; }
._1IqfConH_u9tioqoDWUePO p { margin: 0px 0px 20px; color: rgb(227, 227, 227); font-size: 16px; line-height: 1; }
._1IqfConH_u9tioqoDWUePO li { display: inline-block; width: 100px; margin: 0px 5px 6px 0px; padding-left: 5px; color: rgb(255, 255, 255); font-size: 13px; text-align: left; line-height: 24px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background: none; }
._1IqfConH_u9tioqoDWUePO li:hover { color: rgb(32, 17, 9); font-weight: bold; background: none; }
._1IqfConH_u9tioqoDWUePO li a { color: inherit; text-decoration: none; }
._1IqfConH_u9tioqoDWUePO li.more { position: absolute; left: 0px; bottom: 0px; color: rgb(160, 160, 160); font-size: 13px; text-decoration: none; }
.en-us ._1IqfConH_u9tioqoDWUePO li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.th ._1IqfConH_u9tioqoDWUePO li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vi ._1IqfConH_u9tioqoDWUePO li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._12baB67pbenby1gRO6-dFp .modal-dialog { width: 710px; height: 510px; margin-top: 12%; }
._12baB67pbenby1gRO6-dFp .modal-content { position: relative; height: 100%; border: 0px; box-shadow: none; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5dcf44735e80c02cf3d1625cd0d5585a.png") center center / cover no-repeat; }
._28cObwyuzbpx9wPeyXBP1- { position: absolute; top: -40px; right: -28px; width: 44px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/20222bd11fe6e852abbed9c848673028.png") center center / contain no-repeat; cursor: pointer; z-index: 1; }
._3ZAVQC4GvZbtSB4-ovwH7k { position: absolute; top: -178px; left: 50%; transform: translateX(-50%); width: 553px; height: 178px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c565399701c5a6e8fd917d40155fb734.png") center center / contain no-repeat; }
._3ZAVQC4GvZbtSB4-ovwH7k > figure { position: relative; display: inline-flex; align-items: center; justify-content: center; margin: 144px 0px 0px; height: 69px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/bf165a73b2a913ef38313c98d1efea19.png") center center / contain repeat-x; }
._3ZAVQC4GvZbtSB4-ovwH7k > figure::before, ._3ZAVQC4GvZbtSB4-ovwH7k > figure::after { content: ""; position: absolute; top: 0px; width: 35px; height: 69px; }
._3ZAVQC4GvZbtSB4-ovwH7k > figure::before { left: -35px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5a161a8e43d05d7ae4ccb7acf7cbf531.png") center center / contain no-repeat; }
._3ZAVQC4GvZbtSB4-ovwH7k > figure::after { right: -35px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6db0ef04e071e5034a6766a4df4db660.png") center center / contain no-repeat; }
._3ZAVQC4GvZbtSB4-ovwH7k span { margin: 0px 0px 9px; font-size: 36px; font-weight: bold; text-align: center; white-space: nowrap; background: linear-gradient(rgb(249, 255, 234), rgb(255, 214, 125), rgb(187, 106, 27)) text; -webkit-text-fill-color: rgba(0, 0, 0, 0); filter: drop-shadow(rgb(9, 63, 30) 0px 3px 5px); }
._1S3q1zJDiv4x05AT8EKuvz { padding: 56px 0px 29px; text-align: center; }
._14N_xOBpNayNuLNj3p3KIc { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 440px; height: 185px; margin: 0px auto 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5edf80ecc700230bb8f352bbd50ebeb5.png") center center / contain no-repeat; }
._14N_xOBpNayNuLNj3p3KIc span { color: rgb(255, 255, 85); font-size: 40px; font-weight: bold; }
._14N_xOBpNayNuLNj3p3KIc span._1J3HKrU5ZqL0JBNpOH7lWd { line-height: 66px; font-size: 68px; }
.Rmx2APSjQejEHUGQqDL91 { width: 580px; height: 110px; margin: 0px auto 24px; padding: 0px 7px; border-radius: 20px; background: rgb(254, 247, 166); }
.Rmx2APSjQejEHUGQqDL91 table { width: 100%; }
.Rmx2APSjQejEHUGQqDL91 table thead { border-bottom: 2px dotted rgb(16, 150, 45); }
.Rmx2APSjQejEHUGQqDL91 table th { width: 33.3333%; height: 54px; color: rgb(16, 150, 45); font-size: 16px; font-weight: bold; text-align: center; }
.Rmx2APSjQejEHUGQqDL91 table td { width: 33.3333%; height: 54px; }
.Rmx2APSjQejEHUGQqDL91 ._3haHKUt9V-tUPEdgZUmTEG, .Rmx2APSjQejEHUGQqDL91 ._3iF1nuTaeQeKjj2hKlqIGH { display: block; width: 24px; height: 24px; margin: 0px auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/02aee722367c700e4e9539e5cd70f2b8.png") center center / contain no-repeat; }
.Rmx2APSjQejEHUGQqDL91 ._3iF1nuTaeQeKjj2hKlqIGH { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/620b91943f951e3f00403476bd1d5e2a.png") center center / contain no-repeat; }
._2KyTlyaZRpiRkl7paRTrQW { position: relative; display: inline-block; vertical-align: middle; min-width: 118px; height: 87px; padding: 0px 30px 7px; color: rgb(0, 70, 26); font-size: 24px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a148537d1538f6a0049383291d662199.png") center center / contain repeat-x; outline: none; cursor: pointer; }
._2KyTlyaZRpiRkl7paRTrQW::before, ._2KyTlyaZRpiRkl7paRTrQW::after { content: ""; position: absolute; top: 0px; left: -42px; width: 42px; height: 87px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/47d9448d7b6383b0a8b7b31ab6fae764.png") center center / contain no-repeat; }
._2KyTlyaZRpiRkl7paRTrQW::after { left: unset; right: -42px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/aad2ddf7fe5e983f921a53c9a04000cf.png") center center / contain no-repeat; }
._2KyTlyaZRpiRkl7paRTrQW img { position: absolute; bottom: 26px; right: -21px; z-index: 1; }
._2KyTlyaZRpiRkl7paRTrQW.disabled { filter: grayscale(1); }
._2h9LctauXGB_0q38T70tL4 { position: absolute; top: 72px; left: 4px; width: 87px; height: 101px; }
._1uO262IkrkkeQy6uwPKh1o { position: absolute; top: 125px; right: 44px; width: 46px; height: 51px; }
.iJ0_orAmr3_S9nhI8gVbE { position: absolute; bottom: 48px; right: 91px; width: 89px; height: 101px; }
.nKpNikdfi4J8CegG1KlqF, ._2AbsvjIMJ7juGdKnvXNcpm { position: absolute; width: 10px; height: 10px; }
.nKpNikdfi4J8CegG1KlqF { left: 39px; bottom: 205px; }
._2AbsvjIMJ7juGdKnvXNcpm { right: 40px; bottom: 130px; }
.V7Ulk7BaxhpzbJE9NKnNG .modal-dialog { width: 850px; }
.V7Ulk7BaxhpzbJE9NKnNG .modal-content { background: none; }
._3It1jUEpjK4w9MwWEarJ6v { height: 60px; font-size: 21px; background: gray; border-bottom: 1px solid rgb(204, 204, 204); }
._3It1jUEpjK4w9MwWEarJ6v button { margin-top: 15px; margin-right: 15px; color: rgb(0, 0, 0); font-weight: bold; text-shadow: rgb(255, 255, 255) 0px 1px 0px; line-height: 1; background: rgba(0, 0, 0, 0); opacity: 0.2; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; appearance: none; cursor: pointer; }
._3It1jUEpjK4w9MwWEarJ6v p { margin: 0px; color: rgb(255, 255, 255); line-height: 60px; }
._2k9coX2qXX4dMT7gFXEOtP { padding: 20px; font-size: 14px; color: rgb(0, 0, 0); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg") repeat; }
.y1sE3t1pzF96BpwUzywEg { padding: 19px 20px 20px; background: rgb(233, 233, 233); border-top: 1px solid rgb(229, 229, 229); }
.y1sE3t1pzF96BpwUzywEg button { width: 119px; height: 45px; font-size: 15px; font-weight: bolder; line-height: 45px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/eec4add93f430d9155ce6f857e8edbde.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ze8tEtJj_ZjnERvE_Rker { margin: 0px; color: rgb(0, 0, 0); font-size: 16px; }
._3ckSgIbM5h7ensoDEfbKcE { color: rgb(207, 207, 207); font-size: 12px; line-height: 22px; }
._2eIcfju9XkQs909f15S7OQ > div { padding: 0px 15px; }
._3QqiJEsaOx0TGWKUqEAJHQ .modal-dialog { width: 474px; color: rgb(102, 102, 102); font-size: 14px; }
._3vNM0FmjtXbVsuk5UdacCe { font-size: 20px; margin-left: 10px; }
._3vNM0FmjtXbVsuk5UdacCe.highlight { color: rgb(255, 102, 0); font-size: 24px; }
._2wf78XLjDfY-9wt7IjRer { padding: 12px 29px; font-size: 16px; border-bottom: 1px solid rgb(204, 204, 204); }
._1N1AwUqwJS750mgHD3aUBX { padding: 0px 29px; }
._2Y31tXUy2kb63u7H6bLS_m { padding: 48px 0px 37px; }
._2Y31tXUy2kb63u7H6bLS_m small { margin-top: 12px; color: rgb(153, 153, 153); font-size: 12px; user-select: none; }
._2Y31tXUy2kb63u7H6bLS_m small i { color: rgb(66, 134, 245); }
._3_zmRqwIOECj4mIzEUE_Ha { padding: 14px 0px 34px; border-top: 1px solid rgb(204, 204, 204); }
._3_zmRqwIOECj4mIzEUE_Ha > p { margin: 0px; padding: 14px 0px; }
.nf-N8no6LT9IxoNtjzjEz { position: relative; height: 20px; background-color: rgb(228, 228, 228); border-radius: 10px; overflow: hidden; }
.nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi { height: 100%; }
.nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi.green { background-color: rgb(0, 204, 51); }
.nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi.orange { background-color: rgb(255, 153, 0); }
.nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi.red { background-color: red; }
.nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi p { position: absolute; top: 0px; right: 0px; left: 0px; color: rgb(0, 0, 0); line-height: 20px; text-align: center; }
._280J37iPPyT3w0IoOj0Wyz { margin-top: 5px; }
._280J37iPPyT3w0IoOj0Wyz small { color: rgb(153, 153, 153); font-size: 12px; }
.fEDsPMV5nBFk75F5uawvj { margin-top: 54px; overflow: hidden; }
.fEDsPMV5nBFk75F5uawvj p { margin: 0px; }
._1TrLPePYkWUAfehhlxKs7x { padding: 30px 0px 38px; border-top: 1px solid rgb(204, 204, 204); }
._1TrLPePYkWUAfehhlxKs7x p { margin: 0px 0px 34px; }
._1TrLPePYkWUAfehhlxKs7x button { display: inline-block; min-width: 60px; vertical-align: top; padding: 5px 10px; color: rgb(255, 255, 255); background-color: rgb(72, 72, 72); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 3px; outline: none; }
._1TrLPePYkWUAfehhlxKs7x button.btn-confirm { margin-left: 10px; background-color: rgb(55, 95, 210); }
._1_xrzUxZrVHitVy5rqvqJR .modal-dialog { width: 670px; height: 489px; }
._1_xrzUxZrVHitVy5rqvqJR .modal-content { padding: 96px 80px 0px; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/318062ee6c903be75f9af327ec8ccc62.png") center center no-repeat; border: 0px; box-shadow: none; }
._10m1saW5vi31k0jl7ZPoQm { font-size: 48px; font-weight: bold; -webkit-text-stroke: 1.5px rgb(51, 44, 29); -webkit-text-fill-color: rgb(250, 214, 84); font-family: Tahoma, Geneva, sans-serif; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; }
._1p1r4UaQQj0BCRUGUxWmfz { width: 525px; }
._1OHuyaWUveYNPK5xXbnC2r { position: absolute; right: 0px; top: 16px; width: 40px; height: 40px; cursor: pointer; }
._2h7dYQf-gnYOW7wWPRdV3M { margin: 1em 0px; color: rgb(17, 17, 17); font-size: 16px; }
._3GE77EMyXguRtgrLQw-nHk { width: 510px; }
._3GE77EMyXguRtgrLQw-nHk small { font-size: 10px; }
._3GE77EMyXguRtgrLQw-nHk div { height: 65px; padding-top: 5px; font-size: 16px; color: rgb(140, 140, 140); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 247, 185); }
._3RB7I6AU79cEjJHVlm1pGR div { height: 40px; padding-top: 0px; color: rgb(63, 63, 63); line-height: 40px; background-color: rgb(255, 221, 84); }
._3j3dc3vJak3lqu_GQNy2iw { height: 130px; overflow: hidden scroll; }
._1dWZSpuWH6AQyTFXq0boWk div { height: 45px; color: rgb(246, 50, 50); }
._3_AW7LMdEbOKAfhzVeh-8- { width: 78px; height: 41px; margin: 8px 0px; padding: 0px; font-size: 14px; background: center top no-repeat; border: 0px; }
._3_AW7LMdEbOKAfhzVeh-8-:hover { background-position: center bottom; }
._3_AW7LMdEbOKAfhzVeh-8-.refresh { color: rgb(17, 17, 17); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/717fed24dc0dbad1ed350d7d3e050d37.png"); }
._3_AW7LMdEbOKAfhzVeh-8-.receive { color: rgb(255, 255, 255); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3ee032a766b8fa2d85758ee647a078a3.png"); }
._3sDYpUq-uOFl2KaQEN3RsK { color: rgb(153, 153, 153); font-size: 14px; }
._3aeeLb3TyoICj1ewuRJpYW .modal-dialog { width: 500px; margin: 180px auto 0px; }
._3aeeLb3TyoICj1ewuRJpYW .modal-dialog [ng-click] { cursor: pointer; }
._3aeeLb3TyoICj1ewuRJpYW .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: rgb(239, 239, 240); border-radius: 5px; }
._3aeeLb3TyoICj1ewuRJpYW .modal-header { color: rgb(255, 255, 255); background-color: rgb(38, 38, 38); border-radius: 4px 4px 0px 0px; }
._3aeeLb3TyoICj1ewuRJpYW .modal-header h4 { font-weight: bold; }
._3aeeLb3TyoICj1ewuRJpYW .modal-header button { font-size: 20px; opacity: 1; }
._3aeeLb3TyoICj1ewuRJpYW .modal-body { padding: 15px 30px; }
._3aeeLb3TyoICj1ewuRJpYW p { margin: 10px 0px 25px; }
._3aeeLb3TyoICj1ewuRJpYW ul { padding: 0px; }
._3aeeLb3TyoICj1ewuRJpYW ul li { display: flex; justify-content: space-between; margin: 5px auto 20px; padding: 15px 30px; font-weight: bold; font-size: 18px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0); border-radius: 5px; box-shadow: rgb(221, 221, 221) 0px 5px 10px; }
._3aeeLb3TyoICj1ewuRJpYW ul li:hover { border: 1px solid rgb(38, 38, 38); }
._3aeeLb3TyoICj1ewuRJpYW ul i { width: 30px; color: rgb(255, 255, 255); }
._2TdHYL1gjcnd58Wfa9UIuD .modal-dialog { width: auto; margin-top: 115px; }
._2TdHYL1gjcnd58Wfa9UIuD .modal-content { position: relative; width: 900px; height: 400px; margin: 0px auto; padding: 0px 50px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/90b36cf478892743ae0c4afb8efbd071.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._3-rrrxvWmNc73kmrqMAHK9 { position: relative; }
._3-rrrxvWmNc73kmrqMAHK9 h1 { margin: 0px; padding: 19px 0px; color: rgb(17, 48, 76); font-size: 26px; font-weight: bold; line-height: normal; letter-spacing: 5px; text-align: center; }
._3-rrrxvWmNc73kmrqMAHK9 > button { position: absolute; top: -29px; right: -27px; width: 54px; height: 58px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0400e5bc8e608d75619ff5675851daea.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
._3wuioGeccbWst-owM7aq5N { height: 240px; margin-bottom: 10px; overflow-y: auto; }
._3wuioGeccbWst-owM7aq5N > section { width: 560px; height: 100%; margin: 0px auto; padding: 55px 0px 0px 235px; text-align: left; color: rgb(127, 127, 127); font-size: 18px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a9948eaccc6e0900dd6e4c4476c2adb4.png") left center no-repeat; }
._3wuioGeccbWst-owM7aq5N > section p { margin: 0px 0px 20px; color: rgb(61, 100, 201); font-size: 30px; font-weight: bold; letter-spacing: 5px; }
._3wuioGeccbWst-owM7aq5N > section ._39cRb21fIxcRmmCaCX4C3B { margin: 0px 5px; color: rgb(253, 128, 45); }
._27btu-esQt5L5fUq4efTmP { text-align: center; }
._27btu-esQt5L5fUq4efTmP button { width: 141px; height: 55px; margin: 0px 10px; padding-bottom: 8px; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/245f656ccdc80b23af9d4e46c44ba799.png") center top no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._27btu-esQt5L5fUq4efTmP button:hover { color: rgb(255, 246, 0); }
._2o72zAjyIOZF6no4CsSxN0 .modal-dialog { width: auto; margin-top: 115px; }
._2o72zAjyIOZF6no4CsSxN0 .modal-content { position: relative; width: 820px; margin: 0px auto; background: rgb(24, 26, 38); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; border-radius: 20px; }
.xe2wRORPd8pCAASwxnb3k { position: relative; min-height: 440px; }
.xe2wRORPd8pCAASwxnb3k h1 { position: relative; margin: 0px; color: rgb(255, 248, 223); text-align: center; line-height: 60px; font-size: 24px; font-weight: bold; z-index: 1; }
.xe2wRORPd8pCAASwxnb3k h1::before { content: ""; position: absolute; inset: 0px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55c86ce8673fea1d1b8073a40ef22c53.svg"); background-image: linear-gradient(to right, rgb(36, 38, 48) 90%, rgb(32, 35, 50) 34%); z-index: -1; border-radius: 20px; }
.xe2wRORPd8pCAASwxnb3k h1::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 800px; height: 1px; background-image: linear-gradient(to left, rgb(42, 45, 60) 0%, rgb(42, 45, 60) 35%, rgb(255, 233, 159) 50%, rgb(42, 45, 60) 65%, rgb(42, 45, 60) 100%); }
.xe2wRORPd8pCAASwxnb3k > button { position: absolute; top: -23px; right: -23px; width: 46px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f170ee2b37d625c0f624003d340d2579.png") center center / contain no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; z-index: 2; }
._3ASspINYs2BRHp2gtI6kkn { max-height: 436px; margin-bottom: 10px; margin-top: 20px; overflow-y: auto; }
._3ASspINYs2BRHp2gtI6kkn > section { width: 460px; height: 100%; margin: 0px auto; padding: 55px 0px 0px 260px; text-align: left; color: rgb(234, 236, 255); font-size: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ca305392dcd5e712578a3b820f28def0.png") left center no-repeat; }
._3ASspINYs2BRHp2gtI6kkn > section p { margin: 0px 0px 20px; color: rgb(255, 233, 159); font-size: 30px; font-weight: 900; letter-spacing: 5px; }
._3ASspINYs2BRHp2gtI6kkn > section ._1SxQ-NEfWqG_Ls5B7YsVy5 { margin: 0px 5px; color: rgb(255, 233, 159); }
.pSLyt6TQGcHkIwaxXavI- { text-align: center; }
.pSLyt6TQGcHkIwaxXavI- button { width: 206px; height: 48px; margin: 38px 10px; color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19c0f0383f48a1a36324a2389e58d9ff.png") center center / contain no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.pSLyt6TQGcHkIwaxXavI- ._2Bz9axRqUZWPwv-3U5laTL { position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); width: 46px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f170ee2b37d625c0f624003d340d2579.png") center center / contain no-repeat; cursor: pointer; }
.xfq3-VyWN9iHXrVXsOF8z .modal-dialog { width: auto; margin-top: 115px; }
.xfq3-VyWN9iHXrVXsOF8z .modal-content { position: relative; width: 900px; height: 400px; margin: 0px auto; padding: 0px 50px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/90b36cf478892743ae0c4afb8efbd071.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._1HAT12F3UTrYyR8JOeBFr4 { position: relative; }
._1HAT12F3UTrYyR8JOeBFr4 h1 { margin: 0px; padding: 19px 0px; color: rgb(17, 48, 76); font-size: 26px; font-weight: bold; line-height: normal; letter-spacing: 5px; text-align: center; }
._1HAT12F3UTrYyR8JOeBFr4 > button { position: absolute; top: -29px; right: -27px; width: 54px; height: 58px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0400e5bc8e608d75619ff5675851daea.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
._2F0jVF4eoLFHv6sVbv5lxw { height: 240px; margin-bottom: 10px; overflow-y: auto; }
._2F0jVF4eoLFHv6sVbv5lxw > section { width: 560px; height: 100%; margin: 0px auto; padding: 55px 0px 0px 235px; text-align: left; color: rgb(127, 127, 127); font-size: 18px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a9948eaccc6e0900dd6e4c4476c2adb4.png") left center no-repeat; }
._2F0jVF4eoLFHv6sVbv5lxw > section p { margin: 0px 0px 20px; color: rgb(61, 100, 201); font-size: 30px; font-weight: bold; letter-spacing: 5px; }
._2F0jVF4eoLFHv6sVbv5lxw > section ._1PNl658S6L5a3RSY1kDoxe { margin: 0px 5px; color: rgb(253, 128, 45); }
.drdvfDznug81QZQNFZsge { text-align: center; }
.drdvfDznug81QZQNFZsge button { width: 141px; height: 55px; margin: 0px 10px; padding-bottom: 8px; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/245f656ccdc80b23af9d4e46c44ba799.png") center top no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.drdvfDznug81QZQNFZsge button:hover { color: rgb(255, 246, 0); }
._2F0jVF4eoLFHv6sVbv5lxw::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(245, 245, 245); }
._2F0jVF4eoLFHv6sVbv5lxw::-webkit-scrollbar { width: 12px; background-color: rgb(245, 245, 245); }
._2F0jVF4eoLFHv6sVbv5lxw::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(127, 127, 127); }
._2F0jVF4eoLFHv6sVbv5lxw > ul { width: 700px; margin: 0px auto; color: rgb(127, 127, 127); font-size: 18px; line-height: 40px; list-style: disc; }
._2F0jVF4eoLFHv6sVbv5lxw > ul li { word-break: break-all; }
._2F0jVF4eoLFHv6sVbv5lxw > ul li p[ng-click] { cursor: pointer; }
._2F0jVF4eoLFHv6sVbv5lxw > ul li h6 { margin: 0px; font-size: inherit; font-weight: normal; }
._2F0jVF4eoLFHv6sVbv5lxw > ul li ul { margin-left: 2em; list-style: circle; }
._2F0jVF4eoLFHv6sVbv5lxw ._3HXHRIJzb5nPHHkEfKuB0e { display: inline; }
._2F0jVF4eoLFHv6sVbv5lxw ._3HXHRIJzb5nPHHkEfKuB0e > p { display: inline; margin: 0px; font-weight: bold; }
._2F0jVF4eoLFHv6sVbv5lxw ._3HXHRIJzb5nPHHkEfKuB0e button { color: rgb(253, 128, 45); padding: 0px; background: 0px center; border: 0px; outline: none; }
.iauseFUgbqrki6RmrUT5I .modal-dialog { width: auto; margin-top: 115px; }
.iauseFUgbqrki6RmrUT5I .modal-content { position: relative; width: 820px; margin: 0px auto; background: rgb(24, 26, 38); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; border-radius: 20px; }
.d5EW-4QUM0hbDpD-U0EMi { position: relative; min-height: 440px; }
.d5EW-4QUM0hbDpD-U0EMi h1 { position: relative; margin: 0px; color: rgb(255, 248, 223); text-align: center; line-height: 60px; font-size: 24px; font-weight: bold; z-index: 1; }
.d5EW-4QUM0hbDpD-U0EMi h1::before { content: ""; position: absolute; inset: 0px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55c86ce8673fea1d1b8073a40ef22c53.svg"); background-image: linear-gradient(to right, rgb(36, 38, 48) 90%, rgb(32, 35, 50) 34%); z-index: -1; border-radius: 20px; }
.d5EW-4QUM0hbDpD-U0EMi h1::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 800px; height: 1px; background-image: linear-gradient(to left, rgb(42, 45, 60) 0%, rgb(42, 45, 60) 35%, rgb(255, 233, 159) 50%, rgb(42, 45, 60) 65%, rgb(42, 45, 60) 100%); }
.d5EW-4QUM0hbDpD-U0EMi > button { position: absolute; top: -23px; right: -23px; width: 46px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f170ee2b37d625c0f624003d340d2579.png") center center / contain no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; z-index: 2; }
._1pM8uVzV6Oi8KlQ-j38kA7 { max-height: 436px; margin-bottom: 10px; margin-top: 20px; overflow-y: auto; }
._1pM8uVzV6Oi8KlQ-j38kA7 > section { width: 460px; height: 100%; margin: 0px auto; padding: 55px 0px 0px 260px; text-align: left; color: rgb(234, 236, 255); font-size: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ca305392dcd5e712578a3b820f28def0.png") left center no-repeat; }
._1pM8uVzV6Oi8KlQ-j38kA7 > section p { margin: 0px 0px 20px; color: rgb(255, 233, 159); font-size: 30px; font-weight: 900; letter-spacing: 5px; }
._1pM8uVzV6Oi8KlQ-j38kA7 > section ._3nUwPNn5fJ70jC5feaCpgz { margin: 0px 5px; color: rgb(255, 233, 159); }
._1j1M3otO-pNlsQEUg7udib { text-align: center; }
._1j1M3otO-pNlsQEUg7udib button { width: 206px; height: 48px; margin: 38px 10px; color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19c0f0383f48a1a36324a2389e58d9ff.png") center center / contain no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1j1M3otO-pNlsQEUg7udib ._3q-2az2SMUhU1apvPC8PZ5 { position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); width: 46px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f170ee2b37d625c0f624003d340d2579.png") center center / contain no-repeat; cursor: pointer; }
._1pM8uVzV6Oi8KlQ-j38kA7::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; border-radius: 4px; background-color: rgb(40, 42, 58); }
._1pM8uVzV6Oi8KlQ-j38kA7::-webkit-scrollbar { width: 8px; background-color: rgb(40, 42, 58); }
._1pM8uVzV6Oi8KlQ-j38kA7::-webkit-scrollbar-thumb { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(255, 233, 159); }
._1pM8uVzV6Oi8KlQ-j38kA7 > ul { width: 700px; margin: 0px 24px; color: rgb(234, 236, 255); font-size: 20px; line-height: 1.6; list-style: disc; }
._1pM8uVzV6Oi8KlQ-j38kA7 > ul li { word-break: break-all; }
._1pM8uVzV6Oi8KlQ-j38kA7 > ul li p[ng-click] { cursor: pointer; }
._1pM8uVzV6Oi8KlQ-j38kA7 > ul li h6 { margin: 0px; font-size: inherit; font-weight: normal; }
._1pM8uVzV6Oi8KlQ-j38kA7 > ul li ul { margin-left: 2em; list-style: circle; }
._1pM8uVzV6Oi8KlQ-j38kA7 ._13utWwznMYy7oE6DvHfCxf { display: inline; }
._1pM8uVzV6Oi8KlQ-j38kA7 ._13utWwznMYy7oE6DvHfCxf > p { display: inline; margin: 0px; font-weight: bold; }
._1pM8uVzV6Oi8KlQ-j38kA7 ._13utWwznMYy7oE6DvHfCxf button { color: rgb(255, 233, 159); padding: 0px; background: 0px center; border: 0px; outline: none; }
._1GBPlIVL59vJ_u6ew_MyGR .modal-dialog { width: auto; margin-top: 115px; }
._1GBPlIVL59vJ_u6ew_MyGR .modal-content { position: relative; width: 820px; margin: 0px auto; background: rgb(24, 26, 38); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; border-radius: 20px; }
._1vdTZ-TVIH1nU3Qej8Fkog { position: relative; min-height: 440px; }
._1vdTZ-TVIH1nU3Qej8Fkog h1 { position: relative; margin: 0px; color: rgb(255, 248, 223); text-align: center; line-height: 60px; font-size: 24px; font-weight: bold; z-index: 1; }
._1vdTZ-TVIH1nU3Qej8Fkog h1::before { content: ""; position: absolute; inset: 0px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55c86ce8673fea1d1b8073a40ef22c53.svg"); background-image: linear-gradient(to right, rgb(36, 38, 48) 90%, rgb(32, 35, 50) 34%); z-index: -1; border-radius: 20px; }
._1vdTZ-TVIH1nU3Qej8Fkog h1::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 800px; height: 1px; background-image: linear-gradient(to left, rgb(42, 45, 60) 0%, rgb(42, 45, 60) 35%, rgb(255, 233, 159) 50%, rgb(42, 45, 60) 65%, rgb(42, 45, 60) 100%); }
._1vdTZ-TVIH1nU3Qej8Fkog > button { position: absolute; top: -23px; right: -23px; width: 46px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f170ee2b37d625c0f624003d340d2579.png") center center / contain no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; z-index: 2; }
.PgSQSs_zW1c5KCQVrggwC { max-height: 436px; margin-bottom: 10px; margin-top: 20px; overflow-y: auto; }
.PgSQSs_zW1c5KCQVrggwC > section { width: 460px; height: 100%; margin: 0px auto; padding: 55px 0px 0px 260px; text-align: left; color: rgb(234, 236, 255); font-size: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ca305392dcd5e712578a3b820f28def0.png") left center no-repeat; }
.PgSQSs_zW1c5KCQVrggwC > section p { margin: 0px 0px 20px; color: rgb(255, 233, 159); font-size: 30px; font-weight: 900; letter-spacing: 5px; }
.PgSQSs_zW1c5KCQVrggwC > section ._1Vhr14hidjB0sLOy_YgLav { margin: 0px 5px; color: rgb(255, 233, 159); }
.uIncMSNlJwt1XfxwI6s0j { text-align: center; }
.uIncMSNlJwt1XfxwI6s0j button { width: 206px; height: 48px; margin: 38px 10px; color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19c0f0383f48a1a36324a2389e58d9ff.png") center center / contain no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.uIncMSNlJwt1XfxwI6s0j ._2ewyP3FXJ1tZK10ej3dOjj { position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); width: 46px; height: 46px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f170ee2b37d625c0f624003d340d2579.png") center center / contain no-repeat; cursor: pointer; }
._2SJBcwWCIS1l1jE2gntd0j .modal-dialog { width: auto; margin-top: 115px; }
._2SJBcwWCIS1l1jE2gntd0j .modal-content { position: relative; width: 900px; height: 400px; margin: 0px auto; padding: 0px 50px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/90b36cf478892743ae0c4afb8efbd071.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._3y5YcS6sn_2ScoDYP7339n { position: relative; }
._3y5YcS6sn_2ScoDYP7339n h1 { margin: 0px; padding: 19px 0px; color: rgb(17, 48, 76); font-size: 26px; font-weight: bold; line-height: normal; letter-spacing: 5px; text-align: center; }
._3y5YcS6sn_2ScoDYP7339n > button { position: absolute; top: -29px; right: -27px; width: 54px; height: 58px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0400e5bc8e608d75619ff5675851daea.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
._2ULp_tRz89CTE_XbyFXtYj { height: 240px; margin-bottom: 10px; overflow-y: auto; }
._2ULp_tRz89CTE_XbyFXtYj > section { width: 560px; height: 100%; margin: 0px auto; padding: 55px 0px 0px 235px; text-align: left; color: rgb(127, 127, 127); font-size: 18px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a9948eaccc6e0900dd6e4c4476c2adb4.png") left center no-repeat; }
._2ULp_tRz89CTE_XbyFXtYj > section p { margin: 0px 0px 20px; color: rgb(61, 100, 201); font-size: 30px; font-weight: bold; letter-spacing: 5px; }
._2ULp_tRz89CTE_XbyFXtYj > section ._2UVRBkTZ9R151MoHvs9F6C { margin: 0px 5px; color: rgb(253, 128, 45); }
._38o5g54_kEJLq9HWI40O-m { text-align: center; }
._38o5g54_kEJLq9HWI40O-m button { width: 141px; height: 55px; margin: 0px 10px; padding-bottom: 8px; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/245f656ccdc80b23af9d4e46c44ba799.png") center top no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._38o5g54_kEJLq9HWI40O-m button:hover { color: rgb(255, 246, 0); }
.Sy6GxWtf1dVBFjjE5_DX { margin: 0px; color: rgb(0, 0, 0); font-size: 16px; }
._2meO3wUpOTsTdPXTHtGGp7 .modal-dialog { margin-top: 120px; width: 710px; }
.UNOpRqg_lrGK4waUjjxoF { background: rgb(204, 204, 204); border-top-right-radius: 6px; border-top-left-radius: 6px; text-align: center; padding: 3px 15px; }
.UNOpRqg_lrGK4waUjjxoF span { font-weight: bold; }
.UNOpRqg_lrGK4waUjjxoF button { position: absolute; top: 1px; right: 3px; }
._1vveaQwJ8DfYKPNva8D1BK { padding: 0px; }
._1vveaQwJ8DfYKPNva8D1BK img { width: 100%; height: auto; }
._1aLsFvnBu7r37_9xfUSOZl { text-align: center; padding: 3px 15px; }
._1aLsFvnBu7r37_9xfUSOZl span { font-weight: bold; }
._1aLsFvnBu7r37_9xfUSOZl button { background: rgb(255, 216, 0); font-size: 12px; border: 1px solid rgb(211, 211, 211); color: rgb(85, 85, 85); float: right; position: absolute; bottom: 1px; right: 3px; }
.fCE1DLlXhZlXqLBy2RSBX .modal-dialog { width: 100%; margin: 0px; font-family: SegoeUI; }
.fCE1DLlXhZlXqLBy2RSBX .modal-content { position: relative; min-height: 100vh; border: 0px; box-shadow: none; background: rgba(0, 0, 0, 0); }
._3bjBaevcXuA04plKLzojtq .kHE3XfU-kaiKTlRJPdo5s { background: rgba(0, 0, 0, 0.45); height: 100vh; width: 100vw; }
._3bjBaevcXuA04plKLzojtq ._1UExMb_90Ik8BVyGCL10nI { position: absolute; top: 50px; right: 15px; width: 16px; height: 16px; mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/69a08ad943c744cbf5ae55c9624048b9.svg"); background: rgb(255, 255, 255); cursor: pointer; z-index: 5; }
._3bjBaevcXuA04plKLzojtq h2 { margin: 3px 0px -76px; color: rgb(255, 255, 255); font-size: 34px; font-weight: bold; word-break: break-word; }
._3bjBaevcXuA04plKLzojtq ._2ZDgBQ1aTcnVKlf6MdpwOo { margin-top: -20px; padding: 20px 0px 0px; border-radius: 15px; background-image: linear-gradient(rgb(255, 241, 189), rgb(254, 255, 255)); }
._3bjBaevcXuA04plKLzojtq ._2ZDgBQ1aTcnVKlf6MdpwOo > img { margin: auto; max-height: 60px; }
._3bjBaevcXuA04plKLzojtq ._2ZDgBQ1aTcnVKlf6MdpwOo ._2oNvPrlU6CDwIGAkkNdpDA { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); }
._18YghAmLRLCmRmoNQon2Ok { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; z-index: 10; }
._18YghAmLRLCmRmoNQon2Ok ._3aG2S4n6i8AzuqVVLPaoqX { position: absolute; top: 0px; transform: translateX(-50%); animation-name: _1-WH1bxKNaNy51DtqKOCEU; animation-timing-function: linear; animation-fill-mode: forwards; pointer-events: auto; }
._18YghAmLRLCmRmoNQon2Ok ._3aG2S4n6i8AzuqVVLPaoqX ._9bCRuhww_QmFmwRbbIJeo { display: flex; align-items: center; justify-content: center; pointer-events: auto; cursor: pointer; }
._18YghAmLRLCmRmoNQon2Ok ._3aG2S4n6i8AzuqVVLPaoqX ._9bCRuhww_QmFmwRbbIJeo > img { transform: scale(0.8); }
._2fR9-1zh6GFNuwuHofq9SU { transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; animation: auto ease 0s 1 normal none running none !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) scale(1) !important; }
._32SzWS0CHI1QnVLZkUPnXL { position: relative; width: 450px; padding-top: 40px; margin: auto; }
._32SzWS0CHI1QnVLZkUPnXL ._1E80SdJfMcevXxiKBy177t { padding: 14px; text-align: center; border-radius: 20px; background-image: linear-gradient(rgb(250, 62, 77), rgb(253, 179, 140) 23%, rgb(252, 215, 183)); }
._32SzWS0CHI1QnVLZkUPnXL ._1E80SdJfMcevXxiKBy177t .slick-arrow { display: inline-block; width: 18px; height: 28px; z-index: 5; }
._32SzWS0CHI1QnVLZkUPnXL ._1E80SdJfMcevXxiKBy177t .slick-arrow::before { display: none; }
._32SzWS0CHI1QnVLZkUPnXL ._1E80SdJfMcevXxiKBy177t .slick-arrow:hover { background: red; }
._32SzWS0CHI1QnVLZkUPnXL ._1E80SdJfMcevXxiKBy177t .slick-arrow.slick-disabled { opacity: 0.25; }
.hQPjpPCBL6PceX1rEq7WL { position: relative; }
.hQPjpPCBL6PceX1rEq7WL > img { margin: auto; }
.hQPjpPCBL6PceX1rEq7WL .iORJJmemqhsD2hKJ1TZFX { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 249px; height: 297px; margin: auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5a010a044493be89bf4f118ddb98b682.png") center center / contain no-repeat; z-index: 1; }
.hQPjpPCBL6PceX1rEq7WL .iORJJmemqhsD2hKJ1TZFX::before, .hQPjpPCBL6PceX1rEq7WL .iORJJmemqhsD2hKJ1TZFX::after { content: ""; position: absolute; }
.hQPjpPCBL6PceX1rEq7WL .iORJJmemqhsD2hKJ1TZFX::after { top: 28%; left: 50%; transform: translateX(-50%); width: 83px; height: 83px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b9b567d6a88fbf21f06f752299674242.png") center center / contain no-repeat; }
.hQPjpPCBL6PceX1rEq7WL .iORJJmemqhsD2hKJ1TZFX::before { top: 23%; left: 37%; width: 10px; height: 10px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d1d3f93408f3c98725e7f4cd0ccfd618.svg") center center / contain no-repeat; background: rgb(254, 245, 107); animation: 3s linear 0s infinite normal none running _3xm8H5Ovh2LEjKAO745eUc; }
.hQPjpPCBL6PceX1rEq7WL .BI14g771M18xbwoOKr20N { position: absolute; top: 30%; left: 58%; z-index: 5; }
.hQPjpPCBL6PceX1rEq7WL .BI14g771M18xbwoOKr20N::before, .hQPjpPCBL6PceX1rEq7WL .BI14g771M18xbwoOKr20N::after { content: ""; position: absolute; animation: 3s linear 0s infinite normal none running _3xm8H5Ovh2LEjKAO745eUc; }
.hQPjpPCBL6PceX1rEq7WL .BI14g771M18xbwoOKr20N::before { left: 40%; width: 20px; height: 20px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a8a7f73210c77b395d67ad9b983f551c.svg") center center / contain no-repeat; background: rgb(255, 255, 255); animation-duration: 5s; animation-direction: reverse; }
.hQPjpPCBL6PceX1rEq7WL .BI14g771M18xbwoOKr20N::after { top: 59px; left: 10px; width: 7px; height: 7px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/563dc8c110363ba24532a1d92076407a.svg") center center / contain no-repeat; background: rgb(254, 245, 107); animation-duration: 2.5s; }
.hQPjpPCBL6PceX1rEq7WL ._1kHCvrM7QOoWvuDr3NhxoH { position: absolute; bottom: -30px; left: 50%; width: 198px; height: 68px; padding-bottom: 13px; font-size: 20px; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/05302c0e339856bca50ce4739e7b4e5f.png") center center / contain no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; animation: 1.5s ease 0s infinite normal none running _1uSTmhd3A_HIcUdo4UAysp; z-index: 2; }
._3JsnJFqYGX8SxQ5LXy-e-F { display: inline-block; position: relative; padding-bottom: 50px; }
._3JsnJFqYGX8SxQ5LXy-e-F ._2oNvPrlU6CDwIGAkkNdpDA { bottom: 5% !important; }
._3JsnJFqYGX8SxQ5LXy-e-F ._1QUvWOKxJaigC2cG7G0TjM { position: relative; width: 249px; height: 297px; margin: auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e1dc08e0a5c836b31ddddf953db1be80.png") center center / contain no-repeat; z-index: 1; }
._3JsnJFqYGX8SxQ5LXy-e-F ._1QUvWOKxJaigC2cG7G0TjM::before, ._3JsnJFqYGX8SxQ5LXy-e-F ._1QUvWOKxJaigC2cG7G0TjM::after { content: ""; position: absolute; top: 28%; left: 50%; transform: translateX(-50%); }
._3JsnJFqYGX8SxQ5LXy-e-F ._1QUvWOKxJaigC2cG7G0TjM::after { top: 43%; width: 76px; height: 74px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/bf34715470a2bedac579a8fc94e73e6d.png") center center / contain no-repeat; animation: 1.5s ease 0s infinite normal none running _1uSTmhd3A_HIcUdo4UAysp; }
._3JsnJFqYGX8SxQ5LXy-e-F ._1QUvWOKxJaigC2cG7G0TjM::before { width: 208px; height: 88px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a608168dc49ee5b7204ab2dcaa03e3f1.png") center center / contain no-repeat; }
._3JsnJFqYGX8SxQ5LXy-e-F .dJ7SvSprarS0B6wtRcd3q { position: absolute; top: 50%; left: 50%; transform: translate(-50%); width: 310px; z-index: 6; display: flex; justify-content: space-between; }
._3JsnJFqYGX8SxQ5LXy-e-F .dJ7SvSprarS0B6wtRcd3q .slick-prev-custom { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2042311661aba076f4158cfa91ad3f5c.svg"); background: rgb(253, 179, 140); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3JsnJFqYGX8SxQ5LXy-e-F .dJ7SvSprarS0B6wtRcd3q .slick-next-custom { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e66f926ff7494833d51e26475cadb890.svg"); background: rgb(253, 179, 140); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3zTC9sYdLywb1XcWQspmS2 { margin-top: 11px; padding: 16px 18px; color: rgb(127, 49, 5); border-radius: 15px; background-image: linear-gradient(rgb(255, 241, 189), rgb(254, 255, 255)); }
._3zTC9sYdLywb1XcWQspmS2 > div { font-size: 24px; font-weight: bold; }
._3zTC9sYdLywb1XcWQspmS2 > div::before, ._3zTC9sYdLywb1XcWQspmS2 > div::after { content: ""; display: inline-block; width: 31px; height: 9px; vertical-align: middle; }
._3zTC9sYdLywb1XcWQspmS2 > div::before { margin-right: 37px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/615df14c735d56b3690a0589ff0f76ca.png") center center / contain no-repeat; }
._3zTC9sYdLywb1XcWQspmS2 > div::after { margin-left: 37px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2a9af6185eebfff9ee31c91958b58a8a.png") center center / contain no-repeat; }
._3zTC9sYdLywb1XcWQspmS2 > p { margin-top: 14px; color: rgb(131, 110, 95); text-align: left; word-break: break-word; }
.daily-red-rain-countdown { display: block; width: 100%; height: 36px; margin-top: 10px; background: rgb(255, 247, 236); border-radius: 21px; }
.daily-red-rain-countdown .full { display: flex; justify-content: space-between; align-items: center; padding-right: 15px; color: rgb(160, 120, 80); font-size: 18px; }
.daily-red-rain-countdown .title { display: inline-block; height: 100%; padding: 0px 9px; margin-right: 10px; color: rgb(128, 46, 25); font-size: 12px; line-height: 36px; border-radius: 18px; background: rgb(253, 218, 189); }
.daily-red-rain-countdown .text { margin: 0px 5px; }
._3lO9bMVSfjbldWA5EN7VWH { position: fixed; inset: 0px; z-index: 10; background: rgb(255, 255, 255); opacity: 0; pointer-events: none; }
._3lO9bMVSfjbldWA5EN7VWH.muqkb8g1UIfePFGMlso-0 { animation: 0.45s ease-out 0s 1 normal forwards running _3lO9bMVSfjbldWA5EN7VWH; }
@-webkit-keyframes _1-WH1bxKNaNy51DtqKOCEU {
0% { transform: translateX(-50%) translateY(-120px) rotate(0deg); }
100% { transform: translateX(-50%) translateY(110vh) rotate(360deg); }
}
@keyframes _1-WH1bxKNaNy51DtqKOCEU {
0% { transform: translateX(-50%) translateY(-120px) rotate(0deg); }
100% { transform: translateX(-50%) translateY(110vh) rotate(360deg); }
}
@-webkit-keyframes _3lO9bMVSfjbldWA5EN7VWH {
0% { opacity: 0; }
30% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes _3lO9bMVSfjbldWA5EN7VWH {
0% { opacity: 0; }
30% { opacity: 1; }
100% { opacity: 0; }
}
@-webkit-keyframes _3xm8H5Ovh2LEjKAO745eUc {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes _3xm8H5Ovh2LEjKAO745eUc {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-webkit-keyframes _1uSTmhd3A_HIcUdo4UAysp {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.1); }
100% { transform: translate(-50%, -50%) scale(1); }
}
@keyframes _1uSTmhd3A_HIcUdo4UAysp {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.1); }
100% { transform: translate(-50%, -50%) scale(1); }
}
._1TOtfLANhFqylWWYFtIOsg .modal-dialog { width: 399px; height: 522px; margin-top: 180px; font-family: SegoeUI; transform: scale(0.6); opacity: 0; animation: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards running _3nhU0PpYiCaQjUW7lWtzB; }
._1TOtfLANhFqylWWYFtIOsg .modal-content { position: relative; height: 100%; border: 0px; box-shadow: none; background: rgba(0, 0, 0, 0); }
.rTgTSyf_n8dJG1bY1EkNf { width: 399px; height: 522px; padding-top: 130px; color: rgb(131, 110, 95); text-align: center; font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d1b7d138e4d4cd04950cbe60d0c8b962.png") center center / contain no-repeat; }
.rTgTSyf_n8dJG1bY1EkNf ._1ORWlAO3RSLnuOkRwTX9ZX { font-size: 50px; }
.rTgTSyf_n8dJG1bY1EkNf ._1ORWlAO3RSLnuOkRwTX9ZX p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 206px; margin: auto; font-size: 24px; }
.rTgTSyf_n8dJG1bY1EkNf ._1ORWlAO3RSLnuOkRwTX9ZX span { font-size: 28px; }
.rTgTSyf_n8dJG1bY1EkNf ._1ITisapgszQ2p5eiv8mXfI { width: 226px; margin: 42px auto auto; font-size: 32px; line-height: 1; }
.rTgTSyf_n8dJG1bY1EkNf .wTmrdRQbDWWq36_qelJAb { position: absolute; left: 50%; bottom: 12%; width: 136px; height: 68px; padding-bottom: 10px; color: rgb(0, 0, 0); font-size: 17px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/52045ec1c53faa788ee5aae3184bf8d2.png") center center / contain no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; animation: 1.5s ease 0s infinite normal none running _3N9FFcgFLlFQyBgnv68OWG; }
.rTgTSyf_n8dJG1bY1EkNf ._2Ve3-Jmt0Vipk3kT5eYg0V { width: 217px; margin: auto; font-size: 24px; }
@-webkit-keyframes _3N9FFcgFLlFQyBgnv68OWG {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.1); }
100% { transform: translate(-50%, -50%) scale(1); }
}
@keyframes _3N9FFcgFLlFQyBgnv68OWG {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.1); }
100% { transform: translate(-50%, -50%) scale(1); }
}
@-webkit-keyframes _3nhU0PpYiCaQjUW7lWtzB {
0% { transform: scale(1); opacity: 0; }
60% { transform: scale(1.08); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes _3nhU0PpYiCaQjUW7lWtzB {
0% { transform: scale(1); opacity: 0; }
60% { transform: scale(1.08); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}
._2N2dJrt36IbMlhx69IIMhv { position: relative; width: 500px; background-color: rgb(255, 255, 255); border-radius: 20px; padding: 32px 24px 40px; text-align: center; }
._2N2dJrt36IbMlhx69IIMhv .ueqFOAdTQDGsUHuwC5Djv { display: flex; align-items: center; justify-content: center; position: absolute; top: 18px; right: 18px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; z-index: 10; cursor: pointer; }
._2N2dJrt36IbMlhx69IIMhv .ueqFOAdTQDGsUHuwC5Djv img { width: 16px; height: 16px; }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._3-OKi8KW2ZN4ODs6xC-R2_ { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 20px; font-size: 20px; font-weight: bold; color: rgb(51, 51, 51); }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._3-OKi8KW2ZN4ODs6xC-R2_ img { width: 32px; height: auto; }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2-pmvSDrCGxUnMmOEg_wD1 { width: 100%; overflow-x: auto; }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2o5ccSxzyPsYQSr2Z9L_zm { width: 100%; border-collapse: collapse; font-size: 16px; }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2o5ccSxzyPsYQSr2Z9L_zm thead { font-size: 18px; background-color: rgb(218, 237, 197); color: rgb(34, 34, 34); }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2o5ccSxzyPsYQSr2Z9L_zm th { padding: 14px 10px; text-align: center; font-weight: bold; }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2o5ccSxzyPsYQSr2Z9L_zm td { padding: 14px 10px; text-align: center; border-width: 1px medium; border-style: solid none; border-color: rgb(73, 186, 67) currentcolor; border-image: initial; }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2o5ccSxzyPsYQSr2Z9L_zm tbody tr { background-color: rgb(249, 255, 239); }
._2N2dJrt36IbMlhx69IIMhv ._1_fkKQbsqjr1q13FyfwdKY ._2o5ccSxzyPsYQSr2Z9L_zm ._3WwYGxPkO3bfX6QvFORHa- { color: rgb(24, 163, 26); font-size: 20px; font-weight: bold; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._3vmFGCbu92fU920aHIObzK, ._2N2dJrt36IbMlhx69IIMhv .MQydzIRgPTmjAI5BQfck7 ._3vmFGCbu92fU920aHIObzK { margin: 10px auto 20px; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._3vmFGCbu92fU920aHIObzK img, ._2N2dJrt36IbMlhx69IIMhv .MQydzIRgPTmjAI5BQfck7 ._3vmFGCbu92fU920aHIObzK img { width: 130px; height: auto; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._1ktu-DS85iTVHth5lRimVX { font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 12px; font-weight: bold; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._2Qd84zstDS-1sglD1Np5NA { color: rgb(24, 163, 26); font-size: 18px; font-weight: bold; margin-bottom: 25px; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._2Qd84zstDS-1sglD1Np5NA ._2k_cMXTDMknfc11z_lbyxp { font-size: 42px; line-height: 1; margin-right: 4px; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._3TVaz9D7rkqvA5Qk2CqaId { display: block; width: 200px; margin: 0px auto; padding: 12px 20px; background-color: rgb(218, 234, 186); border: 1px solid rgb(24, 163, 26); border-radius: 8px; color: rgb(24, 163, 26); font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.2s; }
._2N2dJrt36IbMlhx69IIMhv .I4foFQezBAszz0MJfM4g6 ._3TVaz9D7rkqvA5Qk2CqaId:hover { background-color: rgb(206, 234, 154); }
._2N2dJrt36IbMlhx69IIMhv .MQydzIRgPTmjAI5BQfck7 ._2347T5w2jNyMNX-gPXRHE9 { font-size: 24px; color: red; font-weight: bold; margin-bottom: 12px; }
._2N2dJrt36IbMlhx69IIMhv .MQydzIRgPTmjAI5BQfck7 ._2U6N8GhvBKhfcb4Q_fdVMi { font-size: 14px; color: rgb(51, 51, 51); margin-bottom: 20px; }
.SBOa6Cz6-Ed55tvDkJHGm .modal-dialog { margin-top: 120px; width: 500px; }
.SBOa6Cz6-Ed55tvDkJHGm .modal-content { min-height: 415px; box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; background: rgba(0, 0, 0, 0); }
._2LNWEg79x_ruZWya_aGPWJ { display: grid; justify-items: center; align-content: start; background: rgb(255, 255, 255); border-radius: 20px; padding: 24px; height: 100%; width: 100%; }
._2LNWEg79x_ruZWya_aGPWJ h2 { display: flex; align-items: center; justify-content: center; gap: 4px; }
._2LNWEg79x_ruZWya_aGPWJ h2 ._29Q3XswH7N18ov11w0v4J8 { width: 36px; height: 36px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f3b8ab9f5dc63a335b4492191af838a1.png") center center / cover no-repeat; }
._2LNWEg79x_ruZWya_aGPWJ h2 span { font-size: 30px; font-weight: 900; font-family: "Segoe UI", Tahoma, Arial, sans-serif; }
._2LNWEg79x_ruZWya_aGPWJ ._2SkHrNOJDlxU39eznbZzC_ { display: flex; justify-self: flex-end; width: 22px; height: 22px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/613d2fbba41b1046647efe7cd318815c.svg") center center / cover no-repeat; background-color: rgb(163, 176, 195); cursor: pointer; }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR { margin: 24px 0px; width: 100%; }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; margin: 0px; }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul li { display: flex; justify-content: center; align-items: center; flex: 1 1 0%; height: 43px; font-size: 18px; font-weight: bold; }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul ._UT9lY_wXOy7UVGyaSHS0 { display: flex; justify-content: space-between; align-items: center; width: 100%; background: rgb(244, 249, 255); border-bottom: 1px solid rgb(226, 232, 240); }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul ._2iPuPDZ-N9AX2yq3uZplR_ { width: 100%; min-height: 129px; }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul ._2iPuPDZ-N9AX2yq3uZplR_ li { display: grid; grid-template-columns: 1fr 1fr; place-items: center; border-bottom: 1px solid rgb(226, 232, 240); }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul ._2iPuPDZ-N9AX2yq3uZplR_ li ._2DF3d69yi8oLKVBYPbGCW0 { font-size: 16px; font-weight: normal; }
._2LNWEg79x_ruZWya_aGPWJ ._2goyRgp9feC7-1wzmpA4XR ul ._2iPuPDZ-N9AX2yq3uZplR_ li ._3T_a_CRjUE5Zs4J0VpST6y { color: rgb(48, 115, 240); }
._2LNWEg79x_ruZWya_aGPWJ ._1Zlik794gW_6G9vC7BTHAb { width: 100%; height: 53px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; background-color: rgb(48, 115, 240); color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; }
.BdwMHnB9ZkADr4ydy_NsV .modal-dialog { margin-top: 120px; width: 500px; }
.BdwMHnB9ZkADr4ydy_NsV .modal-content { min-height: 395px; box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; background: rgba(0, 0, 0, 0); }
.H3iO-EMIDCvYJw7LZ0TCe { display: grid; justify-items: center; align-content: start; background: rgb(255, 255, 255); border-radius: 20px; padding: 24px; height: 100%; width: 100%; }
.H3iO-EMIDCvYJw7LZ0TCe .mWeKJzI26mxWTAw7PMnXi { display: flex; justify-self: flex-end; width: 22px; height: 22px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/613d2fbba41b1046647efe7cd318815c.svg") center center / cover no-repeat; background-color: rgb(163, 176, 195); cursor: pointer; }
.H3iO-EMIDCvYJw7LZ0TCe ._3xDC1gMKa1q8aMviqLQS32 { display: flex; align-items: center; justify-content: center; justify-self: center; font-size: 100px; color: rgb(48, 115, 240); margin-top: 25%; }
.H3iO-EMIDCvYJw7LZ0TCe ._3tkaet830Zq8bPOC3d5x99 { width: 100%; height: 100%; }
.H3iO-EMIDCvYJw7LZ0TCe ._1AcsXFx7_vGoo0CeP6i8P0, .H3iO-EMIDCvYJw7LZ0TCe ._3dQsuiceRzPuqE8ScE2Mkr { display: flex; align-items: center; justify-content: center; justify-self: center; width: 110px; height: 110px; background: rgb(239, 68, 68); border-radius: 50%; border: 5px solid rgb(255, 224, 224); }
.H3iO-EMIDCvYJw7LZ0TCe ._1AcsXFx7_vGoo0CeP6i8P0 i, .H3iO-EMIDCvYJw7LZ0TCe ._3dQsuiceRzPuqE8ScE2Mkr i { width: 50px; height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4c33f172f3be5c7a575690356f267a06.svg") center center / cover no-repeat; background-color: rgb(255, 255, 255); }
.H3iO-EMIDCvYJw7LZ0TCe ._3dQsuiceRzPuqE8ScE2Mkr { background: rgb(48, 115, 240); border-color: rgb(223, 238, 255); }
.H3iO-EMIDCvYJw7LZ0TCe ._3dQsuiceRzPuqE8ScE2Mkr i { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b144faac9a60af4501f744cdbb8e1fd0.svg") center center / cover no-repeat; background-color: rgb(255, 255, 255); }
.H3iO-EMIDCvYJw7LZ0TCe ._2v7w9iVYQKn0wfoAe-581W { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 24px; font-size: 30px; font-weight: 900; font-family: "Segoe UI", Tahoma, Arial, sans-serif; color: rgb(48, 115, 240); text-align: center; }
.H3iO-EMIDCvYJw7LZ0TCe ._2v7w9iVYQKn0wfoAe-581W i { display: block; width: 30px; height: 30px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f5745433bd23c427c152989695c4229b.png") center center / contain no-repeat; }
.H3iO-EMIDCvYJw7LZ0TCe ._1vvRJqfpO0I8EJnioMh3_r { margin: 10px 0px 24px; font-size: 26px; color: rgb(239, 68, 68); font-weight: bold; text-align: center; }
.H3iO-EMIDCvYJw7LZ0TCe ul { display: flex; list-style: none; padding: 0px 10px; margin: 0px; border-radius: 12px; background-color: rgb(221, 235, 255); }
.H3iO-EMIDCvYJw7LZ0TCe ul li { flex: 1 1 0%; }
.H3iO-EMIDCvYJw7LZ0TCe ul ._3LtEpck1TFxApT50BP2dXE, .H3iO-EMIDCvYJw7LZ0TCe ul .grKegH3ljCW6iK8yPlpay { display: flex; justify-content: center; align-items: center; height: 36px; }
.H3iO-EMIDCvYJw7LZ0TCe ul ._3LtEpck1TFxApT50BP2dXE { height: 42px; border-bottom: 1px solid rgb(255, 255, 255); font-size: 14px; color: rgb(0, 0, 0); }
.H3iO-EMIDCvYJw7LZ0TCe ul ._3im_mlk0Hjz0vS2F9qTkK1, .H3iO-EMIDCvYJw7LZ0TCe ul ._3wRupiIeEvEM1S0W3ra43H { width: 20px; height: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f1ce1fe596dfa4ed22501ab029137c2a.png") center center / cover no-repeat; }
.H3iO-EMIDCvYJw7LZ0TCe ul ._3wRupiIeEvEM1S0W3ra43H { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c245d89949fd0e2012e2a3a4d0a1bded.png") center center / cover no-repeat; }
.H3iO-EMIDCvYJw7LZ0TCe button { width: 100%; height: 53px; font-size: 24px; font-weight: bold; color: rgb(255, 255, 255); border-radius: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: rgb(48, 115, 240); }
.qSH-SSsn8cjA9xFTmkVwy .modal-dialog { margin-top: 250px; }
.qSH-SSsn8cjA9xFTmkVwy .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
.Zxc1Rdy4BbBeVmhgA7XHg button { line-height: 32px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1401hsxa7SfZc1y2r_L7M4 { display: inline-block; vertical-align: top; width: 410px; padding: 18px 0px; color: rgb(255, 255, 255); }
._1401hsxa7SfZc1y2r_L7M4._27ZP9xdaCHJXzj4-bEv4I7 { background: 50% center rgb(148, 33, 255); }
._1401hsxa7SfZc1y2r_L7M4._27ZP9xdaCHJXzj4-bEv4I7 button { background: rgb(181, 101, 255); }
._1401hsxa7SfZc1y2r_L7M4._2AEpMfdluzibVQnvIZOfbi { background: rgb(100, 127, 255); }
._1401hsxa7SfZc1y2r_L7M4._2AEpMfdluzibVQnvIZOfbi button { background: rgb(77, 103, 229); }
._1401hsxa7SfZc1y2r_L7M4._2h7fboD4SNy7dTIvDRYSn5 { background: rgb(59, 20, 101); }
._1401hsxa7SfZc1y2r_L7M4._2h7fboD4SNy7dTIvDRYSn5 button { background: rgb(112, 18, 188); border: 1px solid rgb(59, 20, 101); }
.OLx3x-i5wA93hoh_vNzMg .modal-dialog { width: 840px; margin-top: 310px; }
.OLx3x-i5wA93hoh_vNzMg .modal-content { border: 0px; box-shadow: none; background: none; }
._3kK8d9mkjMqtwRJ9BohSlm { position: relative; top: -37px; float: right; color: rgb(255, 255, 255); font-size: 20px; border: 0px; background: rgba(0, 0, 0, 0); opacity: 1; }
._3kK8d9mkjMqtwRJ9BohSlm:hover { color: rgb(255, 255, 255); opacity: 1; }
._3lPWxuNq9XhbfQO6UW9ffY { padding: 25px 38px; border-radius: 10px; border: 5px solid rgb(255, 229, 146); background: rgb(255, 255, 255); }
._3OUmVAgw9DurZj1Himm4Qx h3 { padding-bottom: 20px; margin: 0px; border-bottom: 1px solid rgb(112, 112, 112); }
._1YtJp1hwdlRqhXDctbr7cr, ._eiVTmJXTEJK212MRFJ5O { margin-top: 30px; }
._eiVTmJXTEJK212MRFJ5O { text-align: center; }
._eiVTmJXTEJK212MRFJ5O button { min-width: 100px; height: 46px; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/927dd67ebbe6184eeda02c5676917826.png") rgba(0, 0, 0, 0); }
._11v-MG9xxSvggzovHC_kdZ .modal-dialog { width: 450px; margin-top: 310px; }
._11v-MG9xxSvggzovHC_kdZ .modal-content { border: 0px; box-shadow: none; background: none; }
._2H0Lsl2bVpd6B-cUz2xppg { padding: 25px 38px; color: rgb(0, 0, 0); text-align: center; border-radius: 10px; border: 5px solid rgb(255, 229, 146); background: rgb(255, 255, 255); }
._2Ou6nsOpetejp-GzkHbhvm { margin-top: 15px; text-align: center; }
._2Ou6nsOpetejp-GzkHbhvm button { min-width: 100px; height: 46px; padding: 0px 5px 5px; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/927dd67ebbe6184eeda02c5676917826.png") rgba(0, 0, 0, 0); }
._2yWOxYInmQ-fLo0aS9YyzJ .modal-dialog { width: 371px; margin-top: 120px; }
._2yWOxYInmQ-fLo0aS9YyzJ .modal-content { margin: 0px auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; box-shadow: none; }
._3zVVzy8WiC5APbnslExOK5 { position: relative; height: 104px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8017ae0852657048d33842ac43cfaf28.png") center center no-repeat; }
._3zVVzy8WiC5APbnslExOK5 h4 { height: 104px; margin: 0px; color: rgb(255, 255, 255); font-size: 22px; line-height: 104px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3zVVzy8WiC5APbnslExOK5 button { position: absolute; top: 0px; right: 0px; width: 35px; height: 35px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0485ebef835606eaa9e20259a7b322ca.png") center center no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1EEtpmUidpS84JxLK04GzZ { position: relative; padding: 40px 55px 60px 70px; min-height: 165px; max-height: 50vh; overflow-y: auto; color: rgb(125, 82, 82); background: rgb(248, 248, 248); }
._1EEtpmUidpS84JxLK04GzZ::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(245, 245, 245); }
._1EEtpmUidpS84JxLK04GzZ::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); }
._1EEtpmUidpS84JxLK04GzZ::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px inset; background-color: rgb(127, 127, 127); }
._1EEtpmUidpS84JxLK04GzZ h4 { margin: 0px; font-size: 18px; }
._1EEtpmUidpS84JxLK04GzZ p { margin: 8px 0px; font-size: 14px; line-height: 22px; text-align: justify; }
._1-ERAVVK3IwtMyo208iVFL { position: relative; height: 63px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6e68280b7427a724caaf3d34a1926c3d.png") center center no-repeat; }
._1-ERAVVK3IwtMyo208iVFL::before { content: ""; position: absolute; left: -30px; bottom: -5px; width: 107px; height: 162px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/abd9bb75b15a05a736f655ac379f8e06.png") center center no-repeat; }
._1TxjrhrWfmjOCKDRtLBlli .modal-dialog { margin-top: 25rem; }
._1TxjrhrWfmjOCKDRtLBlli .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/dc60298b65565b70b4a1bf3769f83a51.png") center center / contain repeat-y; }
._3Z1ifP5ZQMVN0Q_3zSkIe1 { color: rgb(255, 255, 255); position: relative; }
._3Z1ifP5ZQMVN0Q_3zSkIe1::before { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/db8077e75067d58dbd10599d4619ce71.png") center top / contain no-repeat; bottom: 50%; content: ""; height: 100%; position: absolute; width: 100%; }
._3Z1ifP5ZQMVN0Q_3zSkIe1::after { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2cd55036f336d1462d60e873d99d2dd6.png") center top / contain no-repeat; content: ""; height: 100%; position: absolute; top: 93%; width: 100%; }
._3Z1ifP5ZQMVN0Q_3zSkIe1 .modal-footer { border-top: 0px; position: absolute; text-align: center; top: 84%; width: 100%; z-index: 1; }
._3Z1ifP5ZQMVN0Q_3zSkIe1 .modal-footer button { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1b38ead1944a78e1b4bdd82c77b18fff.png") center top no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(45, 41, 42); font-size: 18px; font-weight: bold; height: 47px; width: 130px; }
._3AWNmySzj_3uU01rW6VP7k { margin-top: 4rem; }
._1u-17e5oI9CmPM5dPJy7Gn { min-height: 13rem; }
._1u-17e5oI9CmPM5dPJy7Gn h4 { margin-top: 2rem; margin-bottom: 2rem; }
.iWn4OHfkOha0qtoH6rwHs { position: absolute; top: -125px; left: 50%; width: 260px; height: 138px; transform: translateX(-50%); }
.iWn4OHfkOha0qtoH6rwHs p { margin: 0px; font-size: 20px; font-weight: bold; -webkit-text-stroke: 0.5px rgb(84, 84, 84); -webkit-text-fill-color: rgb(255, 239, 115); text-shadow: rgb(163, 163, 163) 0px 6px 14px; }
.iWn4OHfkOha0qtoH6rwHs p:last-child { position: absolute; bottom: 0px; left: 50%; font-size: 14px; line-height: 28px; transform: translateX(-50%); }
._2WSxl33rdmkvNGawd5EFzA .modal-dialog { margin-top: 15rem; width: 750px; }
._2WSxl33rdmkvNGawd5EFzA .modal-content { background: rgb(255, 93, 73); padding: 3rem 3rem 0px; }
._2g_qzI8k8p06rG3TyTraCv { background: rgba(0, 0, 0, 0); border-radius: 4px; }
._2g_qzI8k8p06rG3TyTraCv .modal-header { background: rgb(255, 255, 255); border-color: rgb(0, 0, 0); border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; }
._2g_qzI8k8p06rG3TyTraCv .modal-body { background: rgb(255, 255, 255); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 474px; overflow: auto; padding: 25px 50px; }
._2g_qzI8k8p06rG3TyTraCv .modal-footer { border-top-width: 0px; padding: 1rem 0px; }
._2g_qzI8k8p06rG3TyTraCv .modal-footer button { background-color: rgb(255, 198, 0); border: 0px; font-size: 18px; padding: 7px 30px; }
._2g_qzI8k8p06rG3TyTraCv .modal-footer button:hover { background-color: rgb(255, 222, 109); }
._2g_qzI8k8p06rG3TyTraCv .close { height: 41px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/143ed4d7570a2df10f0b4e0ba77d0b07.png") center top no-repeat; opacity: 1; position: absolute; right: -18px; top: -21px; width: 41px; }
._2g_qzI8k8p06rG3TyTraCv .close:hover { background-position: center bottom; }
._2MgW5eQVPrX_K6Nj-EFric { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
._2MgW5eQVPrX_K6Nj-EFric .modal-dialog { margin-top: 15rem; width: 750px; }
._2MgW5eQVPrX_K6Nj-EFric .modal-content { padding: 0px 15px; border-radius: 20px 50px 20px 20px; background: linear-gradient(rgb(255, 146, 22), rgb(223, 16, 16)); }
._2MgW5eQVPrX_K6Nj-EFric .modal-title { text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 45px; text-align: center; }
._2MgW5eQVPrX_K6Nj-EFric .close { position: absolute; right: -18px; top: -25px; width: 31px; height: 31px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c9c2d6914960230e0154d0cdb995688d.png") center top / contain no-repeat; opacity: 1; }
._2MgW5eQVPrX_K6Nj-EFric ._1er4FaQTBeQxPmyt1yxY_P::after { content: ""; position: absolute; top: -5px; right: 12px; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center top; background-size: contain; transform: rotate(30deg); }
._15Hh3ax-kE637Drs1ZYkx6 { background: rgba(0, 0, 0, 0); border-radius: 4px; }
._15Hh3ax-kE637Drs1ZYkx6 .modal-body { height: 400px; padding: 20px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px 0px; background: linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238)); overflow: auto; }
._15Hh3ax-kE637Drs1ZYkx6 .modal-footer { border-top-width: 0px; padding: 8px 0px; text-align: center; }
._15Hh3ax-kE637Drs1ZYkx6 .modal-footer button { width: 108px; height: 40px; padding: 0px; font-size: 18px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 100px; background: linear-gradient(rgb(255, 237, 141), rgb(255, 176, 1)); }
._1er4FaQTBeQxPmyt1yxY_P::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/034d92e3026332ad28d25b9dd26a9211.png"); }
._213JsTNz5O5fCEsSwZQhmJ .modal-dialog { margin-top: 80px; width: 678px; }
._213JsTNz5O5fCEsSwZQhmJ .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0741992a94b212507d85a046786fe6bd.png") center top no-repeat; box-shadow: none; height: 522px; width: 100%; }
.XxflR72lndKzgBYLKB7yI { height: 100%; padding-top: 26%; }
.XxflR72lndKzgBYLKB7yI h2 { display: flex; align-items: center; justify-content: center; width: 321px; margin: 0px auto 84px; padding: 0px 0px 0px 21px; color: rgb(255, 250, 25); font-size: 22px; -webkit-text-stroke: 1px rgb(237, 14, 14); text-shadow: rgb(163, 163, 163) 2px 3px 4px; }
.XxflR72lndKzgBYLKB7yI p { width: 400px; margin: 0px auto 10px; color: rgb(255, 255, 255); padding-left: 21px; font-size: 22px; font-weight: bold; }
.XxflR72lndKzgBYLKB7yI .modal-body { height: 50%; text-align: center; }
.XxflR72lndKzgBYLKB7yI .modal-footer { border-top: 0px; text-align: center; width: 100%; }
.XxflR72lndKzgBYLKB7yI .modal-footer button { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1b38ead1944a78e1b4bdd82c77b18fff.png") center top no-repeat rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(45, 41, 42); font-size: 18px; font-weight: bold; height: 47px; width: 130px; margin-left: 20px; }
._116qb-TI25pbW1muFpmZuU { color: rgb(255, 255, 255); font-size: 35px; font-weight: bold; }
._12VuqokRIyMoVX7yUmc8lE .modal-dialog { margin-top: 80px; width: 577px; }
._12VuqokRIyMoVX7yUmc8lE .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/266700871cce55d3a5ba606c094da546.png"); box-shadow: none; height: 449px; width: 100%; }
._12VuqokRIyMoVX7yUmc8lE .modal-body { height: 56%; }
._12VuqokRIyMoVX7yUmc8lE .XxflR72lndKzgBYLKB7yI h2 { height: 94px; margin: 15px auto 13px; font-size: 38px; -webkit-text-fill-color: rgb(242, 170, 16); }
._12VuqokRIyMoVX7yUmc8lE .XxflR72lndKzgBYLKB7yI p { font-size: 20px; font-style: italic; }
._1m-iAAPFbNJjwiYEX0LA-7 .modal-dialog { margin-top: 80px; width: 650px; }
._1m-iAAPFbNJjwiYEX0LA-7 .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/608c14d45cc3a8072fcfb47c85e25fa5.png") center top no-repeat; box-shadow: none; height: 650px; width: 100%; }
._2_xBNRl0jzWIvz1z9WXXbx { width: 350px; height: 100%; margin: 0px auto; padding-top: 179px; }
._2_xBNRl0jzWIvz1z9WXXbx h2 { margin: 31px auto; padding: 0px; line-height: 40px; color: rgb(224, 19, 16); font-size: 30px; font-weight: bold; }
._2_xBNRl0jzWIvz1z9WXXbx p { margin: 0px auto; }
._2_xBNRl0jzWIvz1z9WXXbx .modal-body { height: 85%; text-align: center; padding: 25px 0px; }
._2_xBNRl0jzWIvz1z9WXXbx button { position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; width: 318px; height: 104px; padding: 0px; color: rgb(255, 255, 255); font-size: 30px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b59d695f48611a47d010b254a30341be.png") center top no-repeat rgba(0, 0, 0, 0); outline: none; }
._2_xBNRl0jzWIvz1z9WXXbx button:hover { color: rgb(255, 255, 255); }
._1cPjQx5uOezaAKzFlc_LVK { margin: 0px auto 14px; color: rgb(183, 183, 183); font-size: 50px; }
._1td6oEqp2VRn9iiQTquL8g { max-width: 50px; max-height: 50px; margin: 0px auto 14px; }
._35a9X0W9SNvBJSgd_oEMWE { color: rgb(0, 0, 0); font-size: 18px; font-weight: bold; }
.CRMgeZ9Nl7uatcIZEexP7 .modal-dialog { margin-top: 80px; width: 650px; }
.CRMgeZ9Nl7uatcIZEexP7 .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2ede600b1bbf807c20f9f953efbaa1d6.png") center top no-repeat; box-shadow: none; height: 650px; width: 100%; }
.CRMgeZ9Nl7uatcIZEexP7 ._2_xBNRl0jzWIvz1z9WXXbx h2 { color: rgb(51, 51, 51); }
.CRMgeZ9Nl7uatcIZEexP7 ._2_xBNRl0jzWIvz1z9WXXbx button { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f7007d17bb1ae8f86317b6207269244a.png") center top no-repeat rgba(0, 0, 0, 0); }
.P1CLll6YCTqvkaWJ-Q1DS .modal-dialog { margin-top: 15rem; width: 750px; }
.P1CLll6YCTqvkaWJ-Q1DS .modal-content { background: rgb(255, 93, 73); padding: 3rem 3rem 0px; }
._1adRPRVVZBY4rall046TPO { background: rgba(0, 0, 0, 0); border-radius: 4px; }
._1adRPRVVZBY4rall046TPO .modal-header { background: rgb(255, 255, 255); border-color: rgb(0, 0, 0); border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; }
._1adRPRVVZBY4rall046TPO .modal-body { background: rgb(255, 255, 255); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 474px; overflow: auto; padding: 25px 50px; }
._1adRPRVVZBY4rall046TPO .modal-footer { border-top-width: 0px; padding: 1rem 0px; }
._1adRPRVVZBY4rall046TPO .modal-footer button { background-color: rgb(255, 198, 0); border: 0px; font-size: 18px; padding: 7px 30px; }
._1adRPRVVZBY4rall046TPO .modal-footer button:hover { background-color: rgb(255, 222, 109); }
._1adRPRVVZBY4rall046TPO .close { height: 41px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/143ed4d7570a2df10f0b4e0ba77d0b07.png") center top no-repeat; opacity: 1; position: absolute; right: -18px; top: -21px; width: 41px; }
._1adRPRVVZBY4rall046TPO .close:hover { background-position: center bottom; }
._1adRPRVVZBY4rall046TPO table.table { border-radius: 5px; border-style: hidden; box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px; text-align: center; }
._1adRPRVVZBY4rall046TPO table.table th { background-color: rgb(243, 160, 0); border-color: rgb(0, 0, 0); text-align: center; }
._1adRPRVVZBY4rall046TPO table.table td { border-color: rgb(0, 0, 0); }
._1e-s8ycN2H5QDdnX41doc2 { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
._1e-s8ycN2H5QDdnX41doc2 .modal-dialog { margin-top: 15rem; width: 750px; }
._1e-s8ycN2H5QDdnX41doc2 .modal-content { padding: 0px 15px; border-radius: 20px 50px 20px 20px; background: linear-gradient(rgb(255, 146, 22), rgb(223, 16, 16)); }
._1e-s8ycN2H5QDdnX41doc2 .modal-title { text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 45px; text-align: center; }
._1e-s8ycN2H5QDdnX41doc2 .close { position: absolute; right: -18px; top: -25px; width: 31px; height: 31px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c9c2d6914960230e0154d0cdb995688d.png") center top / contain no-repeat; opacity: 1; }
._1e-s8ycN2H5QDdnX41doc2 .lkTr1F96c4ClW-RHSIZjs::after { content: ""; position: absolute; top: -5px; right: 12px; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center top; background-size: contain; transform: rotate(30deg); }
.QxlN0PqFwsVlEpfBrpnQF { background: rgba(0, 0, 0, 0); border-radius: 4px; }
.QxlN0PqFwsVlEpfBrpnQF .modal-body { height: 400px; padding: 20px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px 0px; background: linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238)); overflow: auto; }
.QxlN0PqFwsVlEpfBrpnQF .modal-footer { border-top-width: 0px; padding: 8px 0px; text-align: center; }
.QxlN0PqFwsVlEpfBrpnQF .modal-footer button { width: 108px; height: 40px; padding: 0px; font-size: 18px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 100px; background: linear-gradient(rgb(255, 237, 141), rgb(255, 176, 1)); }
.lkTr1F96c4ClW-RHSIZjs::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2bcbb4f7f8067d7e261126219bc148e1.png"); }
.QxlN0PqFwsVlEpfBrpnQF table.table { border-radius: 5px; border-style: hidden; box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px; text-align: center; }
.QxlN0PqFwsVlEpfBrpnQF table.table th { background-color: rgb(255, 255, 136); border-color: rgb(0, 0, 0); text-align: center; }
.QxlN0PqFwsVlEpfBrpnQF table.table td { border-color: rgb(0, 0, 0); }
._1RhwYgnXC-F6EpNUGQePxp .modal-dialog { margin-top: 15rem; width: 750px; }
._1RhwYgnXC-F6EpNUGQePxp .modal-content { background: rgb(255, 93, 73); padding: 3rem 3rem 0px; }
.gdYkVgP8AioYMuJLpjGRf { background: rgba(0, 0, 0, 0); border-radius: 4px; }
.gdYkVgP8AioYMuJLpjGRf .modal-header { background: rgb(255, 255, 255); border-color: rgb(0, 0, 0); border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; }
.gdYkVgP8AioYMuJLpjGRf .modal-body { background: rgb(255, 255, 255); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 474px; overflow: auto; padding: 25px 50px; }
.gdYkVgP8AioYMuJLpjGRf .modal-footer { border-top-width: 0px; padding: 1rem 0px; }
.gdYkVgP8AioYMuJLpjGRf .modal-footer button { background-color: rgb(255, 198, 0); border: 0px; font-size: 18px; padding: 7px 30px; }
.gdYkVgP8AioYMuJLpjGRf .modal-footer button:hover { background-color: rgb(255, 222, 109); }
.gdYkVgP8AioYMuJLpjGRf .close { height: 41px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/143ed4d7570a2df10f0b4e0ba77d0b07.png") center top no-repeat; opacity: 1; position: absolute; right: -18px; top: -21px; width: 41px; }
.gdYkVgP8AioYMuJLpjGRf .close:hover { background-position: center bottom; }
.gdYkVgP8AioYMuJLpjGRf table.table { border-radius: 5px; border-style: hidden; box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px; text-align: center; }
.gdYkVgP8AioYMuJLpjGRf table.table th { background-color: rgb(243, 160, 0); border-color: rgb(0, 0, 0); text-align: center; }
.gdYkVgP8AioYMuJLpjGRf table.table td { border-color: rgb(0, 0, 0); }
._3fzEoBH9Zi0gnhBwKxd_2q { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
._3fzEoBH9Zi0gnhBwKxd_2q .modal-dialog { margin-top: 15rem; width: 750px; }
._3fzEoBH9Zi0gnhBwKxd_2q .modal-content { padding: 0px 15px; border-radius: 20px 50px 20px 20px; background: linear-gradient(rgb(255, 146, 22), rgb(223, 16, 16)); }
._3fzEoBH9Zi0gnhBwKxd_2q .modal-title { text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 45px; text-align: center; }
._3fzEoBH9Zi0gnhBwKxd_2q .close { position: absolute; right: -18px; top: -25px; width: 31px; height: 31px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c9c2d6914960230e0154d0cdb995688d.png") center top / contain no-repeat; opacity: 1; }
._3fzEoBH9Zi0gnhBwKxd_2q ._1Bb5909MLiF0Umw02TR7hD::after { content: ""; position: absolute; top: -5px; right: 12px; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center top; background-size: contain; transform: rotate(30deg); }
.mwyUwGuiS2WiEYLYwroht { background: rgba(0, 0, 0, 0); border-radius: 4px; }
.mwyUwGuiS2WiEYLYwroht .modal-body { height: 400px; padding: 20px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px 0px; background: linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238)); overflow: auto; }
.mwyUwGuiS2WiEYLYwroht .modal-footer { border-top-width: 0px; padding: 8px 0px; text-align: center; }
.mwyUwGuiS2WiEYLYwroht .modal-footer button { width: 108px; height: 40px; padding: 0px; font-size: 18px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 100px; background: linear-gradient(rgb(255, 237, 141), rgb(255, 176, 1)); }
._1Bb5909MLiF0Umw02TR7hD::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/718a007655879333bd9c728aaa79bd57.png"); }
.mwyUwGuiS2WiEYLYwroht table.table { border-radius: 5px; border-style: hidden; box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px; text-align: center; }
.mwyUwGuiS2WiEYLYwroht table.table th { background-color: rgb(255, 255, 136); border-color: rgb(0, 0, 0); text-align: center; }
.mwyUwGuiS2WiEYLYwroht table.table td { border-color: rgb(0, 0, 0); }
.g_k1kL5j6oLDee8DZOviW { padding: 20px 40px; }
.g_k1kL5j6oLDee8DZOviW h3 { text-align: center; }
.g_k1kL5j6oLDee8DZOviW .nwrFXinZRLaJ7U9B1DGO5 { position: absolute; top: 10px; right: 10px; }
.g_k1kL5j6oLDee8DZOviW .C4f5vyYWcP-8bLb0fI8E3 { position: relative; margin: 30px 0px; }
.g_k1kL5j6oLDee8DZOviW .C4f5vyYWcP-8bLb0fI8E3 input { display: block; width: 100%; padding: 0px 10px; line-height: 36px; border: 1px solid rgb(204, 204, 204); border-radius: 3px; }
.g_k1kL5j6oLDee8DZOviW .C4f5vyYWcP-8bLb0fI8E3 button { position: absolute; top: 0px; right: 0px; line-height: 32px; }
.g_k1kL5j6oLDee8DZOviW ._3nH4k7D0xpwWQnWjTqYwpV { text-align: center; }
.g_k1kL5j6oLDee8DZOviW ._3nH4k7D0xpwWQnWjTqYwpV button { display: block; margin: 0px auto 10px; outline: none; }
.YDpA3CiQv27SDLwLM1lTn { margin: 0px; color: rgb(0, 0, 0); font-size: 16px; }
._1l8w5exed5-ud1Zjj8iZpL { margin: 0px; color: rgb(0, 0, 0); font-size: 16px; }
._1jL6cgDanqFfdDtMBkbHs3 .modal-dialog { width: 1131px; }
._1jL6cgDanqFfdDtMBkbHs3 .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._1G4d58Z762IKJNOJcL9uhr { position: relative; width: 100%; height: 707px; padding: 190px 201px 93px 175px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/bc1465b3429a49e91573c50116578bf4.png") center top no-repeat; }
._1G4d58Z762IKJNOJcL9uhr > button { position: absolute; top: 87px; right: 162px; z-index: 1; width: 33px; height: 33px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
._23vkhoMZYeK_JIzLmqBqy1 { position: absolute; left: 0px; top: 82px; width: 100%; text-align: center; font-weight: bold; text-shadow: rgb(0, 0, 0) 2px 2px 3px; text-transform: capitalize; }
._23vkhoMZYeK_JIzLmqBqy1 span { color: rgb(251, 221, 97); font-size: 31px; }
._23vkhoMZYeK_JIzLmqBqy1 small { display: block; font-style: italic; font-size: 20px; color: rgb(255, 253, 199); }
._3r8V4_194Qn9-IgsCXAEsb { height: 100%; padding: 17px 15px 0px 20px; }
._3r8V4_194Qn9-IgsCXAEsb > section { height: 355px; overflow-y: auto; }
._3r8V4_194Qn9-IgsCXAEsb > footer { position: relative; color: rgb(153, 153, 153); font-size: 14px; line-height: 44px; text-align: center; }
._3r8V4_194Qn9-IgsCXAEsb > footer > img { position: absolute; top: -31px; right: 0px; left: 0px; z-index: 1; width: 724px; height: 31px; margin: 0px auto; }
._3-1lJsQIJrTs3BLbVRpCI { margin: 15px 0px; position: relative; height: 399px; padding-top: 22px; text-align: center; background-color: rgb(255, 204, 0); border-radius: 5px; }
._3-1lJsQIJrTs3BLbVRpCI h3 { margin: 0px 0px 10px; color: rgb(51, 51, 51); font-size: 18px; }
._3-1lJsQIJrTs3BLbVRpCI p { margin: 0px; color: rgb(51, 51, 51); font-size: 14px; }
._3-1lJsQIJrTs3BLbVRpCI img { display: block; margin: -15px auto -10px; max-height: 175px; cursor: pointer; }
._3-1lJsQIJrTs3BLbVRpCI ._3NeNGfPlaJuhZCLbBnbuUq { position: absolute; top: 225px; left: 0px; right: 0px; z-index: 1; display: flex; gap: 10px; justify-content: center; margin: 31px auto 0px; padding: 0px 95px; }
._3-1lJsQIJrTs3BLbVRpCI ._3NeNGfPlaJuhZCLbBnbuUq.mult { padding: 0px 73px; }
._3-1lJsQIJrTs3BLbVRpCI button { position: relative; flex: 1 1 0px; min-height: 24px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; background: linear-gradient(rgb(255, 255, 51) 0px, rgb(255, 153, 51) 100%); border: 1px solid rgb(255, 255, 255); border-radius: 29px; outline: none; cursor: pointer; }
._3-1lJsQIJrTs3BLbVRpCI button:disabled { opacity: 0.5; cursor: not-allowed; }
._3-1lJsQIJrTs3BLbVRpCI button.btn-normal-withdraw { background-image: linear-gradient(rgb(255, 251, 251), rgb(99, 88, 88)); box-shadow: rgba(158, 158, 158, 0.6) 0px 3px 6px 0px; }
._3-1lJsQIJrTs3BLbVRpCI button.btn-double-withdraw { background-image: linear-gradient(rgb(254, 189, 89), rgb(255, 82, 68)); box-shadow: rgba(255, 160, 0, 0.6) 0px 3px 6px 0px; }
._3-1lJsQIJrTs3BLbVRpCI button.btn-double-completed { box-shadow: rgba(255, 0, 55, 0.6) 0px 3px 6px 0px; background-image: linear-gradient(rgb(255, 113, 149), rgb(253, 38, 72)); }
._3u5OZIw8d7pf6WAFzWg8-o { position: absolute; bottom: 0px; left: 0px; padding-bottom: 41px; width: 100%; color: rgb(219, 39, 17); font-size: 18px; font-weight: bold; text-transform: uppercase; }
._2etk3TuOJSRyFrX0KyWOj- img { position: absolute; top: 83px; right: 0px; left: 0px; width: 300px; height: 230px; max-height: 230px; }
._1byx9tlezjLZSQ1aJHIjJQ { display: block; margin-bottom: 15px; color: rgb(0, 0, 0); font-size: 20px; }
._1byx9tlezjLZSQ1aJHIjJQ._3wmh_0wIlID_oOabI6kmNH > div > span:nth-child(2n+1) > span { display: inline-block; vertical-align: middle; width: 26px; height: 26px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; line-height: 24px; background: rgb(0, 0, 0); border: 1px solid rgb(230, 57, 34); border-radius: 50%; }
._1byx9tlezjLZSQ1aJHIjJQ._2Y3bvCVUhMbHMw_5V8sPB6 { display: inline-block; height: 36px; padding: 0px 25px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; line-height: 34px; text-align: center; background: rgba(0, 0, 0, 0.8); border: 1px solid rgb(230, 57, 34); border-radius: 18px; }
._1byx9tlezjLZSQ1aJHIjJQ._2Y3bvCVUhMbHMw_5V8sPB6 > div > span > span { color: rgb(255, 255, 0); }
.BfdYbmuXdssafSyXrFu_v { position: absolute; top: 25px; left: 0px; right: 0px; z-index: 1; height: 176px; overflow: hidden; }
.BfdYbmuXdssafSyXrFu_v span { display: inline-block; vertical-align: top; width: 192px; height: 176px; margin-left: 12px; padding: 79px 15px 0px 0px; color: rgb(153, 0, 0); font-size: 18px; font-weight: bold; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1d3395742079a3620476b736e7585397.png") center center / 100% 100% no-repeat; }
.BfdYbmuXdssafSyXrFu_v span { animation: 1s ease 0s 1 normal none running slideInUp; }
._1Xe-8LZ_WgvLCFAAiWO9ED { height: 100%; padding-top: 154px; text-align: center; }
._1Xe-8LZ_WgvLCFAAiWO9ED h4, ._1Xe-8LZ_WgvLCFAAiWO9ED h5 { margin: 0px 0px 10px; color: rgb(102, 102, 102); font-size: 18px; font-weight: bold; }
._1Xe-8LZ_WgvLCFAAiWO9ED h5 { margin: 0px 0px 20px; font-size: 14px; }
._1Xe-8LZ_WgvLCFAAiWO9ED button { height: 36px; padding: 0px 25px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; line-height: 34px; background: rgba(0, 0, 0, 0.8); border: 1px solid rgb(230, 57, 34); border-radius: 18px; outline: none; }
.vi ._3-1lJsQIJrTs3BLbVRpCI button { width: 130px; }
.mWcq0PYwkB351JYsQfB4z .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgba(0, 0, 0, 0); box-shadow: none; }
._2gkwLQ6Xw6C0cY4hUhX5IS { width: 400px; margin: 0px auto 66px; }
._2gkwLQ6Xw6C0cY4hUhX5IS > div { height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 46%, rgba(255, 255, 255, 0)); }
._2gkwLQ6Xw6C0cY4hUhX5IS span { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-family: SegoeUI; font-size: 24px; font-weight: bold; height: 50px; background-image: linear-gradient(to right, rgba(255, 43, 0, 0), rgb(255, 43, 0) 46%, rgba(255, 43, 0, 0)); }
._1cj0pLp57wmNp2kCywgDDA { position: relative; width: 405px; min-height: 300px; margin: 0px auto; }
._1cj0pLp57wmNp2kCywgDDA:has(.tMu96B1ygsAZuU3MGzYai) ._3sNgU-EkT1VoRjOySl0xZS { top: -15px; right: calc(50% - 138px); }
._3LoF3al3LJcUNMFR5_SWey { position: absolute; top: 0px; left: 60px; width: 100%; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4804008e4496042e50639066a79fef1b.png") right bottom / contain no-repeat; }
._3LoF3al3LJcUNMFR5_SWey.PFc2VTBnvcF7si_EcnoNC { background-size: cover; }
.zuqNiZK0tDOi3F_Ih7v-j { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e0514b55c7a8d41da36a79c86eba190c.png") center center repeat; }
.zuqNiZK0tDOi3F_Ih7v-j::before, .zuqNiZK0tDOi3F_Ih7v-j::after { content: ""; position: absolute; left: 0px; width: 100%; background: center center no-repeat; }
.zuqNiZK0tDOi3F_Ih7v-j::before { top: -40px; height: 100px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c317d78b9364af6da1f79e977457553f.png"); }
.zuqNiZK0tDOi3F_Ih7v-j::after { bottom: -14px; height: 298px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4e9874cc095e61124f2d766e2fb786e4.png"); }
.zuqNiZK0tDOi3F_Ih7v-j._-6ylfIw1dqhFdFYPDwvBX { left: 50%; width: 330px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/446ac3e7c7c13c5bfed778108ac7b359.png"); transform: translateX(-50%); }
.zuqNiZK0tDOi3F_Ih7v-j._-6ylfIw1dqhFdFYPDwvBX::before { top: -40px; height: 118px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4088b0cd58dae90000572c9df15d29c8.png"); }
.zuqNiZK0tDOi3F_Ih7v-j._-6ylfIw1dqhFdFYPDwvBX::after { bottom: -14px; height: 70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3fdc0f5d3b0821cf3e1e328314ad863f.png"); }
._3sNgU-EkT1VoRjOySl0xZS { z-index: 1; position: absolute; top: -20px; right: 65px; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 21px; line-height: 1; color: rgb(0, 0, 0); opacity: 0.5; cursor: pointer; }
._3sNgU-EkT1VoRjOySl0xZS:hover { opacity: 0.8; }
.zyn2imWCdhpqqFzzhFnf1 { position: relative; }
.zyn2imWCdhpqqFzzhFnf1 > div { margin: 0px auto; padding: 21px; color: rgb(131, 110, 95); }
.zyn2imWCdhpqqFzzhFnf1 > div > h2 { margin: 0px auto 35px; font-size: 18px; text-align: center; word-break: break-word; }
.zyn2imWCdhpqqFzzhFnf1 > div > p { margin: 8px auto 12px; font-size: 14px; word-break: break-word; }
.u2bjpRWnv2fG-wvLwlEB1 { position: relative; border-radius: 10px; background-color: rgb(255, 240, 232); padding: 20px 0px 10px; }
.u2bjpRWnv2fG-wvLwlEB1 span { width: 50%; text-align: center; }
.u2bjpRWnv2fG-wvLwlEB1 ._2qLPtyxcydaBqSthr7ah7M { display: flex; align-items: center; position: absolute; top: -15px; left: 11px; right: 11px; height: 30px; padding: 0px 15px; color: rgb(255, 255, 255); background: rgb(246, 131, 71); border-radius: 25px; }
.u2bjpRWnv2fG-wvLwlEB1 ul { margin: 0px; padding: 0px; list-style: none; }
.u2bjpRWnv2fG-wvLwlEB1 ul li { display: flex; align-items: center; width: 280px; height: 34px; margin: 0px auto; font-weight: bold; color: rgb(48, 126, 25); }
.u2bjpRWnv2fG-wvLwlEB1 ul li span:last-child { color: rgb(227, 0, 0); }
.u2bjpRWnv2fG-wvLwlEB1 ul li + li { border-top: 1px solid rgb(255, 220, 213); }
.tMu96B1ygsAZuU3MGzYai { width: 330px; margin: 0px auto; }
.tMu96B1ygsAZuU3MGzYai .u2bjpRWnv2fG-wvLwlEB1 { width: 284px; margin: 0px auto; color: rgb(227, 0, 0); font-weight: bold; text-align: center; }
.tMu96B1ygsAZuU3MGzYai .u2bjpRWnv2fG-wvLwlEB1 > h2 { margin-top: 10px; }
.tMu96B1ygsAZuU3MGzYai .u2bjpRWnv2fG-wvLwlEB1 > h2 span { font-size: 56px; }
.tMu96B1ygsAZuU3MGzYai .u2bjpRWnv2fG-wvLwlEB1 > h2 span:last-child { font-size: 18px; }
.tMu96B1ygsAZuU3MGzYai > p { margin-bottom: 160px !important; }
._1AnZ1-wZvyUEud-tovwfl6 { display: flex; justify-content: center; align-items: stretch; padding: 30px 0px 10px; gap: 15px; }
._1AnZ1-wZvyUEud-tovwfl6 button { display: inline-flex; align-items: center; justify-content: center; width: 188px; min-height: 58px; padding: 5px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; border-radius: 29px; box-shadow: rgba(158, 158, 158, 0.6) 0px 3px 6px 0px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 251, 251), rgb(99, 88, 88)); }
._1AnZ1-wZvyUEud-tovwfl6 button._1fJtQ5WzkoGd2SW_GHBqYn { color: rgb(255, 255, 255); box-shadow: rgba(255, 160, 0, 0.6) 0px 5px 5px 0px; background-image: linear-gradient(rgb(254, 189, 89), rgb(255, 82, 68)); }
._2vgtVGJVdY0p6YzzTQ56Zd .modal-dialog { margin-top: 10vh; }
._2vgtVGJVdY0p6YzzTQ56Zd .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
._1VOHSX2Z9lq2EWdPs6kfqj { padding: 0px; }
.JoFymOb24w4f2pqzypjrK { position: relative; display: flex; flex-direction: column; justify-content: space-evenly; border-radius: 8px; padding: 30px 20px 20px; text-align: center; width: 450px; min-height: 250px; background-image: linear-gradient(rgb(255, 244, 209), rgb(255, 255, 255) 50%, rgb(255, 255, 255)); }
.JoFymOb24w4f2pqzypjrK:has(._1T9nL2apMwlpNofZawj8HZ) { min-height: 150px; }
.JoFymOb24w4f2pqzypjrK .gfkxbpbGCZ_oV6Q2TMOeG { position: absolute; top: 10px; right: 10px; opacity: 0.5; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-size: 21px; line-height: 1; color: rgb(0, 0, 0); }
.JoFymOb24w4f2pqzypjrK .gfkxbpbGCZ_oV6Q2TMOeG:hover { opacity: 0.8; }
.JoFymOb24w4f2pqzypjrK ._1ZZDJdrjG09JjsYZoMtE8t { margin-bottom: 20px; color: rgb(108, 19, 0); font-size: 18px; line-height: 1.6; }
.JoFymOb24w4f2pqzypjrK ._1ZZDJdrjG09JjsYZoMtE8t ._1T9nL2apMwlpNofZawj8HZ { margin-top: 10px; color: rgb(153, 153, 153); font-size: 12px; }
.JoFymOb24w4f2pqzypjrK ._35Ps4Ua2RLrUc7GM8x86oQ { display: flex; gap: 10px; justify-content: center; }
.JoFymOb24w4f2pqzypjrK ._35Ps4Ua2RLrUc7GM8x86oQ button { min-width: 96px; min-height: 32px; margin: 0px 4px; color: rgb(255, 255, 255); border-radius: 29px; box-shadow: rgba(158, 158, 158, 0.6) 0px 3px 6px 0px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 251, 251), rgb(99, 88, 88)); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.JoFymOb24w4f2pqzypjrK ._35Ps4Ua2RLrUc7GM8x86oQ button._1lp_nLnkuHqEICMEaK-AMz { box-shadow: rgba(255, 160, 0, 0.6) 0px 3px 6px 0px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(254, 189, 89), rgb(255, 82, 68)); }
.red-envelope-notification-modal .modal-dialog { width: 450px; margin-left: auto; margin-right: auto; }
.red-envelope-notification-modal .modal-content { box-shadow: none; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.D88pXAQHwGbzcAd7MW0q1 { width: 450px; min-height: 250px; background-image: linear-gradient(rgb(255, 244, 209), rgb(255, 255, 255) 50%, rgb(255, 255, 255)); border-radius: 12px; }
._1F5kLRJI1mnSFzVgbxeZJK { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 15px 20px 0px; text-align: right; }
._1F5kLRJI1mnSFzVgbxeZJK ._1WH_zf-zkx9I7Hgj0va_xC { opacity: 0.5; font-size: 24px; font-weight: normal; line-height: 1; color: rgb(0, 0, 0); text-shadow: none; }
._1F5kLRJI1mnSFzVgbxeZJK ._1WH_zf-zkx9I7Hgj0va_xC:hover { opacity: 0.8; }
._1s2Mvdt23LYTcGzc0U-NCa { padding: 20px 40px; text-align: center; }
.HZsBEPAIVY_RgjDtkPeBF { font-size: 16px; color: rgb(51, 51, 51); line-height: 1.6; margin: 20px 0px; }
._2TS271KFDYy4LRextN1hb5 { color: rgb(227, 0, 0); font-size: 24px; font-weight: bold; }
._3foj3t6BO0F6TKpTvH9Pfb { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding: 0px 40px 30px; text-align: center; }
.SuBcYwkyeeSH_46xhvB0K { min-width: 120px; height: 42px; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); border-radius: 29px; box-shadow: rgba(255, 160, 0, 0.6) 0px 3px 6px 0px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(254, 189, 89), rgb(255, 82, 68)); }
.SuBcYwkyeeSH_46xhvB0K:focus { outline: none; box-shadow: none; }
.SuBcYwkyeeSH_46xhvB0K.not-complete { box-shadow: rgba(158, 158, 158, 0.6) 0px 3px 6px 0px; background-image: linear-gradient(rgb(255, 251, 251), rgb(99, 88, 88)); }
.e7y6ylBT4bfOUvlDfsHeN { word-break: break-word; }
.e7y6ylBT4bfOUvlDfsHeN img { max-width: 100%; }
._33DukIqIUtSpQQx8dEYL3t { display: block; text-align: center; background-color: rgba(0, 0, 0, 0.7); }
._33DukIqIUtSpQQx8dEYL3t::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
._33DukIqIUtSpQQx8dEYL3t > * { display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); }
._33DukIqIUtSpQQx8dEYL3t > i { font-size: 80px; }
._10huPvOJ0xt_ban4g014RY i { font-size: 150px; }
._10huPvOJ0xt_ban4g014RY p { margin: 20px 0px; font-size: 25px; }
._10huPvOJ0xt_ban4g014RY button { padding: 5px 15px; font-size: 20px; background: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); }
._10huPvOJ0xt_ban4g014RY button i { margin-left: 10px; }
._3RrBV36wTG3akApGpDYp2m { outline: none; }
._3RrBV36wTG3akApGpDYp2m .modal-dialog { width: 290px; }
._3RrBV36wTG3akApGpDYp2m .modal-content { position: relative; min-height: 185px; padding-bottom: 10px; border: 1px solid rgb(170, 170, 170); border-radius: 3px; }
._1Zpq-Tk-JBGDiQA5p9djC3 { border: 0px; position: absolute; top: 5px; right: 5px; display: inline-block; width: 28px; height: 27px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6886c0700a48eb1777905d50925c8369.png") center top no-repeat; }
._217GvMlopGjNR_qJtQlyCF { padding-top: 18px; }
._217GvMlopGjNR_qJtQlyCF p { margin: 0px; color: rgb(0, 0, 0); font-size: 13px; text-align: center; }
._217GvMlopGjNR_qJtQlyCF section { font-size: 0px; text-align: center; }
._217GvMlopGjNR_qJtQlyCF section button { display: inline-block; width: 124px; height: 32px; vertical-align: top; padding: 0px; font-size: 12px; border: 1px solid rgb(255, 96, 0); outline: none; }
._2U2RwvpePDlsvFCkRzk7ff { margin-bottom: 10px; color: rgb(88, 176, 55); font-size: 20px; }
._2U2RwvpePDlsvFCkRzk7ff::before { content: ""; display: block; width: 72px; height: 72px; margin: 0px auto 5px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d339ca609de6b17aa7ac0debdbfe6bfc.png") center top no-repeat; }
.tGqJwN6aQYKeOK5Xj1d6w { margin-bottom: 13px; }
.tGqJwN6aQYKeOK5Xj1d6w span { color: rgb(59, 118, 237); }
._29RlSW9AN0UyXECG5DLj8r { color: rgb(255, 96, 0); background: rgb(255, 255, 255); border-radius: 15px 0px 0px 15px; }
._3vGbM2wbCwJ1SjAGkUjfGd { color: rgb(255, 255, 255); background: rgb(255, 96, 0); border-radius: 0px 15px 15px 0px; }
._2-I1UpqbW3C8HMq5X5JadG { display: flex; justify-content: center; align-items: center; margin-top: 10px; gap: 5px; }
._2-I1UpqbW3C8HMq5X5JadG ._3puN36PosjEoEJt69b-CIs, ._2-I1UpqbW3C8HMq5X5JadG ._3GpXbu-nH-IhicyTB3IrZH { display: block; width: 120px; height: 30px; }
._2-I1UpqbW3C8HMq5X5JadG ._3puN36PosjEoEJt69b-CIs { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/01eb753df684ebba384be1dd8efe5262.png") center top / contain no-repeat; }
._2-I1UpqbW3C8HMq5X5JadG ._3GpXbu-nH-IhicyTB3IrZH { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/02025fa226af437c8fd46afd095cfa3d.png") center top / contain no-repeat; }
._1w0YHTicZt62YOFClnJ68o .modal-content { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg"); }
._38qhKwaKsk4Irh7o_doxEc h4 { color: rgb(0, 128, 227); font-weight: bold; }
._38qhKwaKsk4Irh7o_doxEc input { color: rgb(0, 128, 227); font-size: 21px; }
._38qhKwaKsk4Irh7o_doxEc .close { margin-top: 7px; }
._2Oqo1yVTVKsYtzxsQFb0fW { margin-top: 15px; background-color: rgb(247, 247, 249); border: 1px solid rgb(225, 225, 232); border-radius: 4px; overflow-wrap: break-word; }
._2Oqo1yVTVKsYtzxsQFb0fW blockquote { padding: 10px 20px; margin: 0px 0px 20px; border-left: 5px solid rgb(238, 238, 238); }
._2Oqo1yVTVKsYtzxsQFb0fW img { max-width: 100%; }
.LEgWk6YqARhfQhnzcbU8M .modal-content { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg"); }
._3_Xi0bmu6kjBs6uf-s2UYG h4 { color: rgb(0, 128, 227); font-weight: bold; }
._3_Xi0bmu6kjBs6uf-s2UYG .close { margin-top: 7px; }
._2fxEvjMpmqR-hv-4ljGAx5 .modal-dialog { width: 700px; padding: 0px 12px; border-radius: 20px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(241, 241, 241), rgb(250, 249, 247) 53%, rgb(232, 232, 232)); }
._2fxEvjMpmqR-hv-4ljGAx5 .modal-content { border: 0px; box-shadow: none; background: none; }
._1r0ijf1Nh7gEEebOwuijbF ._2VCpbBCAEcP7_DO5x9IAND { color: rgb(0, 0, 0); font-size: 20px; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._1r0ijf1Nh7gEEebOwuijbF ._1bYdnvus9t9t2b-uml1FGF { text-align: center; }
._1r0ijf1Nh7gEEebOwuijbF ._3qPW9B3gOht3-886COzJ1b, ._1r0ijf1Nh7gEEebOwuijbF ._1yqKck4QqSwwkU8De7nDCV { min-width: 110px; height: 30px; margin: 11px 0px 17px; font-weight: bold; border-radius: 50px; }
._1r0ijf1Nh7gEEebOwuijbF ._3qPW9B3gOht3-886COzJ1b { color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgb(156, 156, 156) 0px 2px 0px 0px; background-image: linear-gradient(89deg, rgb(204, 204, 204), rgb(170, 170, 170)); }
._1r0ijf1Nh7gEEebOwuijbF ._1yqKck4QqSwwkU8De7nDCV { margin-left: 16px; color: rgb(137, 90, 60); box-shadow: rgb(159, 117, 24) 0px 2px 0px 0px; border: 1px solid rgb(255, 237, 177); background-image: linear-gradient(285deg, rgb(255, 180, 29), rgb(248, 243, 170)); }
._3HOzsUUxvBXNyzr--67JA2 { padding: 18px 12px; border-radius: 8px; border: 1px solid rgb(233, 233, 233); background-color: rgb(255, 255, 255); }
._3HOzsUUxvBXNyzr--67JA2 > p { color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; }
._1eDycLZlbzlA392qkiNti- { color: rgb(197, 0, 0); }
._2YCWqD3dlyTDpr0EhdpQQb .modal-dialog { width: 340px; height: 200px; margin-top: 50px; padding: 0px 12px; border-radius: 20px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(241, 241, 241), rgb(250, 249, 247) 53%, rgb(232, 232, 232)); }
._2YCWqD3dlyTDpr0EhdpQQb .modal-content { border: 0px; box-shadow: none; background: none; }
._2YCWqD3dlyTDpr0EhdpQQb section { text-align: center; }
._2YCWqD3dlyTDpr0EhdpQQb section img { width: 100px; margin: -32px 0px 16px; }
._2YCWqD3dlyTDpr0EhdpQQb section p { margin-bottom: 20px; color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; text-align: center; }
._2YCWqD3dlyTDpr0EhdpQQb section button { width: 200px; height: 40px; color: rgb(137, 90, 60); font-weight: bold; border-radius: 50px; box-shadow: rgb(159, 117, 24) 0px 2px 0px 0px; border: 1px solid rgb(255, 237, 177); background-image: linear-gradient(281deg, rgb(255, 180, 29), rgb(248, 243, 170)); }
._29wo2TcTv79PXP6HO9xZPE .modal-footer { text-align: center; }
._29wo2TcTv79PXP6HO9xZPE .modal-footer button { background: linear-gradient(rgb(255, 204, 51) 0px, rgb(255, 153, 0) 100%); border: 1px solid rgb(255, 204, 51); color: rgb(51, 51, 51); height: 42px; width: 146px; }
._29wo2TcTv79PXP6HO9xZPE .modal-footer button:hover { background: rgb(255, 153, 0); }
._2azIe_oxT6rygA2-uB3sAa { font-size: 12px; min-height: 150px; padding: 13px; }
._3LuMv92jKWwOK2I6-N8oe6 { color: rgb(169, 68, 66); }
._2fBSW3k7YyvgQmV2FO3z .modal-dialog { width: 480px; }
.aiCC3Ax-toBQ0i8TZ-kA9 h5 { margin: 0px; font-weight: bold; line-height: 20px; }
.aiCC3Ax-toBQ0i8TZ-kA9 p { margin: 0px; }
._23vAU_-u9qTO8ndH4ilDje { font-weight: 400; color: rgb(119, 119, 119); vertical-align: sub; }
.two-factor-auth-modal .modal-content { min-width: 322px; margin-top: 122px; }
._2WYjW4EQwbdQt-NxcM012d { padding: 16px 16px 24px; position: relative; }
._2UmiN56CzoVJoVC40z8FWb { position: absolute; top: 4px; right: 4px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 16px; color: rgb(153, 153, 153); cursor: pointer; }
._2UmiN56CzoVJoVC40z8FWb:hover { color: rgb(51, 51, 51); }
._2K_DYx4bXTistt9bdJjaSP { font-size: 18px; font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 8px; }
._2K_DYx4bXTistt9bdJjaSP span { overflow-wrap: break-word; }
._3hh0hLSHwDagdo1c_MeLxe { font-size: 12px; font-weight: 500; color: rgb(51, 51, 51); padding-bottom: 12px; border-bottom: 1px solid rgb(221, 221, 221); }
._29O5NZNYv3Vk8jvbRdxmCq { font-size: 14px; color: rgb(0, 0, 0); margin: 18px 0px 16px; display: block; }
._27oW5SZmaErYvOHRa-EQ_x { width: 100%; height: 40px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; margin-bottom: 15px; }
._1_poAvvUxBc1YhOOSxecPk { color: rgb(217, 83, 79); font-size: 13px; margin-bottom: 10px; }
._3GVRviFHv6abdWJcZL6tFW { width: 100%; height: 40px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); font-size: 16px; }
._3GVRviFHv6abdWJcZL6tFW:hover { color: rgb(255, 255, 255); }
._1bK6aW2_W4DXVJlWD8hKUJ { background-color: rgb(190, 31, 31); }
._1bK6aW2_W4DXVJlWD8hKUJ:disabled { opacity: 0.8; }
._2KPJJrWF90Zsojm3_dpJLz ._2MjR4u8d0rVdKs6ZbbcGMp { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4ed13e15067c2882431d8897816a5385.png"); }
._2KPJJrWF90Zsojm3_dpJLz ._38rPKWaXzBdXqthcEzZSLl { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d4c338db34986e9d0103dd24902cf616.png"); }
._2KPJJrWF90Zsojm3_dpJLz h5 { margin: 0px -5px; }
._2KPJJrWF90Zsojm3_dpJLz h5 span { color: rgb(255, 255, 255); line-height: 24px; text-align: justify; }
._2KPJJrWF90Zsojm3_dpJLz h5 span:last-child { color: rgb(255, 205, 0); text-decoration: underline; cursor: pointer; }
._2KPJJrWF90Zsojm3_dpJLz ._3IRzJM-eTfFcttXEsyLZ0J { margin-top: 20px; color: rgb(255, 205, 0); font-size: 22px; cursor: pointer; }
.pt ._2KPJJrWF90Zsojm3_dpJLz ._3IRzJM-eTfFcttXEsyLZ0J { margin-top: 12px; font-size: 19px; white-space: nowrap; }
._2dTQDrEcqZP06XRDGUOErZ button { width: 100%; }
._3uTRxpbTQkbfxfVyo9CYSI input { padding-left: 7px; }
._3uTRxpbTQkbfxfVyo9CYSI h5 span { color: rgb(255, 255, 255); line-height: 26px; text-align: justify; }
._3uTRxpbTQkbfxfVyo9CYSI h5 span:last-child { color: rgb(255, 205, 0); text-decoration: underline; cursor: pointer; }
._3uTRxpbTQkbfxfVyo9CYSI button { width: 100%; }
._3y3WBUdaFHSwuHSDhxwXjO .modal-dialog { width: auto; margin-top: 115px; }
._3y3WBUdaFHSwuHSDhxwXjO .modal-content { position: relative; width: 300px; height: 300px; margin: 0px auto; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
.SvF358fYS2P3j-izv3CBr { position: relative; }
.SvF358fYS2P3j-izv3CBr > button { position: absolute; top: -29px; right: -27px; width: 30px; height: 30px; color: rgb(0, 0, 0); font-size: 18px; line-height: 30px; background: rgb(255, 255, 255); border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
.IVJxTnz7CARBk_qG6mNLp { position: relative; }
.IVJxTnz7CARBk_qG6mNLp figure { width: 266px; height: 224px; margin: 0px auto; }
.IVJxTnz7CARBk_qG6mNLp figure img { max-width: 100%; }
.IVJxTnz7CARBk_qG6mNLp span { position: absolute; left: 0px; right: 0px; bottom: 17px; color: red; font-size: 28px; font-weight: bold; text-align: center; line-height: 46px; }
._3ITRfbu2b3Lgg8gcuYXZ_P .modal-dialog { margin-top: 4%; width: 1200px; border-radius: 10px; }
._1bdOH0gqmbAq5sNPlG0zVb { position: absolute; top: -40px; right: -30px; color: rgb(255, 255, 255); font-size: 30px; cursor: pointer; }
._1wK4P5e3I_AQgzhDoPJiDb { height: 760px; padding: 0px 40px 40px; overflow-y: scroll; text-align: center; }
._1wK4P5e3I_AQgzhDoPJiDb h1 { color: rgb(139, 82, 17); font-size: 30px; font-weight: bold; }
._1wK4P5e3I_AQgzhDoPJiDb table { width: 100%; margin: 0px auto; }
._1wK4P5e3I_AQgzhDoPJiDb table thead tr { height: 50px; border: 1px solid rgb(241, 218, 111); background-image: linear-gradient(rgb(255, 233, 128), rgb(241, 218, 111)); }
._1wK4P5e3I_AQgzhDoPJiDb table thead tr th { color: rgb(139, 82, 17); font-size: 14px; font-weight: bold; text-align: center; }
._1wK4P5e3I_AQgzhDoPJiDb table thead tr th + th { border-left: 1px dotted rgb(139, 82, 17); }
._1wK4P5e3I_AQgzhDoPJiDb table tbody td { height: 50px; border: 1px solid rgb(241, 218, 111); }
.gSkJpAc7IrbXlj3biLk1e { padding: 15px; border-radius: 5px; }
._5kpYNqHFkQun8HWfr-YDg { display: flex; }
._5kpYNqHFkQun8HWfr-YDg .NMMFlKUD4h5ITLiRUaVhE { width: 300px; color: rgb(255, 255, 255); text-align: center; border-radius: 10px; }
._5kpYNqHFkQun8HWfr-YDg .NMMFlKUD4h5ITLiRUaVhE > section { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 218px; margin-bottom: 2px; color: rgb(255, 255, 255); background: rgb(68, 68, 68); border-radius: 10px 10px 0px 0px; }
._5kpYNqHFkQun8HWfr-YDg .NMMFlKUD4h5ITLiRUaVhE > section > i { font-size: 60px; }
._5kpYNqHFkQun8HWfr-YDg ._1OOV-q3ssZv9VpaFEYYwdD { flex: 1 1 0%; width: calc(100% - 330px); margin-left: 30px; }
.g5UAxxGS5PCGmIpl_Gv_7 { margin: 10px 0px; font-weight: bold; font-size: 15px; }
.g5UAxxGS5PCGmIpl_Gv_7 > span:nth-child(2) { display: inline-block; max-width: 105px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.VCWc1xD16JjHVQV5T2QFm { margin: 0px auto; font-size: 16px; font-weight: bold; line-height: 25px; }
.VCWc1xD16JjHVQV5T2QFm ._2kiO79mWzuPtUlVD3NTg1L { display: inline-block; max-width: 6em; font-size: 22px; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.VCWc1xD16JjHVQV5T2QFm button { padding: 0px; color: rgb(255, 90, 0); }
.VCWc1xD16JjHVQV5T2QFm button:hover { color: rgb(255, 216, 0); }
._3Bmg0lcRzYx-DxpIXfLPdU { margin-top: 10px; font-size: 14px; }
ul._3XHO2UA0RB0rER4aWKSeqO { display: inline-flex; width: 100%; margin: 0px 0px 2px; padding: 0px; }
ul._3XHO2UA0RB0rER4aWKSeqO li { flex: 1 1 0%; height: 100px; background: rgb(38, 38, 38); list-style: none; }
ul._3XHO2UA0RB0rER4aWKSeqO li:hover, ul._3XHO2UA0RB0rER4aWKSeqO li.active { background: rgb(255, 90, 0); }
ul._3XHO2UA0RB0rER4aWKSeqO li:hover a, ul._3XHO2UA0RB0rER4aWKSeqO li.active a { color: rgb(255, 255, 255); }
ul._3XHO2UA0RB0rER4aWKSeqO li + li { margin-left: 2px; }
ul._3XHO2UA0RB0rER4aWKSeqO li a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); text-decoration: none; }
ul._3XHO2UA0RB0rER4aWKSeqO li a i { margin-bottom: 10px; font-size: 30px; }
ul._1zBBtO83fFSEPTlrAwj7Vm { display: block; margin: 0px auto; padding: 0px 0px 25px; background: rgb(38, 38, 38); border-radius: 0px 0px 10px 10px; list-style: none; }
ul._1zBBtO83fFSEPTlrAwj7Vm > li { position: relative; height: 56px; font-size: 16px; font-weight: 500; letter-spacing: 3px; line-height: 56px; }
ul._1zBBtO83fFSEPTlrAwj7Vm > li.active, ul._1zBBtO83fFSEPTlrAwj7Vm > li:hover { color: rgb(255, 255, 255); background: rgb(255, 90, 0); }
ul._1zBBtO83fFSEPTlrAwj7Vm > li.active ._2xp1O4AWed-sWDEbLBlisV, ul._1zBBtO83fFSEPTlrAwj7Vm > li.active ._32Nq9OL7K4aw9wXC52aWM3, ul._1zBBtO83fFSEPTlrAwj7Vm > li:hover ._2xp1O4AWed-sWDEbLBlisV, ul._1zBBtO83fFSEPTlrAwj7Vm > li:hover ._32Nq9OL7K4aw9wXC52aWM3 { background: rgb(255, 255, 255); }
ul._1zBBtO83fFSEPTlrAwj7Vm > li ._2xp1O4AWed-sWDEbLBlisV, ul._1zBBtO83fFSEPTlrAwj7Vm > li ._32Nq9OL7K4aw9wXC52aWM3 { display: inline-block; width: 22px; height: 20px; vertical-align: sub; mask-size: contain; mask-position: center center; mask-repeat: no-repeat; mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c3f5f57d83348c5cb1f068620212b45c.svg"); background: rgb(255, 255, 255); }
ul._1zBBtO83fFSEPTlrAwj7Vm > li ._32Nq9OL7K4aw9wXC52aWM3 { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c7396560abba3a7dec7d04540242f51e.svg"); }
ul._1zBBtO83fFSEPTlrAwj7Vm > li a { display: inline-block; width: 100%; height: 100%; vertical-align: top; color: inherit; text-align: left; padding-left: 44px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yb-_N1FamYMCU62FaoRqJ, ._3KCg0qVvT8-2D-nyEN2VzK { position: absolute; top: 17px; max-width: 70px; padding: 0px 4px; color: rgb(255, 255, 255); font-size: 12px; line-height: 13px; letter-spacing: 0px; background: red; border: 2px solid red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 8px; }
._3UvIVoumJj3nKcEjBX9shb { box-sizing: border-box; }
.popover-content { color: rgb(0, 0, 0); }
.bootstrap-datetimepicker-widget .datepicker table td { color: rgb(0, 0, 0); }
.bootstrap-datetimepicker-widget .datepicker table td.active, .bootstrap-datetimepicker-widget .datepicker table td.active:hover { color: rgb(255, 255, 255); }
.bootstrap-datetimepicker-widget .datepicker table td.today::before { content: none; }
._2O__agaxo_hd2Gs2M1jCte { display: flex; }
._2O__agaxo_hd2Gs2M1jCte > ui-view { flex-grow: 1; min-height: 531px; }
._16Iy_CjjgFr87CdMjlzNcU { position: absolute; top: 10px; right: -30px; width: 34px; height: 34px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9bfc12c2ea753b159322e4c4e5a9cc37.png") center center / contain no-repeat; z-index: 1; cursor: pointer; }
._1j_1zj5z6IkYqTVErQrlH- { position: relative; height: 90px; margin-top: -20px; margin-left: 90px; margin-right: 31px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6e19b01417d0ebb70bbd6f5681288590.png") center center / contain repeat-x; }
._1j_1zj5z6IkYqTVErQrlH-::before, ._1j_1zj5z6IkYqTVErQrlH-::after { content: ""; position: absolute; top: 0px; height: 90px; background-position: center center; background-size: contain; background-repeat: no-repeat; }
._1j_1zj5z6IkYqTVErQrlH-::before { left: -89px; width: 90px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ab6d37901f948624ecc1f750a6cc927c.png"); }
._1j_1zj5z6IkYqTVErQrlH-::after { right: -30px; width: 31px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/506c549938732534b77a7a2d09a53e04.png"); }
._3XbuH6IRQ9cipbW1Eyzuf4 { line-height: 105px; color: rgb(255, 238, 119); font-size: 20px; font-weight: bold; padding: 0px 1rem; }
._2dXvrNrv15xqyHMhuLoGUJ { position: relative; display: inline-block; vertical-align: middle; height: 43px; line-height: 40px; margin: 0px 21px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/64a178188dda3d638a0bb0e76854c765.png") center center / contain repeat-x; cursor: pointer; }
._2dXvrNrv15xqyHMhuLoGUJ::before, ._2dXvrNrv15xqyHMhuLoGUJ::after { content: ""; position: absolute; top: 0px; width: 21px; height: 43px; background-position: center center; background-size: contain; background-repeat: no-repeat; }
._2dXvrNrv15xqyHMhuLoGUJ::before { left: -20px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8c0f3d55fab1f6635c5071deecdac24e.png"); }
._2dXvrNrv15xqyHMhuLoGUJ::after { right: -20px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b18a18a57039fda5f71894b6e0a32db5.png"); }
._2dXvrNrv15xqyHMhuLoGUJ span { padding: 0px 0.5rem; color: rgb(0, 70, 26); font-size: 18px; font-weight: bold; }
.WCTZGVGljb9sfomZ3A152 { position: fixed; z-index: 1000; right: 0px; bottom: 0px; text-align: right; }
.WCTZGVGljb9sfomZ3A152 ._2jpnahM_flb2179Zrhkm6y { position: absolute; left: -26px; top: 3px; width: 26px; height: 26px; cursor: pointer; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c022587026b4e1ebf3277cdcb9746f55.png"); }
.WCTZGVGljb9sfomZ3A152 ul { margin: 0px auto; padding: 0px; list-style: none; }
.WCTZGVGljb9sfomZ3A152 ._4Bnz5uyExAb59S1qfzy_9 { display: block; height: 100%; white-space: nowrap; overflow: hidden; }
.WCTZGVGljb9sfomZ3A152 ._4Bnz5uyExAb59S1qfzy_9 li { width: 145px; height: 160px; }
.WCTZGVGljb9sfomZ3A152 ._4Bnz5uyExAb59S1qfzy_9 li img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.WCTZGVGljb9sfomZ3A152 ._1f9NenqKkFJGmyt8Rb8Kuh { position: absolute; top: -7px; left: 0px; right: 0px; font-size: 0px; text-align: right; }
.WCTZGVGljb9sfomZ3A152 ._1f9NenqKkFJGmyt8Rb8Kuh li { display: inline-block; width: 12px; height: 12px; vertical-align: top; margin: 0px 3px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 50%; cursor: pointer; }
.WCTZGVGljb9sfomZ3A152 ._1f9NenqKkFJGmyt8Rb8Kuh li.on { background-color: rgb(255, 208, 83); }
._3-J5K3lYy6syM913273Ox4 { position: fixed; z-index: 1000; right: 0px; bottom: 0px; text-align: right; user-select: none; touch-action: none; }
._3-J5K3lYy6syM913273Ox4._18obLsiym_PuXuFYTOzdVH { cursor: grabbing; }
._3-J5K3lYy6syM913273Ox4 ._2bR4OjF6RU6hzD896jV_jX { position: absolute; left: -26px; top: 3px; width: 26px; height: 26px; cursor: pointer; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c022587026b4e1ebf3277cdcb9746f55.png"); z-index: 2; }
.Py_2hGoz2nmDPNsPHiAyA { width: 145px; height: 160px; overflow: hidden; position: relative; }
._2D7OtXr6rtqDLSa-NGWhaP { height: 100%; width: 100%; display: flex; will-change: transform; transform: translate3d(0px, 0px, 0px); transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1); }
._2D7OtXr6rtqDLSa-NGWhaP.no-anim { transition: none; }
.hOyxeDsEnF-O7ZMaPyVHX { flex: 0 0 100%; height: 100%; overflow: hidden; cursor: pointer; }
.hOyxeDsEnF-O7ZMaPyVHX img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.hynZ7Zk9eOSxbVIK7yu0D { position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); display: flex; gap: 4px; padding: 3px 6px; border-radius: 999px; background: rgba(0, 0, 0, 0.35); opacity: 0; transition: opacity 260ms; pointer-events: none; z-index: 3; }
._3KHh_cG3nNHGHSUZh2v2yx { opacity: 1; }
._3z-TNUpTzmlCnyl6fhK_kV { width: 12px; height: 3px; border-radius: 999px; background: rgba(255, 255, 255, 0.35); transition: width 220ms, background 220ms, opacity 220ms; opacity: 0.6; }
._2ppfRTwbS11U1-sDQMl8Gf { width: 20px; background: rgba(255, 255, 255, 0.95); opacity: 1; }
._1L6Z7HBqlRYcwJn9j77U76 { position: fixed; z-index: 2; right: -150px; top: 20%; }
._1L6Z7HBqlRYcwJn9j77U76 ul { padding: 0px; margin: 0px; list-style: none; }
._1L6Z7HBqlRYcwJn9j77U76 ul li + li { margin-top: 10px; }
._1L6Z7HBqlRYcwJn9j77U76 ul li { width: 230px; height: 80px; text-align: center; overflow: hidden; border-radius: 16px 0px 0px 16px; transform: translateX(0px); transition: 0.3s; background: left center no-repeat; }
._1L6Z7HBqlRYcwJn9j77U76 ul li:hover { transform: translateX(-150px); }
._1L6Z7HBqlRYcwJn9j77U76 ul li a, ._1L6Z7HBqlRYcwJn9j77U76 ul li > div { display: block; height: 100%; text-decoration: none; background: left center no-repeat; }
._1L6Z7HBqlRYcwJn9j77U76 ul li.xepO24Lcgj-fGF-LAtEve { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5dccf99cf163def3db6cdf91dc8cb070.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li.xepO24Lcgj-fGF-LAtEve a { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9b845ee70e0636db41e19b7b2e73f968.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li.z-ktlWiwcCt87MhfGjbnE { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b6e436d80afcaed56c6ff5729798ee7d.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li.z-ktlWiwcCt87MhfGjbnE a { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ecad9257436ce3841348288a65ebd0b7.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li._27A57LX-fAFgGFexphuR6T { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d52f5a4c39ea10996e9e4d263c9df7b5.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li._27A57LX-fAFgGFexphuR6T a { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c06480b6c6c6fe3d45b96fe4f2f050b0.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li._2U6hKGTgYGZ23xkZuxk9SY { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1ddeb56a33c09c77b33ed9a40f246961.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li._2U6hKGTgYGZ23xkZuxk9SY a { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6c81fd06c9ecb828d72c6c24b44a584e.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li.Q2yRzxnItKZDDH407pteQ { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8105ecd3afde6ae5080d4393ceda5fc5.png"); }
._1L6Z7HBqlRYcwJn9j77U76 ul li.Q2yRzxnItKZDDH407pteQ a { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/204ffee92d128d3c3e5447e118945d47.png"); }
._3YZ81tWqgxIHvSwF7szH6O { position: fixed; display: grid; left: 5px; bottom: 5px; }
._3YZ81tWqgxIHvSwF7szH6O img { width: 120px; }
._26Ffqy4qe9t1sOtTm1E_AE { position: fixed; right: 5px; top: 56%; }
._26Ffqy4qe9t1sOtTm1E_AE .yzcILeJ0y957-Qelhw5iB { position: absolute; left: -26px; top: 3px; width: 26px; height: 26px; cursor: pointer; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c022587026b4e1ebf3277cdcb9746f55.png"); }
._26Ffqy4qe9t1sOtTm1E_AE img { width: 145px; height: 130px; }
._3kXaCnwtq87FrDpFiNs0CJ { position: relative; width: 500px; height: 80px; line-height: 80px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/71e42564041c10aa70380d8a1aa45e44.png"); cursor: pointer; }
._3gYAsohOlYzQpRHxbvTD4L { position: absolute; right: 14px; top: 26px; z-index: 5; width: 28px; height: 28px; cursor: pointer; }
._3M5-J_t1cTjnd6Hi6pRO4H { color: rgb(0, 0, 0); }
._2F77d-cB9oe30tcUS5t610 { color: red; }
._2-QVZlFTGPp9mlu5CL1NlD { position: fixed; z-index: 1001; bottom: 100px; width: 100%; height: 0px; }
._3y6Sc520aW9odN1RnFOAWy { height: 0px; white-space: nowrap; }
._1HI_0cxqfldSSrw3t8aqsL { float: left; margin-right: 30px; }
._1EEGE2d2qdDf-SAglsaSD_ { position: fixed; right: 0px; bottom: 175px; width: 80px; height: 80px; white-space: nowrap; overflow: hidden; transition: 0.6s; display: flex; align-items: center; cursor: pointer; }
._1EEGE2d2qdDf-SAglsaSD_:hover { width: 320px; }
._1EEGE2d2qdDf-SAglsaSD_:hover ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug { padding-top: 14px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1EEGE2d2qdDf-SAglsaSD_:hover ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug::before { opacity: 1; }
._1EEGE2d2qdDf-SAglsaSD_:hover ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug > div { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d972f64702843295cce123d0f2470310.png"); }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW { display: inline-block; height: 100%; line-height: normal; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug { display: inline-block; position: relative; width: 80px; height: 80px; padding-top: 11px; color: rgb(255, 76, 76); font-size: 15px; font-weight: bold; text-align: center; background: rgb(255, 255, 255); border: 3px solid rgb(255, 76, 76); overflow: hidden; border-radius: 12px; white-space: nowrap; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug::before { content: " "; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0; background: linear-gradient(to right, rgb(255, 143, 76) 0%, rgb(255, 76, 76) 100%); transition: 0.6s; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug > div { height: 31px; margin-bottom: 4px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5829320a4453d59f24f87898a344c4c6.png") center center no-repeat; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug > span { font-size: 16px; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1GL8uLOmIb3qUPzTKouIDX { position: relative; display: inline-block; width: 190px; height: 80px; margin-left: 5px; padding: 13px 60px 0px 11px; color: rgb(255, 255, 255); font-size: 16px; background: rgb(255, 76, 76); border-radius: 12px; vertical-align: top; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1GL8uLOmIb3qUPzTKouIDX > div { font-size: 28px; font-weight: bold; line-height: 30px; }
._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1GL8uLOmIb3qUPzTKouIDX > i { position: absolute; top: 15px; right: 8px; font-size: 50px; }
._3cgqklD7Be6kyGYa9Sxp4k { position: relative; margin-left: 5px; color: rgb(255, 76, 76); font-size: 30px; }
._3cgqklD7Be6kyGYa9Sxp4k::before { content: ""; position: absolute; top: 13px; left: 8px; width: 15px; height: 15px; z-index: -1; background: rgb(255, 255, 255); }
._1K46ETgpprUwx-2dP9Zonj { position: relative; display: inline-block; min-width: 380px; height: 66px; font-size: 0px; text-align: left; cursor: pointer; }
._1K46ETgpprUwx-2dP9Zonj::before { content: ""; position: absolute; top: -23px; left: 0px; display: inline-block; width: 130px; height: 100px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7ff59d2dbe09f07b3f73514fa7ff9f47.gif") center center no-repeat; }
._1K46ETgpprUwx-2dP9Zonj > section { padding: 19px 28px 0px 130px; color: rgb(0, 0, 0); text-align: center; font-size: 13px; }
._2EBVse_00dtgKNK6ObFWsi { position: absolute; z-index: -1; top: 0px; left: 35px; right: 35px; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b0d037ef04e67b3ecd1ac17af8b2dfd6.png") center center repeat-x; }
._2EBVse_00dtgKNK6ObFWsi::before, ._2EBVse_00dtgKNK6ObFWsi::after { content: ""; position: absolute; top: 0px; left: -35px; height: 100%; width: 35px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/dc6fd8ab25404500172334943528d6b9.png") center center no-repeat; }
._2EBVse_00dtgKNK6ObFWsi::after { left: initial; right: -35px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/53cc4c81fcf9ef45fc9e1773ff039d96.png"); }
.m6St-e1wM0x21-4b5uLpn { position: absolute; bottom: -8px; z-index: 1; display: flex; justify-content: center; align-items: flex-end; width: 130px; height: 100px; padding: 0px 10px; font-size: 14px; color: rgb(255, 237, 87); font-weight: bold; text-transform: capitalize; word-break: break-word; white-space: break-spaces; }
.gSzr4CypKJcHsURkQtHL1 { color: rgb(247, 255, 0); }
.gSzr4CypKJcHsURkQtHL1 span { color: rgb(255, 255, 255); }
.EbHrkgh5n1kFXLLiIvbvS { float: right; margin-left: 10px; cursor: pointer; }
.zh-cn ._1K46ETgpprUwx-2dP9Zonj .m6St-e1wM0x21-4b5uLpn { bottom: 3px; padding: 0px 5px; font-size: 12px; }
.zh-tw ._1K46ETgpprUwx-2dP9Zonj .m6St-e1wM0x21-4b5uLpn { bottom: 3px; padding: 0px 5px; font-size: 12px; }
.vi ._1K46ETgpprUwx-2dP9Zonj .m6St-e1wM0x21-4b5uLpn { bottom: 3px; padding: 0px 5px; font-size: 12px; }
._2iLht9lFXC6kjLIta6Ue2Q { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._2iLht9lFXC6kjLIta6Ue2Q h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._2iLht9lFXC6kjLIta6Ue2Q h3 { font-size: 16px; font-weight: bold; }
._2iLht9lFXC6kjLIta6Ue2Q h4 { font-size: 16px; }
._2iLht9lFXC6kjLIta6Ue2Q > ul { list-style: none; }
._2iLht9lFXC6kjLIta6Ue2Q ol { padding-left: 20px; list-style-type: decimal; }
._2iLht9lFXC6kjLIta6Ue2Q p, ._2iLht9lFXC6kjLIta6Ue2Q li { font-size: 16px; text-align: justify; line-height: 2em; }
._2iLht9lFXC6kjLIta6Ue2Q p { margin: 1em 0px; }
._2iLht9lFXC6kjLIta6Ue2Q .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._2iLht9lFXC6kjLIta6Ue2Q table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._2iLht9lFXC6kjLIta6Ue2Q table thead tr, ._2iLht9lFXC6kjLIta6Ue2Q table thead th, ._2iLht9lFXC6kjLIta6Ue2Q table thead td, ._2iLht9lFXC6kjLIta6Ue2Q table tbody tr, ._2iLht9lFXC6kjLIta6Ue2Q table tbody th, ._2iLht9lFXC6kjLIta6Ue2Q table tbody td, ._2iLht9lFXC6kjLIta6Ue2Q table tfoot tr, ._2iLht9lFXC6kjLIta6Ue2Q table tfoot th, ._2iLht9lFXC6kjLIta6Ue2Q table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._2iLht9lFXC6kjLIta6Ue2Q table thead th, ._2iLht9lFXC6kjLIta6Ue2Q table tbody th, ._2iLht9lFXC6kjLIta6Ue2Q table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._3M_cJLsEzz3IFbfU2tG_nz { padding: 284px 0px 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5ce954e3f9e02a8fac3b6cb7e3a1ba1b.jpg") center top no-repeat rgb(57, 28, 136); }
.ORTbpe-U1ggwxy0ujmffH { position: relative; width: 944px; min-height: 589px; margin: 70px auto; padding: 0px 40px 30px; font-size: 0px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/61e54a50c120f2ef9d47a0ba48bcbf00.png") center center repeat-y; }
.ORTbpe-U1ggwxy0ujmffH::before, .ORTbpe-U1ggwxy0ujmffH::after { content: ""; position: absolute; left: 0px; right: 0px; height: 70px; background-repeat: no-repeat; background-position: center top; }
.ORTbpe-U1ggwxy0ujmffH::before { top: -70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8b4aa5dd7189147b5768ba6ade96342c.png"); }
.ORTbpe-U1ggwxy0ujmffH::after { bottom: -70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/795d1e949ede3ddde9b7f5696fab269d.png"); }
._2QwUs1TvP-lhujKI5mQIy6 { position: absolute; right: 0px; left: 0px; top: -120px; width: 520px; height: 106px; margin: 0px auto; }
.zhr6WYD10R0XjgcOxcB5A { margin: 0px 0px 20px; }
.zhr6WYD10R0XjgcOxcB5A li { position: relative; display: inline-block; vertical-align: top; height: 40px; margin: 0px 13px 0px 41px; padding: 0px 5px; color: rgb(255, 255, 255); font-weight: bold; font-size: 15px; line-height: 37px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3db7abf9be9130ee7350ca950d3bab91.png") center top repeat-x; }
.zhr6WYD10R0XjgcOxcB5A li + li { margin-left: 61px; }
.zhr6WYD10R0XjgcOxcB5A li::before, .zhr6WYD10R0XjgcOxcB5A li::after { content: ""; position: absolute; top: 0px; height: 40px; background-repeat: no-repeat; background-position: center top; }
.zhr6WYD10R0XjgcOxcB5A li::before { left: -41px; width: 41px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74da1cee0fe914447352f5c6a5987cff.png"); }
.zhr6WYD10R0XjgcOxcB5A li::after { right: -13px; width: 13px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19fef062d41f6b7c9ccbcbcf2e75e669.png"); }
.zhr6WYD10R0XjgcOxcB5A li:hover, .zhr6WYD10R0XjgcOxcB5A li.active { background-position: center bottom; }
.zhr6WYD10R0XjgcOxcB5A li:hover::before, .zhr6WYD10R0XjgcOxcB5A li:hover::after, .zhr6WYD10R0XjgcOxcB5A li.active::before, .zhr6WYD10R0XjgcOxcB5A li.active::after { background-position: center bottom; }
._2KlBPHpfRWgGpPc09u6Mvw li { margin-top: 10px; }
._2KlBPHpfRWgGpPc09u6Mvw li.non-highlight { opacity: 0.5; }
._2KlBPHpfRWgGpPc09u6Mvw li img { width: 100%; border-radius: 10px; }
.zh-cn ._3M_cJLsEzz3IFbfU2tG_nz { padding: 284px 0px 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/60f35ebedf9cbf30268e262b1bfa7a77.jpg") center top no-repeat rgb(57, 28, 136); }
.zh-tw ._3M_cJLsEzz3IFbfU2tG_nz { padding: 284px 0px 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/60f35ebedf9cbf30268e262b1bfa7a77.jpg") center top no-repeat rgb(57, 28, 136); }
._3K2xbqJg9xuE9QCpBcZ9Qc { padding: 284px 0px 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/569c444ba7ebe3c8987a4579cdb711dc.jpg") center top no-repeat rgb(95, 193, 205); }
._3uFOUIzmHLzUAr4P6Sye6H { position: relative; width: 944px; min-height: 589px; margin: 70px auto; padding: 0px 40px 30px; font-size: 0px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ea0332ee1321045e3a76480223fc07bd.png") center center repeat-y; }
._3uFOUIzmHLzUAr4P6Sye6H::before, ._3uFOUIzmHLzUAr4P6Sye6H::after { content: ""; position: absolute; left: 0px; right: 0px; height: 70px; background-repeat: no-repeat; background-position: center top; }
._3uFOUIzmHLzUAr4P6Sye6H::before { top: -70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ba99420d293d5e3f75c827d433231bb0.png"); }
._3uFOUIzmHLzUAr4P6Sye6H::after { bottom: -70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/03c1d4f4055d1ab290ad83c4fd960fd8.png"); }
._3HRwpFc9ayXxX09le_Dc9W { position: absolute; right: 0px; left: 0px; top: -120px; width: 520px; height: 106px; margin: 0px auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8d39fbe1bd714f5f05972c8b98d09b73.png") center top no-repeat; }
._1-UHpZ2d2oqPAgKMKxBx1F { margin: 0px 0px 20px; }
._1-UHpZ2d2oqPAgKMKxBx1F li { position: relative; display: inline-block; vertical-align: top; height: 40px; margin: 0px 13px 0px 41px; padding: 0px 5px; color: rgb(255, 255, 255); font-weight: bold; font-size: 15px; line-height: 37px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/23d91f64fc777b3d36f573dac3dd3a5f.png") center top repeat-x; }
._1-UHpZ2d2oqPAgKMKxBx1F li + li { margin-left: 61px; }
._1-UHpZ2d2oqPAgKMKxBx1F li::before, ._1-UHpZ2d2oqPAgKMKxBx1F li::after { content: ""; position: absolute; top: 0px; height: 40px; background-repeat: no-repeat; background-position: center top; }
._1-UHpZ2d2oqPAgKMKxBx1F li::before { left: -41px; width: 41px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2dec4b7222e1899fa4c6a83057cb430d.png"); }
._1-UHpZ2d2oqPAgKMKxBx1F li::after { right: -13px; width: 13px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0961a90d8e20b2e417067558988c8640.png"); }
._1-UHpZ2d2oqPAgKMKxBx1F li:hover, ._1-UHpZ2d2oqPAgKMKxBx1F li.active { background-position: center bottom; }
._1-UHpZ2d2oqPAgKMKxBx1F li:hover::before, ._1-UHpZ2d2oqPAgKMKxBx1F li:hover::after, ._1-UHpZ2d2oqPAgKMKxBx1F li.active::before, ._1-UHpZ2d2oqPAgKMKxBx1F li.active::after { background-position: center bottom; }
._1kbuf3N5PXVf4XRY9HzvzO li { margin-top: 10px; }
._1kbuf3N5PXVf4XRY9HzvzO li.non-highlight { opacity: 0.5; }
._1kbuf3N5PXVf4XRY9HzvzO li img { width: 100%; }
._37zR87fCH7EGISHNDMGgme { position: fixed; right: 0px; bottom: 0px; z-index: 0; width: 216px; height: 264px; }
._37zR87fCH7EGISHNDMGgme > div { position: absolute; z-index: 1; right: 0px; bottom: 0px; width: 216px; height: 264px; transition: right 0.2s; }
._37zR87fCH7EGISHNDMGgme ._13qFUHkN7HOcjW5t_93ijG { right: 0px; }
._37zR87fCH7EGISHNDMGgme ._1i7nDctXJbDFk9mF_eJckI { right: -216px; cursor: pointer; }
._37zR87fCH7EGISHNDMGgme:hover ._13qFUHkN7HOcjW5t_93ijG { right: -216px; }
._37zR87fCH7EGISHNDMGgme:hover ._1i7nDctXJbDFk9mF_eJckI { right: 0px; }
._2qhTQvA-sOzU4n181tI9Rx { position: fixed; z-index: 1; inset: 0px; padding-top: 120px; background: rgba(0, 0, 0, 0.8); }
._3g15lGAucj3evM3-zU4nd1 { width: 660px; height: 375.8px; margin: 0px auto; }
.a964s7F8CKErNUcM2As4l { text-align: center; }
.a964s7F8CKErNUcM2As4l > p { margin: -75px 0px 30px; color: rgb(255, 255, 0); font-size: 24px; font-weight: bold; }
.a964s7F8CKErNUcM2As4l ._1LuOcpxp9K6aoaL5QMzMfv { display: inline-block; vertical-align: top; }
.a964s7F8CKErNUcM2As4l ._1LuOcpxp9K6aoaL5QMzMfv img { width: 109px; height: 109px; margin-bottom: 5px; }
.a964s7F8CKErNUcM2As4l ._1LuOcpxp9K6aoaL5QMzMfv p { margin: 0px; color: rgb(255, 255, 255); font-family: "Microsoft JhengHei"; font-size: 18px; }
.a964s7F8CKErNUcM2As4l .e_alujffP2WdmnSGWdOQs { display: inline-block; margin-left: 15px; padding-top: 37px; }
.a964s7F8CKErNUcM2As4l .e_alujffP2WdmnSGWdOQs ._26PsLo-A77dxl0EmTkuSRS { display: block; min-width: 129px; height: 40px; margin-bottom: 10px; padding: 0px 10px; color: rgb(0, 0, 0); font-family: "Microsoft JhengHei"; font-size: 20px; font-weight: bold; text-align: center; background: linear-gradient(rgb(253, 231, 96) 0px, rgb(210, 130, 3) 100%); border-radius: 5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.a964s7F8CKErNUcM2As4l .e_alujffP2WdmnSGWdOQs ._3_fNIJ86aiktjjUKNQNH3H { display: inline-block; min-width: 92px; height: 30px; padding: 0px 10px; color: rgb(0, 0, 0); font-family: "Microsoft JhengHei"; font-size: 14px; text-align: center; background: rgb(170, 170, 170); border-radius: 5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
@font-face { font-family: LiZiJunLinJian; src: url("https://dgdga3.swuacktu.net/system-requirement/Web.Portal/_Common/fonts/LiZiJunLinJian-2.ttf"); }
._1EvI6mPqqSlBAk79xt0Blg { padding: 284px 0px 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f4368046f0318b245fb87415685addbf.jpg") center top no-repeat rgb(160, 5, 0); }
.ugIaIDLWhxe1L_Jv5fP-k { position: relative; width: 944px; min-height: 589px; margin: 70px auto; padding: 0px 40px 30px; font-size: 0px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2e6b3d9b2d4a6e16f13d42fe9c310426.png") center center repeat-y; }
.ugIaIDLWhxe1L_Jv5fP-k::before, .ugIaIDLWhxe1L_Jv5fP-k::after { content: ""; position: absolute; left: 0px; right: 0px; height: 70px; background-repeat: no-repeat; background-position: center top; }
.ugIaIDLWhxe1L_Jv5fP-k::before { top: -70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/94ecbb8d273a195574afdac550a158bd.png"); }
.ugIaIDLWhxe1L_Jv5fP-k::after { bottom: -70px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19214cb34bf3ca59d63ebeab52d4b8c7.png"); }
._1eM4RarUe_daAGmbnfWKcu { position: absolute; right: 0px; left: 0px; top: -120px; width: 520px; height: 106px; margin: 0px auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/58f73ef3383f11f5fbc88f12d98b628a.png") center top no-repeat; }
.EPv0-YDQoIb1yesHxvWCS { margin: 0px 0px 20px; }
.EPv0-YDQoIb1yesHxvWCS li { position: relative; display: inline-block; vertical-align: top; height: 40px; margin: 0px 13px 0px 41px; padding: 0px 5px; color: rgb(255, 255, 255); font-weight: bold; font-size: 15px; line-height: 37px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/81ae7d03b75548a160e41d0374149a8b.png") center top repeat-x; }
.EPv0-YDQoIb1yesHxvWCS li + li { margin-left: 61px; }
.EPv0-YDQoIb1yesHxvWCS li::before, .EPv0-YDQoIb1yesHxvWCS li::after { content: ""; position: absolute; top: 0px; height: 40px; background-repeat: no-repeat; background-position: center top; }
.EPv0-YDQoIb1yesHxvWCS li::before { left: -41px; width: 41px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c76c94cc0514a479270e9db19cf85aac.png"); }
.EPv0-YDQoIb1yesHxvWCS li::after { right: -13px; width: 13px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2e6e2baacf53dd5ba78a40652dc50bc6.png"); }
.EPv0-YDQoIb1yesHxvWCS li:hover, .EPv0-YDQoIb1yesHxvWCS li.active { background-position: center bottom; }
.EPv0-YDQoIb1yesHxvWCS li:hover::before, .EPv0-YDQoIb1yesHxvWCS li:hover::after, .EPv0-YDQoIb1yesHxvWCS li.active::before, .EPv0-YDQoIb1yesHxvWCS li.active::after { background-position: center bottom; }
.dC8s1QFeqUtagz59w9j5X li { margin-top: 10px; }
.dC8s1QFeqUtagz59w9j5X li.non-highlight { opacity: 0.5; }
.dC8s1QFeqUtagz59w9j5X li img { width: 100%; border-radius: 10px; }
._15dKD0qDYF7Q5kg0oTpY6C { position: fixed; right: 0px; bottom: 0px; z-index: 0; width: 220px; height: 220px; }
._15dKD0qDYF7Q5kg0oTpY6C > div { position: absolute; z-index: 1; right: 0px; bottom: 0px; width: 220px; height: 220px; transition: right 0.2s; }
._15dKD0qDYF7Q5kg0oTpY6C .Z8HHMA4xBU6YtZayTcuRO { right: 0px; }
._15dKD0qDYF7Q5kg0oTpY6C ._1MLTT99q5vhtOI5pe_8qNH { right: -216px; cursor: pointer; }
._15dKD0qDYF7Q5kg0oTpY6C:hover .Z8HHMA4xBU6YtZayTcuRO { right: -216px; }
._15dKD0qDYF7Q5kg0oTpY6C:hover ._1MLTT99q5vhtOI5pe_8qNH { right: 0px; }
._2t0M13vNh7VvRLgbYi26Sz { position: fixed; z-index: 1; inset: 0px; padding-top: 120px; background: rgba(0, 0, 0, 0.8); }
._2viInP9YtwIsdB7OSkFTO0 { position: relative; width: 860px; height: 390px; margin: 0px auto; background: rgb(194, 38, 34); border: 2px solid rgb(255, 208, 125); border-radius: 24px; }
._1WVNOByrQkB-Hgxe8raZFb { position: absolute; top: -77.5px; left: 20px; width: 450px; height: 545px; margin: 0px auto; }
._1mMNBeeCeD491SijD4wq0g { float: right; width: 50%; text-align: center; }
._1mMNBeeCeD491SijD4wq0g > p { margin: 60px 0px 10px 90px; color: rgb(255, 210, 54); font-family: LiZiJunLinJian; font-size: 28px; font-weight: bold; text-align: left; }
._1mMNBeeCeD491SijD4wq0g ._3RkjnwuAS3vq_qTVi2b_vO { display: inline-block; vertical-align: top; }
._1mMNBeeCeD491SijD4wq0g ._3RkjnwuAS3vq_qTVi2b_vO img { width: 130px; height: 130px; margin-bottom: 5px; }
._1mMNBeeCeD491SijD4wq0g ._3RkjnwuAS3vq_qTVi2b_vO p { margin: 0px; color: rgb(255, 255, 255); font-family: "Microsoft JhengHei"; font-size: 16px; }
._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI { display: inline-block; margin-left: 15px; padding-top: 30px; }
._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI ._3tL_2PfNeI595CDDIvZoxQ { display: block; width: 130px; margin-bottom: 10px; height: 52px; color: rgb(255, 221, 104); font-size: 24px; font-family: LiZiJunLinJian; line-height: 26px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/753a2307e4d1633f0cb0c86576890024.png") center top no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI ._3tL_2PfNeI595CDDIvZoxQ:hover { color: rgb(255, 255, 34); background-position: center bottom; }
._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI .mKOrm3bPiIG2aNTS0jt1i { display: inline-block; width: 104px; height: 41px; color: rgb(209, 209, 209); font-family: LiZiJunLinJian; font-size: 18px; line-height: 42px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/93540d7049e3378229f49be99d6753d8.png") center center no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2phMHgolXAEHhSqYkewMvA { display: block; list-style: none; margin: 0px auto; padding: 0px 0px 0px 30px; }
._2phMHgolXAEHhSqYkewMvA li { display: inline-block; width: 26%; vertical-align: top; margin: 10px 3%; background: rgba(204, 204, 204, 0.6); border-radius: 5px; cursor: pointer; }
._2phMHgolXAEHhSqYkewMvA li:hover { background: rgba(204, 204, 204, 0.9); }
._2phMHgolXAEHhSqYkewMvA li button { width: 100%; min-height: 150px; padding: 25px 0px 15px; color: rgb(68, 68, 68); font-size: 16px; text-align: center; text-decoration: none; letter-spacing: 2px; }
._2phMHgolXAEHhSqYkewMvA li button:hover, ._2phMHgolXAEHhSqYkewMvA li button:focus { color: rgb(68, 68, 68); text-decoration: none; }
._2phMHgolXAEHhSqYkewMvA li i { display: block; font-size: 50px; margin-bottom: 10px; }
._2phMHgolXAEHhSqYkewMvA li i._3Dby3ox1vH9vaVnyNiS-D1 { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/69577e9b973eb06dbe7cd24814aeff57.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
._2phMHgolXAEHhSqYkewMvA li i._2WNaXMlNpBg8oAJwPNYjGm { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/26f9c3f3a5bad751184b666674e29e7d.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
.red-rain { width: 45px; height: 56px; margin: auto; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/096f71332f7e17a9d916c36367b757b7.svg"); background: rgb(68, 68, 68); }
.recharge-reward { width: 50px; height: 56px; margin: auto; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5745290d89ffc6bc29415fde3855b6e0.svg") center center / contain no-repeat; background: rgb(68, 68, 68); }
.free-spins { width: 50px; height: 56px; margin: auto; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/118ab232a4ef616b5b6fd389f064133a.svg") center center / contain no-repeat; background: rgb(68, 68, 68); }
.cfcux5gO2g-t4hlmcdpFc { width: 800px; height: 116px; margin: 0px auto -40px; color: rgb(0, 68, 187); font-weight: lighter; font-size: 1.6em; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5c4898e50cff340d3e268ea81447fe5c.png"); background-repeat: no-repeat; background-position: right top; }
.cfcux5gO2g-t4hlmcdpFc h1 { margin: 0px; line-height: 116px; }
.zfLOjsEqgEm_FCDBMr4hl { width: 800px; margin: 30px auto 0px; }
._3fufNDMgR75-38Pb9D3mtS { margin: 0px; padding: 0px; background: rgb(255, 255, 255); height: 37px; border: 1px solid rgb(0, 0, 136); }
._3fufNDMgR75-38Pb9D3mtS li { display: inline-block; width: 151.5px; margin-top: 5px; padding: 0.2em 0px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; background-color: rgb(0, 159, 204); cursor: pointer; }
._3fufNDMgR75-38Pb9D3mtS li:first-child { margin-left: 5.5px; }
._3fufNDMgR75-38Pb9D3mtS li:hover { color: rgb(0, 159, 204); background-color: rgb(0, 68, 187); }
._3fufNDMgR75-38Pb9D3mtS li.selected { color: rgb(0, 159, 204); background-color: rgb(0, 68, 187); }
._252drgH_ph9VrwUwYuTNlx h3 { padding-bottom: 0.2em; color: rgb(0, 156, 196); border-bottom: 1px solid rgb(0, 0, 136); }
._252drgH_ph9VrwUwYuTNlx h3::before { margin-right: 5px; content: "✦"; font-size: 0.5em; vertical-align: middle; }
._2q5BYo0Iqnm7g1347aiFTb { margin: 25px 0px; line-height: 25px; color: rgb(68, 68, 68); font-size: 15px; }
._3cxEkPhRWTt3B27-95gtR7 { margin-bottom: 30px; text-align: center; }
._3cxEkPhRWTt3B27-95gtR7 span { display: inline-block; padding: 0.3em 0.5em; color: rgb(255, 255, 255); font-weight: bolder; background-color: rgb(0, 159, 204); border-radius: 10px; box-shadow: rgb(0, 0, 136) 0px 0px 2px, rgb(0, 0, 136) 0px 0px 2px; }
._1QnazcsrUTK32_ZtvfVGEd { position: absolute; z-index: 1; top: 50%; left: 15px; display: flex; align-items: center; justify-content: center; width: 7rem; height: 34px; color: inherit; transform: translateY(-50%); }
._1QnazcsrUTK32_ZtvfVGEd::after { content: ""; position: absolute; top: 24%; right: 0px; width: 1px; height: 52%; background: rgb(204, 204, 204); }
._1QnazcsrUTK32_ZtvfVGEd ._3jokAK8t3hI1R_Ch9pqTyq { position: absolute; display: block; width: 100%; padding: 0px; overflow: hidden; z-index: 1; background-color: rgb(255, 255, 255); }
._1QnazcsrUTK32_ZtvfVGEd ._1-XLJn_sryovOzfTspHUhd { width: 100%; }
._1QnazcsrUTK32_ZtvfVGEd ._1-XLJn_sryovOzfTspHUhd button { padding: 0px; border-right: 0px; }
._1QnazcsrUTK32_ZtvfVGEd ._1-XLJn_sryovOzfTspHUhd button i { font-size: 8px; }
._1QnazcsrUTK32_ZtvfVGEd ._21YRPCvZ1h4xduJ_gDTOpE li { color: rgb(38, 38, 38); padding: 0px 6px; line-height: 25px; }
._1QnazcsrUTK32_ZtvfVGEd ._21YRPCvZ1h4xduJ_gDTOpE li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
.VmPPY8bUHngZIPYR3IIk7 { padding-left: 7.2rem !important; }
.panel ._1mJM5cBXatwL5J-97e-irq { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._1mJM5cBXatwL5J-97e-irq i { position: relative; z-index: 1; cursor: pointer; }
.panel ._1mJM5cBXatwL5J-97e-irq span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
._3UnbiXazAWIrXJeXPuMnvH { display: grid; }
._3UnbiXazAWIrXJeXPuMnvH hr { border: 1px solid rgb(229, 229, 229); width: 100%; margin: 0px 0px 10px; }
._3UnbiXazAWIrXJeXPuMnvH .rU-507Q-rJrXOmi9LMrAB { margin-left: 5px; }
._3UnbiXazAWIrXJeXPuMnvH ._2wLb_OiAHZWrgaBDU5IDFt { position: relative; padding-left: 15px; display: flex; flex: 1 1 0%; }
._3UnbiXazAWIrXJeXPuMnvH .I2wW9Axa_qezS9-UNQZsw { display: flex; align-items: center; margin-bottom: 10px; }
._3UnbiXazAWIrXJeXPuMnvH .I2wW9Axa_qezS9-UNQZsw label { width: 15%; margin: 0px 10px 0px 0px; }
.panel ._1E-h2m4hlXgPeBtlUrqagO { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._1E-h2m4hlXgPeBtlUrqagO i { position: relative; z-index: 1; cursor: pointer; }
.panel ._1E-h2m4hlXgPeBtlUrqagO span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
._32xH35Fr4WBsqxKuViFJ-j { margin: 0px; padding: 10px 5px; border: 1px solid silver; }
._1qx4we5N_ToEz3x9B4F-ea { display: inline-flex; justify-content: space-between; align-items: center; }
._1qx4we5N_ToEz3x9B4F-ea input { flex-grow: 0; flex-basis: 46%; font-size: 12px; padding: 6px 8px; }
._1qx4we5N_ToEz3x9B4F-ea span { flex-grow: 0; flex-basis: 8%; text-align: center; }
.vQ38YHBBzXtHn__JbbHnX { padding: 10px 0px; border-bottom: 2px solid rgb(221, 221, 221); }
.vQ38YHBBzXtHn__JbbHnX button { min-width: 70px; height: 27px; padding: 0px 5px; line-height: 27px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/fc26d87c12b397190496e383d89621ba.png") center top / 100% no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.vQ38YHBBzXtHn__JbbHnX button:hover { background-position: center bottom; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); }
.fFjzseQz_6eUfclwTcuX0 { padding: 0px; }
td.day.disabled { color: rgb(167, 167, 167) !important; }
._2oQMuvOnpFJH_iSCH2ElnU { margin: 0px 0px 20px; padding: 0px; }
._2oQMuvOnpFJH_iSCH2ElnU li { display: inline-block; min-width: 100px; margin: 0px 8px 0px 0px; padding: 4px 10px; text-align: center; border: 1px solid rgb(204, 204, 204); cursor: pointer; }
._2oQMuvOnpFJH_iSCH2ElnU li.active { border-color: rgb(0, 0, 0); }
.R6Qs7t18KTl4Q-3bnfBDB { display: flex; }
.R6Qs7t18KTl4Q-3bnfBDB select { width: 20%; }
._2iHZJDOf_WsdF__aoCRV9T { display: inline-block; width: 56%; }
._27eI1rmIr8AmQxXNWE-p9D { text-align: left; }
._27eI1rmIr8AmQxXNWE-p9D i { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); }
._27eI1rmIr8AmQxXNWE-p9D > span { display: block; width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
ul._35pMVIfBR9D3e2n22VNw-x.dropdown-menu { display: block; left: 3%; width: 94%; padding: 0px; overflow: hidden; }
ul._35pMVIfBR9D3e2n22VNw-x .e7vtT_SCaqAj_vPpnl8jk { max-height: 200px; overflow-y: auto; }
ul._35pMVIfBR9D3e2n22VNw-x .e7vtT_SCaqAj_vPpnl8jk li { padding: 0px 10px; line-height: 25px; }
ul._35pMVIfBR9D3e2n22VNw-x .e7vtT_SCaqAj_vPpnl8jk li a { display: inline-block; vertical-align: middle; width: 80%; line-height: 40px; color: rgb(51, 51, 51); text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
ul._35pMVIfBR9D3e2n22VNw-x .e7vtT_SCaqAj_vPpnl8jk li a:hover { color: rgb(38, 38, 38); }
ul._35pMVIfBR9D3e2n22VNw-x .e7vtT_SCaqAj_vPpnl8jk li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
ul._35pMVIfBR9D3e2n22VNw-x ._3FEKXJLAvnqr1e_S7MC6VO { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; }
ul._35pMVIfBR9D3e2n22VNw-x ._3FEKXJLAvnqr1e_S7MC6VO img { max-width: 100%; }
ul._35pMVIfBR9D3e2n22VNw-x .MREBoYjITD2nRKBo3v0gy { display: flex; align-items: center; justify-content: center; height: 40px; background-color: rgba(0, 0, 0, 0.2); }
ul._35pMVIfBR9D3e2n22VNw-x .MREBoYjITD2nRKBo3v0gy i { position: absolute; right: 20px; color: rgba(0, 0, 0, 0.3); }
ul._35pMVIfBR9D3e2n22VNw-x .MREBoYjITD2nRKBo3v0gy input { width: 95%; height: 30px; padding: 0px 1rem; color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; }
._17gtzxs-yMN3PP1HgdJXuN { display: inline-block; width: 50%; }
._2ljycx9Pak_D1Lo8nggo4E { display: block; height: 100%; min-height: 1245px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/520985294963ca538624bd9fed8ea46a.jpg") center top no-repeat rgb(16, 19, 28); }
.GEvLg1w2_aexW1RZGBP6x { width: 1000px; margin: 0px auto; padding-bottom: 72px; padding-top: 65px; }
._3wRlyWCJ0ModTpMsCzKusl { padding-top: 393px; }
._3lNPMk35facDzuDlkCaz3l > h2 { margin: 0px 0px 40px; padding-top: 0.2em; text-align: center; border-width: 0.5px; border-image-source: linear-gradient(rgb(255, 247, 226), rgb(255, 230, 161) 100%); border-image-slice: 1; background-image: linear-gradient(rgb(255, 255, 255) 16%, rgb(255, 249, 233) 49%, rgb(255, 227, 178) 97%); line-height: 1.3; font-size: 72px; font-weight: 900; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
._2uzJmEMLyy2opY5diqKvI6 { display: flex; width: 100%; min-height: 552px; margin: 0px auto; padding: 10px 9px; border: 1px solid rgb(42, 45, 60); background: rgb(16, 19, 28); border-radius: 40px; }
._2uzJmEMLyy2opY5diqKvI6 > section { display: inline-block; vertical-align: top; height: 100%; border: 1px solid rgb(42, 45, 60); border-radius: 33px; }
.u4Wxxu2GiLNx41cTR_2GO { width: 320px; height: 400px; margin-right: 6px; }
.u4Wxxu2GiLNx41cTR_2GO > h2 { position: relative; margin: 0px; color: rgb(255, 248, 223); text-align: center; line-height: 60px; font-size: 24px; font-weight: bold; z-index: 1; }
.u4Wxxu2GiLNx41cTR_2GO > h2::before { content: ""; position: absolute; inset: 0px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55c86ce8673fea1d1b8073a40ef22c53.svg"); background-image: linear-gradient(to right, rgb(36, 38, 48) 90%, rgb(32, 35, 50) 34%); z-index: -1; }
.u4Wxxu2GiLNx41cTR_2GO > h2::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 318px; height: 1px; background-image: linear-gradient(to left, rgb(42, 45, 60) 0%, rgb(42, 45, 60) 35%, rgb(255, 233, 159) 50%, rgb(42, 45, 60) 65%, rgb(42, 45, 60) 100%); }
.W3xmk_9Om2V4vT9PiliJP { width: 232px; margin: 40px auto 52px; padding-left: 57px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2d8d2f481d783b266e236bc4b8b1d0ca.png") left center / contain no-repeat; }
.W3xmk_9Om2V4vT9PiliJP p { margin: 0px; color: rgb(255, 248, 223); font-size: 20px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.W3xmk_9Om2V4vT9PiliJP div { width: 169px; height: 28px; padding: 0px 10px; color: rgb(255, 233, 159); font-size: 20px; line-height: 28px; border: 1px solid rgb(42, 45, 60); background: rgb(15, 23, 42); border-radius: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tBja5VfMDDb2iRUdGUbBI { text-align: center; }
.tBja5VfMDDb2iRUdGUbBI p { margin: 0px 16px 24px; color: rgb(85, 87, 109); font-size: 18px; font-weight: 500; line-height: 38px; border-radius: 20px; border: 1px solid rgb(42, 45, 60); }
.tBja5VfMDDb2iRUdGUbBI p b { vertical-align: sub; color: rgb(255, 255, 0); font-size: 36px; }
.tBja5VfMDDb2iRUdGUbBI p b.blue { color: rgb(112, 255, 250); }
._2J-d-GQX-4a6xSjkLTpkD4 button { display: block; width: 206px; height: 48px; margin: 0px auto 5px; color: rgb(255, 248, 223); font-size: 18px; font-weight: bold; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); background-position: center top; border: 0px; }
._2J-d-GQX-4a6xSjkLTpkD4 button:disabled { opacity: 0.7; cursor: no-drop; }
._2J-d-GQX-4a6xSjkLTpkD4 button:not([disabled]):hover { background-position: center bottom; }
._2J-d-GQX-4a6xSjkLTpkD4 button._2KDPU2bGTrdzLn4gLiaZEX { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19c0f0383f48a1a36324a2389e58d9ff.png"); }
._2J-d-GQX-4a6xSjkLTpkD4 button._3TbymSKNDiRSUxM7HKhxFK { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19c0f0383f48a1a36324a2389e58d9ff.png"); }
._2J-d-GQX-4a6xSjkLTpkD4 button._2jMTzmcHnw7J9bjCLzKK2D { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/19c0f0383f48a1a36324a2389e58d9ff.png"); }
._3VkU2bC9dJ0LQlPblzn05a { width: 654px; height: 400px; }
._35hXIOPzAJz4lXupVMN4qm { position: relative; }
._35hXIOPzAJz4lXupVMN4qm .prev { position: absolute; top: 9px; left: 37%; width: 9px; height: 17px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2042311661aba076f4158cfa91ad3f5c.svg") center center / contain no-repeat; background: rgb(85, 87, 109); z-index: 2; }
._35hXIOPzAJz4lXupVMN4qm .next { position: absolute; top: 9px; right: 37%; width: 9px; height: 17px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e66f926ff7494833d51e26475cadb890.svg") center center / contain no-repeat; background: rgb(85, 87, 109); z-index: 2; }
._35hXIOPzAJz4lXupVMN4qm ._3sDQi-AzuZTcNmvKLbIEeX { position: relative; height: 60px; margin: 0px; color: rgb(255, 248, 223); text-align: center; font-size: 22px; font-weight: 500; z-index: 1; }
._35hXIOPzAJz4lXupVMN4qm ._3sDQi-AzuZTcNmvKLbIEeX::before { content: ""; position: absolute; inset: 0px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55c86ce8673fea1d1b8073a40ef22c53.svg"); background-image: linear-gradient(to right, rgb(36, 38, 48) 90%, rgb(32, 35, 50) 34%); z-index: -1; }
._35hXIOPzAJz4lXupVMN4qm ._3sDQi-AzuZTcNmvKLbIEeX::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 654px; height: 1px; background-image: linear-gradient(to left, rgb(42, 45, 60) 0%, rgb(42, 45, 60) 35%, rgb(255, 233, 159) 50%, rgb(42, 45, 60) 65%, rgb(42, 45, 60) 100%); }
._35hXIOPzAJz4lXupVMN4qm > p { position: relative; margin: -22px 0px 25px 12px; color: rgb(255, 233, 159); font-size: 12px; line-height: 14px; z-index: 2; }
.Qi0KAQ3y42eHP-_k6Noh6 { position: absolute; right: 20px; top: 33%; width: 110px; height: 28px; margin-left: 10px; color: rgb(255, 248, 223); font-size: 14px; font-weight: 500; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6b534370a9913ec6bf89a196361a3039.png") center center / contain no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; z-index: 2; }
._3hsz9N-Fn2bEE76d1GPngk { display: grid; grid-template-columns: repeat(7, 1fr); color: rgb(85, 87, 109); font-size: 20px; font-weight: bold; text-align: center; }
.c44zeQCi4wgptn7jXzLKY { width: 100%; }
.c44zeQCi4wgptn7jXzLKY .M1a3OrQmzljfAPcHwYmUM { display: flex; height: 100%; }
.c44zeQCi4wgptn7jXzLKY ._2owBYOUUdVWf4p1APaVNXS { width: 100%; flex-shrink: 0; }
._3V1rp_7ZML8rkWLAYy_if4 { min-height: 416px; margin: 0px auto; }
._3V1rp_7ZML8rkWLAYy_if4 > div { width: 100%; }
._3V1rp_7ZML8rkWLAYy_if4 ol { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0px; margin-top: 5px; gap: 21px; }
._3V1rp_7ZML8rkWLAYy_if4 ol li { position: relative; display: inline-block; vertical-align: top; width: 53px; height: 61px; margin: auto; padding-top: 5px; color: rgb(105, 107, 135); font-size: 23px; font-weight: 500; text-align: center; background: rgb(40, 42, 58); border-radius: 16px; user-select: none; cursor: pointer; }
._3V1rp_7ZML8rkWLAYy_if4 ol li.checked { background-color: rgb(40, 42, 58); }
._3V1rp_7ZML8rkWLAYy_if4 ol li.unactivatable { background-color: rgb(40, 42, 58); cursor: no-drop; }
._3V1rp_7ZML8rkWLAYy_if4 ol li.empty { background: rgba(0, 0, 0, 0); }
._3V1rp_7ZML8rkWLAYy_if4 ol li.today-unchecked { color: rgb(255, 233, 159); }
._3V1rp_7ZML8rkWLAYy_if4 ol li.today-unchecked::before { content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: 16px; background: linear-gradient(rgb(255, 233, 159), rgb(40, 42, 58)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
._3V1rp_7ZML8rkWLAYy_if4 ol li.today-checked { color: rgb(255, 233, 159); background-image: linear-gradient(rgb(64, 58, 60) 0%, rgb(87, 64, 34)); }
._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 { position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%); width: 33px; height: 33px; }
._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 i { display: block; width: 33px; height: 33px; }
._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 i.fail, ._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 i.cancheck { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/63b58911a2c9e4cb73c378bed2ef89fe.png") center center / contain no-repeat; }
._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 i.today, ._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 i.success, ._3V1rp_7ZML8rkWLAYy_if4 ol li ._2jX--K1KyNdXZ11Zh0SN59 i.recheck { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ba29968ff97c0c0caaa362bc42e9fcb0.png") center center / contain no-repeat; }
._1ObnOSjUA2JjWm0EcRW3HE { position: relative; width: 100%; margin: 24px auto 0px; padding-bottom: 40px; border: 1px solid rgb(42, 45, 60); background: rgb(16, 19, 28); border-radius: 40px; white-space: nowrap; }
._1ObnOSjUA2JjWm0EcRW3HE ._2r8tE7Eegl6ZgL1AYVhXm- { position: relative; text-align: center; color: rgb(255, 248, 223); font-size: 24px; font-weight: bold; line-height: 60px; z-index: 1; }
._1ObnOSjUA2JjWm0EcRW3HE ._2r8tE7Eegl6ZgL1AYVhXm-::before { content: ""; position: absolute; inset: 0px; width: 837px; margin: auto; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55c86ce8673fea1d1b8073a40ef22c53.svg"); background-image: linear-gradient(to right, rgb(36, 38, 48) 90%, rgb(32, 35, 50) 34%); z-index: -1; }
._1ObnOSjUA2JjWm0EcRW3HE ._2r8tE7Eegl6ZgL1AYVhXm-::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 1000px; height: 1px; background-image: linear-gradient(to left, rgb(42, 45, 60) 0%, rgb(42, 45, 60) 35%, rgb(255, 233, 159) 50%, rgb(42, 45, 60) 65%, rgb(42, 45, 60) 100%); }
._1ObnOSjUA2JjWm0EcRW3HE ._11jmSRFlmf2wbi1JvV6J60 { position: absolute; top: 145px; width: 100%; height: 10px; background: rgb(42, 45, 60); }
._1ObnOSjUA2JjWm0EcRW3HE ._1pe81D1m8Toj438OIyTJE7 { margin: 16px 0px 0px 32px; color: rgb(255, 233, 159); font-size: 24px; font-weight: bold; }
.C-sBfaFtFBfLwL9BJ5eWB { padding: 0px 10px; }
.C-sBfaFtFBfLwL9BJ5eWB .slick-arrow { display: inline-block; width: 35px; height: 35px; }
.C-sBfaFtFBfLwL9BJ5eWB .slick-arrow::before { display: none; }
.C-sBfaFtFBfLwL9BJ5eWB .slick-arrow.slick-prev { left: -45px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f554811b406e0affc7241f1f45458b91.png") center center / contain no-repeat; }
.C-sBfaFtFBfLwL9BJ5eWB .slick-arrow.slick-next { right: -45px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0e664ffa2828b29cf9d07fe3f84a1aaf.png") center center / contain no-repeat; }
._13cAqLNFalwIh9-eaVF194 { position: relative; display: inline-block; vertical-align: top; padding: 7px 5px 5px; text-align: center; cursor: pointer; }
._13cAqLNFalwIh9-eaVF194 h2 { color: rgb(71, 74, 92); font-size: 24px; width: 50px; height: 50px; margin: 10px auto; line-height: 50px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/67aef5aa6b5a9d8ddd5baa68e0fac5e6.png") center center / contain no-repeat; }
._13cAqLNFalwIh9-eaVF194 img { display: block; width: 130px; height: 130px; margin: 0px auto 5px; border-radius: 15px; }
._13cAqLNFalwIh9-eaVF194 h3 { margin: 0px; color: rgb(105, 107, 135); font-size: 40px; font-weight: bold; }
._13cAqLNFalwIh9-eaVF194 p { margin: 0px; color: rgb(105, 107, 135); font-size: 16px; }
._13cAqLNFalwIh9-eaVF194.unreceivable { cursor: no-drop; }
._13cAqLNFalwIh9-eaVF194.receivable::before { content: ""; position: absolute; top: 77px; left: 50%; transform: translateX(-50%); width: 130px; height: 130px; z-index: 3; background-color: rgba(29, 32, 47, 0.8); }
._13cAqLNFalwIh9-eaVF194.receivable h2 { color: rgb(255, 208, 97); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a63599a96924acd8cc8e9e8e44b0b766.png") center center / contain no-repeat; }
._13cAqLNFalwIh9-eaVF194.receivable h3 { background-image: linear-gradient(rgb(255, 248, 211) 17%, rgb(255, 208, 97) 88%); background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
._13cAqLNFalwIh9-eaVF194.receivable ._1y93nbTPS-zvOyZuQnTKOp { position: relative; z-index: 2; }
._13cAqLNFalwIh9-eaVF194.receivable p { color: rgb(255, 248, 223); }
._13cAqLNFalwIh9-eaVF194.received { cursor: no-drop; }
._13cAqLNFalwIh9-eaVF194.received::after { content: ""; position: absolute; top: 77px; left: 50%; transform: translateX(-50%); width: 130px; height: 130px; z-index: 1; background-color: rgba(29, 32, 47, 0.8); }
._13cAqLNFalwIh9-eaVF194 ._1k67erQbzkcL9eM4ykryxq { position: absolute; top: 108px; left: 50%; transform: translateX(-50%); z-index: 3; width: 76px; height: 66px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/bfb4ab2a6b6dbba6245030b5b2695fa2.png") center center / contain no-repeat; }
.e_uqvZSqb5IQwi4NJ6EMV { display: block; height: 100%; min-height: 1245px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0fdfff7592149c0da58223968b0e4e23.jpg") center top no-repeat rgb(37, 118, 148); }
.DC2iA0mU_IrX7mXBzDjWm { width: 1000px; margin: 0px auto; padding-top: 65px; }
._3yWvjIl_4f5yYZJFHCDB49 { padding-top: 393px; }
._1Dgexmtdw0ek89xd2emu43 { margin-top: -65px; }
._1Dgexmtdw0ek89xd2emu43 > h2 { display: flex; justify-content: center; align-items: center; height: 345px; margin: 0px 0px 40px; font-size: 75px; font-weight: bold; line-height: 1.4; text-align: center; color: rgb(207, 244, 107); text-shadow: rgb(19, 77, 95) 8px 0px 0px, rgb(19, 77, 95) 7.93758px 0.997398px 0px, rgb(19, 77, 95) 7.7513px 1.97923px 0px, rgb(19, 77, 95) 7.44406px 2.93018px 0px, rgb(19, 77, 95) 7.02066px 3.8354px 0px, rgb(19, 77, 95) 6.4877px 4.68078px 0px, rgb(19, 77, 95) 5.85351px 5.45311px 0px, rgb(19, 77, 95) 5.12797px 6.14035px 0px, rgb(19, 77, 95) 4.32242px 6.73177px 0px, rgb(19, 77, 95) 3.44941px 7.21814px 0px, rgb(19, 77, 95) 2.52258px 7.59188px 0px, rgb(19, 77, 95) 1.55638px 7.84714px 0px, rgb(19, 77, 95) 0.565898px 7.97996px 0px, rgb(19, 77, 95) -0.433417px 7.98825px 0px, rgb(19, 77, 95) -1.42597px 7.87189px 0px, rgb(19, 77, 95) -2.39627px 7.63269px 0px, rgb(19, 77, 95) -3.32917px 7.27438px 0px, rgb(19, 77, 95) -4.21013px 6.80256px 0px, rgb(19, 77, 95) -5.02539px 6.22459px 0px, rgb(19, 77, 95) -5.76223px 5.54948px 0px, rgb(19, 77, 95) -6.40915px 4.78778px 0px, rgb(19, 77, 95) -6.95606px 3.95136px 0px, rgb(19, 77, 95) -7.39442px 3.05329px 0px, rgb(19, 77, 95) -7.71739px 2.10757px 0px, rgb(19, 77, 95) -7.91994px 1.12896px 0px, rgb(19, 77, 95) -7.9989px 0.132735px 0px, rgb(19, 77, 95) -7.95304px -0.865561px 0px, rgb(19, 77, 95) -7.78307px -1.85035px 0px, rgb(19, 77, 95) -7.49165px -2.80627px 0px, rgb(19, 77, 95) -7.08333px -3.71839px 0px, rgb(19, 77, 95) -6.56448px -4.57249px 0px, rgb(19, 77, 95) -5.94318px -5.35524px 0px, rgb(19, 77, 95) -5.22915px -6.05442px 0px, rgb(19, 77, 95) -4.43352px -6.65912px 0px, rgb(19, 77, 95) -3.5687px -7.15991px 0px, rgb(19, 77, 95) -2.6482px -7.54898px 0px, rgb(19, 77, 95) -1.68637px -7.82024px 0px, rgb(19, 77, 95) -0.698222px -7.96947px 0px, rgb(19, 77, 95) 0.300817px -7.99434px 0px, rgb(19, 77, 95) 1.29516px -7.89446px 0px, rgb(19, 77, 95) 2.2693px -7.67139px 0px, rgb(19, 77, 95) 3.20802px -7.32862px 0px, rgb(19, 77, 95) 4.09668px -6.87148px 0px, rgb(19, 77, 95) 4.92142px -6.30711px 0px, rgb(19, 77, 95) 5.66936px -5.64432px 0px, rgb(19, 77, 95) 6.32883px -4.89346px 0px, rgb(19, 77, 95) 6.88954px -4.06623px 0px, rgb(19, 77, 95) 7.34274px -3.17555px 0px, rgb(19, 77, 95) 7.68136px -2.23532px 0px, rgb(19, 77, 95) 7.90012px -1.26021px 0px, rgb(19, 77, 95) 7.9956px -0.265434px 0px; transform: rotate(-4deg); }
._3vGjcGEoywF7pivKvkuO0o { width: 924px; height: 486px; margin: 0px auto; padding: 12px 10px 12px 12px; font-size: 0px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b51f45fed15c0f8a7435770adcc3bcc4.png") center center no-repeat; }
._3vGjcGEoywF7pivKvkuO0o > section { display: inline-block; vertical-align: top; }
._1Fm6c1JACoqSVf4yxxfEl_ { width: 235px; height: 400px; margin-right: 7px; }
._1Fm6c1JACoqSVf4yxxfEl_ > h2 { height: 36px; margin: 20px 0px 10px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; font-weight: bold; background: linear-gradient(rgb(255, 255, 255) 0px, rgb(189, 244, 255) 70%, rgb(175, 227, 250) 100%) text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
.xFT1tcrCFzIKKXR1PaDBQ { width: 155px; margin: 0px auto 20px; padding-left: 57px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5bb80f80b5f4ca98dc7b383a897e0b94.png") left center no-repeat; }
.xFT1tcrCFzIKKXR1PaDBQ p { margin: 0px; color: rgb(255, 255, 255); font-size: 18px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xFT1tcrCFzIKKXR1PaDBQ div { width: 96px; height: 20px; padding: 0px 10px; color: rgb(0, 0, 0); font-size: 14px; line-height: 20px; background-color: rgb(255, 255, 255); border-radius: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._13kzslix5tIAUp3_p0EY9h { width: 208px; height: 108px; margin: 0px auto 20px; padding: 18px 18px 0px 0px; text-align: right; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0f9c2f48f3577ad017160c9ecb7b15bb.png") center center no-repeat; }
._13kzslix5tIAUp3_p0EY9h p { margin: 0px; color: rgb(202, 255, 253); font-size: 18px; font-weight: bold; line-height: 39px; letter-spacing: 3px; }
._13kzslix5tIAUp3_p0EY9h p:first-child { color: rgb(255, 255, 255); }
._13kzslix5tIAUp3_p0EY9h p b { vertical-align: sub; color: rgb(255, 255, 0); font-size: 34px; }
._13kzslix5tIAUp3_p0EY9h p b.blue { color: rgb(112, 255, 250); }
._2EvZcJ6A9L1nMdFULoYuTO button { display: block; width: 170px; height: 57px; margin: 0px auto 5px; font-weight: bold; font-size: 19px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); background-position: center top; border: 0px; }
._2EvZcJ6A9L1nMdFULoYuTO button:disabled { opacity: 0.7; cursor: no-drop; }
._2EvZcJ6A9L1nMdFULoYuTO button:not([disabled]):hover { background-position: center bottom; }
._2EvZcJ6A9L1nMdFULoYuTO button._2B3hyKU0jz2iuEuvDOZh_h { color: rgb(90, 53, 8); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f47312cd4d716b4e0839be87f6f905a5.png"); }
._2EvZcJ6A9L1nMdFULoYuTO button._2B3hyKU0jz2iuEuvDOZh_h:not([disabled]):hover { color: rgb(178, 118, 44); }
._2EvZcJ6A9L1nMdFULoYuTO button._13koTQN1S7zX4mWmeXOand { color: rgb(66, 39, 6); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a6758465d8289865f346f3594c4d429c.png"); }
._2EvZcJ6A9L1nMdFULoYuTO button._38IgsGoc2Y4gL77zhpyyXC { height: 66.5px; color: rgb(255, 255, 255); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4904ec4c0d03975aeb74f759d3f00294.png"); }
.NAFwNq-MRv5TWiAbt-3XP { width: 660px; height: 400px; }
.yAXyYWdk8re-GRYVkbPzT { display: flex; height: 79px; padding: 10px 22px 0px; justify-content: space-between; align-items: center; }
.yAXyYWdk8re-GRYVkbPzT > p { margin: 0px; color: rgb(51, 87, 113); font-size: 15px; line-height: 34px; }
nav._37eXlLplqPbaiLCnkYN1ga { position: relative; margin-right: 30px; color: rgb(39, 38, 54); font-size: 18px; cursor: pointer; }
nav._37eXlLplqPbaiLCnkYN1ga i { vertical-align: top; }
nav._37eXlLplqPbaiLCnkYN1ga i.fa-calendar-check { margin-right: 2px; font-size: 23px; }
nav._37eXlLplqPbaiLCnkYN1ga i.arrow { margin-left: 4px; }
nav._37eXlLplqPbaiLCnkYN1ga ul { position: absolute; top: 30px; right: 0px; z-index: 1; padding: 5px 15px; background-color: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgb(164, 203, 223) 0px 0px 2px 2px; list-style: none; }
nav._37eXlLplqPbaiLCnkYN1ga ul li { font-size: 18px; font-weight: bold; line-height: 30px; }
._2f7czFwWOAyxoHGHGNYoj0 { width: 90px; height: 34px; margin-left: 10px; font-size: 15px; color: rgb(255, 255, 255); font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3861e9fa0e34b59e35cead835a86e720.png") center top no-repeat; border: 0px; }
._2f7czFwWOAyxoHGHGNYoj0:hover { color: rgb(254, 255, 123); background-position: center bottom; }
._2TWsFmqteZARhH8m2oKjI9 { width: 630px; height: 296px; margin: 0px auto; padding: 8px 0px 0px 7px; }
._2TWsFmqteZARhH8m2oKjI9 ol { padding: 0px; }
._2TWsFmqteZARhH8m2oKjI9 ol li { position: relative; display: inline-block; vertical-align: top; width: 72px; height: 40px; margin: 8px; color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; line-height: 40px; text-align: center; background-color: rgb(142, 190, 220); border-radius: 5px; user-select: none; cursor: pointer; }
._2TWsFmqteZARhH8m2oKjI9 ol li.today { background-color: rgb(51, 87, 113); }
._2TWsFmqteZARhH8m2oKjI9 ol li.checked { background-color: rgb(80, 174, 238); }
._2TWsFmqteZARhH8m2oKjI9 ol li.unactivatable { background-color: rgb(197, 197, 197); cursor: no-drop; }
._2TWsFmqteZARhH8m2oKjI9 ol li.selected { color: rgb(255, 255, 0); box-shadow: rgb(255, 255, 0) 0px 0px 3px 3px; }
._2TWsFmqteZARhH8m2oKjI9 ol li ._1Ukf3W8wcf7r_IV-k7O7KN { position: absolute; right: -8px; bottom: -3px; width: 23px; height: 25px; }
._2TWsFmqteZARhH8m2oKjI9 ol li ._1Ukf3W8wcf7r_IV-k7O7KN i { display: block; width: 23px; height: 25px; }
._2TWsFmqteZARhH8m2oKjI9 ol li ._1Ukf3W8wcf7r_IV-k7O7KN i.fail { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a7c42693da6eda9df7b03e236ac864ca.png"); }
._2TWsFmqteZARhH8m2oKjI9 ol li ._1Ukf3W8wcf7r_IV-k7O7KN i.cancheck { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/51c22fcb4987fbe650b337d3536b82aa.png"); }
._2TWsFmqteZARhH8m2oKjI9 ol li ._1Ukf3W8wcf7r_IV-k7O7KN i.success { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/453a41814b6795cca859c6e4d72f3bba.png"); }
._2TWsFmqteZARhH8m2oKjI9 ol li ._1Ukf3W8wcf7r_IV-k7O7KN i.recheck { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a64cddd38dad4bbf37df166ae2f4d64a.png"); }
._38ha61cIHzVf92PI4qF9iM { position: relative; width: 924px; height: 304px; margin: 0px auto; padding-top: 40px; background: rgb(43, 72, 101); border: 2px solid rgb(83, 122, 152); box-shadow: rgb(29, 57, 83) 0px 6px 3px; border-radius: 10px; white-space: nowrap; }
._38ha61cIHzVf92PI4qF9iM ._1BSirvw4GZMCN7-sLFbGyu { position: absolute; top: -26px; width: 100%; text-align: center; font-size: 30px; color: rgb(255, 223, 41); font-family: "Arial Black", Gadget, sans-serif; text-shadow: rgb(244, 212, 30) 0px 0px 0px, rgb(233, 201, 19) -1px 0px 0px, rgb(222, 190, 8) -2px 0px 0px, rgb(211, 179, 0) -3px 0px 0px, rgb(200, 168, 0) -4px 0px 0px, rgb(189, 157, 0) -5px 0px 0px, rgb(178, 146, 0) -6px 0px 0px, rgba(240, 118, 19, 0.68) -7px 0px 6px, rgba(240, 118, 19, 0.5) -7px 0px 1px, rgba(240, 118, 19, 0.2) 0px 0px 6px; text-transform: uppercase; }
._3_vIywqKon9MKDAEZ85I7n { padding: 0px 10px; }
._3_vIywqKon9MKDAEZ85I7n .slick-arrow { display: inline-block; width: 41px; height: 42px; font-size: 0px; background-repeat: no-repeat; background-position: center center; }
._3_vIywqKon9MKDAEZ85I7n .slick-arrow::before { display: none; }
._3_vIywqKon9MKDAEZ85I7n .slick-arrow.slick-prev { left: -45px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74818eaae33e0bb051f693ee2c0735df.png"); }
._3_vIywqKon9MKDAEZ85I7n .slick-arrow.slick-next { right: -45px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/36a16b541b689a38801b450a15254843.png"); }
._3_vIywqKon9MKDAEZ85I7n .slick-arrow.slick-disabled { display: none !important; }
._11uoLZwF4PLfTSU2mvId35 { position: relative; display: inline-block; vertical-align: top; width: 223px; height: 224px; padding: 7px 5px 5px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/eaea7f6c7ec94ccafbf6deba9ff7f15e.png") center top no-repeat; cursor: pointer; }
._11uoLZwF4PLfTSU2mvId35:hover { background-position: center bottom; }
._11uoLZwF4PLfTSU2mvId35 h2 { margin: 0px 0px 20px; color: rgb(141, 238, 247); font-size: 20px; line-height: 47px; }
._11uoLZwF4PLfTSU2mvId35 h2 strong { margin: 0px 5px; color: rgb(255, 253, 70); }
._11uoLZwF4PLfTSU2mvId35 img { display: block; width: 85px; height: 85px; margin: 0px auto 5px; }
._11uoLZwF4PLfTSU2mvId35 h3 { margin: 0px; color: rgb(255, 253, 70); font-size: 26px; }
._11uoLZwF4PLfTSU2mvId35 p { margin: 0px; color: rgb(132, 238, 247); font-size: 14px; }
._11uoLZwF4PLfTSU2mvId35.unreceivable { cursor: no-drop; }
._11uoLZwF4PLfTSU2mvId35.receivable::before { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 223px; height: 224px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6dc632bd472519434046fc83490de55d.png") center center no-repeat; }
._11uoLZwF4PLfTSU2mvId35.receivable h2 { color: rgb(255, 253, 70); }
._11uoLZwF4PLfTSU2mvId35.receivable ._3L5cmSYwFh-xv2LDSowj4M { position: relative; z-index: 2; }
._11uoLZwF4PLfTSU2mvId35.received { cursor: no-drop; }
._11uoLZwF4PLfTSU2mvId35.received:hover { background-position: center top; }
._11uoLZwF4PLfTSU2mvId35.received::after { content: ""; position: absolute; top: 0px; left: 0px; z-index: 1; width: 223px; height: 224px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/27cc6a5f3e7f3bcb244120df8426ab57.png") center center no-repeat; }
._11uoLZwF4PLfTSU2mvId35 ._3y7Q8dPpk65rjMi-LVestr { position: absolute; top: 0px; left: 0px; z-index: 2; width: 223px; height: 224px; padding-top: 138px; font-size: 20px; color: rgb(255, 253, 70); }
.en-us ._13kzslix5tIAUp3_p0EY9h p { font-size: 16px; line-height: 21px; transform: scale(0.7); transform-origin: right top; }
.en-us ._13kzslix5tIAUp3_p0EY9h p b { font-size: 30px; }
.en-us ._11uoLZwF4PLfTSU2mvId35 h2 { font-size: 15px; }
.tl ._13kzslix5tIAUp3_p0EY9h p { font-size: 16px; line-height: 21px; transform: scale(0.7); transform-origin: right top; }
.tl ._13kzslix5tIAUp3_p0EY9h p b { font-size: 30px; }
.tl ._11uoLZwF4PLfTSU2mvId35 h2 { font-size: 15px; }
.th ._13kzslix5tIAUp3_p0EY9h p { font-size: 16px; line-height: 21px; transform: scale(0.7); transform-origin: right top; }
.th ._13kzslix5tIAUp3_p0EY9h p b { font-size: 30px; }
.th ._11uoLZwF4PLfTSU2mvId35 h2 { font-size: 15px; }
.vi ._13kzslix5tIAUp3_p0EY9h p { font-size: 16px; line-height: 21px; transform: scale(0.7); transform-origin: right top; }
.vi ._13kzslix5tIAUp3_p0EY9h p b { font-size: 30px; }
.vi ._11uoLZwF4PLfTSU2mvId35 h2 { font-size: 15px; }
.vi nav._37eXlLplqPbaiLCnkYN1ga { margin-right: 0px; }
.vi .yAXyYWdk8re-GRYVkbPzT > p { font-size: 13px; }
.pt ._13kzslix5tIAUp3_p0EY9h p { font-size: 16px; line-height: 21px; transform: scale(0.7); transform-origin: right top; }
.pt ._13kzslix5tIAUp3_p0EY9h p b { font-size: 30px; }
.pt ._11uoLZwF4PLfTSU2mvId35 h2 { font-size: 15px; }
.pt nav._37eXlLplqPbaiLCnkYN1ga { margin-right: 0px; }
.pt .yAXyYWdk8re-GRYVkbPzT > p { font-size: 13px; }
.pt ._13kzslix5tIAUp3_p0EY9h { padding-top: 15px; }
.bn ._13kzslix5tIAUp3_p0EY9h p { font-size: 16px; line-height: 21px; transform: scale(0.7); transform-origin: right top; }
.bn ._13kzslix5tIAUp3_p0EY9h p b { font-size: 30px; }
.bn ._11uoLZwF4PLfTSU2mvId35 h2 { font-size: 15px; }
._2Is718ltX0nkqns1ItlQgZ .nav.nav-tabs { display: none; }
._1ujujQdyWdkEjW93nVRWF1 { position: fixed; top: 0px; left: 0px; width: 100%; height: 47px; margin: 0px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; line-height: 47px; text-align: center; background: rgb(38, 38, 38); z-index: 1; }
._35ENqJhSd4F0vkEMAc40XZ { padding-left: 200px; }
._35ENqJhSd4F0vkEMAc40XZ > .alert { margin-top: 60px; }
._35ENqJhSd4F0vkEMAc40XZ ._3x0UehNL9IPSQJyBURJKE0 { width: 60rem; }
.Nqd0N3tiN5UyMxupuH0Ex { position: fixed; z-index: 1; top: 57px; left: 0px; bottom: 20px; width: 200px; padding-left: 0px; text-align: left; list-style: none; background: rgb(255, 255, 255); border-right: 1px solid rgb(215, 215, 215); }
.Nqd0N3tiN5UyMxupuH0Ex li { position: relative; width: 190px; height: 42px; margin: 7px auto 0px; padding-left: 3px; color: rgb(0, 0, 0); font-size: 12px; line-height: 39px; background: rgb(236, 236, 236); border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgb(204, 204, 204); border-image: initial; border-radius: 2px; }
.Nqd0N3tiN5UyMxupuH0Ex li.disabled { cursor: not-allowed; }
.Nqd0N3tiN5UyMxupuH0Ex li.active, .Nqd0N3tiN5UyMxupuH0Ex li:hover { border-color: rgb(38, 38, 38); background-color: rgb(255, 255, 255); }
.Nqd0N3tiN5UyMxupuH0Ex li.active::before, .Nqd0N3tiN5UyMxupuH0Ex li:hover::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 4px; background: rgb(38, 38, 38); }
.Nqd0N3tiN5UyMxupuH0Ex li.active i, .Nqd0N3tiN5UyMxupuH0Ex li:hover i { color: rgb(38, 38, 38); }
.Nqd0N3tiN5UyMxupuH0Ex li.active img, .Nqd0N3tiN5UyMxupuH0Ex li:hover img { vertical-align: middle; }
.Nqd0N3tiN5UyMxupuH0Ex li i { position: absolute; right: 4px; bottom: 4px; color: rgb(204, 204, 204); font-size: 14px; }
._3702xKojFSIKB8z3XLf9Em { height: 46px; margin: 47px auto 20px; font-size: 0px; text-align: center; background: rgb(239, 239, 239); border-radius: 5px; }
._3702xKojFSIKB8z3XLf9Em > li { display: inline-block; vertical-align: top; height: 46px; color: rgb(143, 143, 143); font-size: 13px; font-weight: bold; line-height: 46px; counter-increment: steps 1; }
._3702xKojFSIKB8z3XLf9Em > li + li { margin-left: 10px; }
._3702xKojFSIKB8z3XLf9Em > li::before { display: inline-block; content: counter(steps); width: 20px; height: 20px; margin-right: 4px; color: rgb(255, 255, 255); line-height: 20px; background: rgb(143, 143, 143); border-radius: 50%; }
._3702xKojFSIKB8z3XLf9Em > li::after { content: ""; display: inline-block; width: 20px; height: 13px; margin: 0px 0px 2px 3px; vertical-align: text-bottom; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/25543c2e83318d238b1cae2c5d676184.png") center center no-repeat; }
._3702xKojFSIKB8z3XLf9Em > li:last-child::after { display: none; }
._3702xKojFSIKB8z3XLf9Em > li.active { color: rgb(12, 69, 174); }
._3702xKojFSIKB8z3XLf9Em > li.active::before { background: rgb(12, 69, 174); }
._3702xKojFSIKB8z3XLf9Em > li.active::after { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f8734f72343c43cd63cd7cc1e300a201.png"); }
._3trOBvQtno4DBvtucXycMB { position: relative; width: 640px; margin: 0px auto; padding: 12px; font-size: 12px; }
.General, .Alipay, .USDT { width: 39px; height: 39px; transform: scale(0.5); background-color: rgb(249, 187, 31); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9f9c8df554bf188532e64d8387de062b.svg") center center no-repeat; }
._2804IwDNFmi7XXarh72rRr select { display: inline-block; width: 355px; margin-left: 4%; }
._2804IwDNFmi7XXarh72rRr > div > a { display: inline-block; vertical-align: top; width: 107px; height: 34px; color: rgb(255, 255, 255); line-height: 34px; text-align: center; text-decoration: none; background-color: rgb(33, 56, 153); border-radius: 5px; border: 0px; }
._2804IwDNFmi7XXarh72rRr > div > a:hover { background-color: rgb(19, 34, 99); }
._2804IwDNFmi7XXarh72rRr > div > a.disabled { background-color: rgb(193, 193, 193); pointer-events: none; }
._2804IwDNFmi7XXarh72rRr .dropdown { display: inline-block; vertical-align: top; width: 70%; }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB { text-align: left; }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB > i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB > span { display: block; width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d { position: absolute; left: 50%; top: 105%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; height: 30px; padding: 0px 0.5rem; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); border-radius: 3px; z-index: 1; }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d i { margin-right: 0.25rem; font-size: 20px; color: rgb(251, 149, 25); }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d span { min-width: 150px; white-space: nowrap; }
._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d::before { content: ""; position: absolute; top: calc(60% - 28px); left: 15%; border-width: 5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(204, 204, 204); }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k.dropdown-menu { display: block; width: 100%; padding: 0px; overflow: hidden; }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I { max-height: 200px; overflow-y: auto; }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li { padding: 0px 10px; line-height: 25px; }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li a { display: inline-block; vertical-align: middle; width: 80%; line-height: 40px; color: rgb(51, 51, 51); text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li a:hover { color: rgb(38, 38, 38); }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._4krVRNmlYbdwQjD4qgkTb { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._4krVRNmlYbdwQjD4qgkTb img { max-width: 100%; }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1MXNMX5Q_m2Oy1YOtnQEOb { display: flex; align-items: center; justify-content: center; height: 40px; background-color: rgba(0, 0, 0, 0.2); }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1MXNMX5Q_m2Oy1YOtnQEOb i { position: absolute; right: 20px; color: rgba(0, 0, 0, 0.3); }
._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1MXNMX5Q_m2Oy1YOtnQEOb input { width: 95%; height: 30px; padding: 0px 1rem; color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; }
._3QaldPPna9OzzPUW82u-qi { padding-top: 6px; color: rgb(36, 54, 191); font-weight: bold; line-height: 22px; }
._3QaldPPna9OzzPUW82u-qi::before { content: "*"; }
.AZ7vBSilh45uGzfJbAOK3 { padding-left: 0px; list-style: none; }
.AZ7vBSilh45uGzfJbAOK3 > li { position: relative; display: inline-block; vertical-align: top; margin: 0px 0px 20px 20px; padding-left: 20px; }
.AZ7vBSilh45uGzfJbAOK3 > li input[type="radio"] { position: absolute; top: 0px; left: 0px; }
._2YAZPnTrsxwdwEPZLdginX { width: 261px; padding: 10px 15px; color: rgb(51, 51, 51); line-height: 22px; background: rgb(239, 239, 239); border-radius: 5px; }
._2YAZPnTrsxwdwEPZLdginX ul { padding-left: 0px; list-style-type: none; }
._2YAZPnTrsxwdwEPZLdginX ul.has-qrcode { min-height: 130px; padding-right: 125px; }
._2YAZPnTrsxwdwEPZLdginX li { word-break: break-all; }
._2YAZPnTrsxwdwEPZLdginX img { position: absolute; top: 6px; right: 8px; max-width: 117px; max-height: 117px; }
.I__xo1d-xDxH-t2huNsXi button { vertical-align: top; width: 111px; height: 40px; margin-left: 10px; color: rgb(73, 73, 73); font-size: 12px; background: rgb(224, 224, 224); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; }
.I__xo1d-xDxH-t2huNsXi button:hover { opacity: 0.8; }
._3wR381CbmSA4_Vprq3sNnj .panel { display: inline-block; vertical-align: top; min-width: 242px; margin-bottom: 15px; }
._3wR381CbmSA4_Vprq3sNnj .panel .panel-heading { color: rgb(18, 61, 158); font-weight: bold; background-color: rgb(230, 230, 230); }
._3wR381CbmSA4_Vprq3sNnj .panel li { color: rgb(51, 51, 51); font-size: 12px; line-height: 20px; word-break: break-all; }
.VCIk6r6uGZxwkLk7wRAWf.w-242 { width: 242px; }
.VCIk6r6uGZxwkLk7wRAWf .panel-body { padding: 10px 15px; min-height: 148px; }
.VCIk6r6uGZxwkLk7wRAWf .panel-body ul { display: inline-block; vertical-align: top; max-width: 340px; }
.VCIk6r6uGZxwkLk7wRAWf .panel-body ul li { padding: 2px 0px; }
.VCIk6r6uGZxwkLk7wRAWf .panel-body .NWyOo8pK_S_Ei9bowvypH { display: inline-block; vertical-align: top; margin-left: 20px; }
.VCIk6r6uGZxwkLk7wRAWf .panel-body .NWyOo8pK_S_Ei9bowvypH img { max-width: 220px; max-height: 220px; }
._3LRVRBP7FHSCIDq9RA2mkQ { width: 353px; margin-left: 10px; }
._3LRVRBP7FHSCIDq9RA2mkQ .panel-body { padding: 3px 8px; }
._3LRVRBP7FHSCIDq9RA2mkQ .panel-body ol { padding-left: 0px; }
._3LRVRBP7FHSCIDq9RA2mkQ .panel-body ol li { list-style-type: none; counter-increment: trans-steps 1; }
._3LRVRBP7FHSCIDq9RA2mkQ .panel-body ol li::before { content: counter(trans-steps) "﹑"; }
._3hqfXC4HJbVGqbXCY6NCdJ { padding-left: 0px; list-style-type: none; }
._3hqfXC4HJbVGqbXCY6NCdJ i { display: inline-block; vertical-align: middle; height: 16px; padding-left: 18px; color: rgb(0, 129, 227); font-style: normal; white-space: nowrap; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/beeec730adfa7788f0c446da864f4696.png") left top no-repeat; cursor: pointer; }
._3hqfXC4HJbVGqbXCY6NCdJ i:hover { background-position-y: bottom; }
._3hqfXC4HJbVGqbXCY6NCdJ strong { display: none; color: red; }
._3hqfXC4HJbVGqbXCY6NCdJ strong.copied { display: inline; white-space: nowrap; }
._93PSYWxpAh-Or-GfqX96N legend { margin: 0px; padding: 15px 0px 20px; color: rgb(18, 61, 158); font-size: 14px; font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._93PSYWxpAh-Or-GfqX96N .form-group > label { min-width: 150px; margin: 0px; height: 34px; padding-top: 0px; padding-right: 20px; color: rgb(20, 20, 19); font-weight: bold; line-height: 34px; text-align: right; }
._93PSYWxpAh-Or-GfqX96N .form-group > div { position: relative; display: inline-block; vertical-align: top; width: 381px; line-height: 34px; }
._93PSYWxpAh-Or-GfqX96N .form-group > div.dXvfXphH5cRkLMEC1bwFi { display: inline-flex; align-items: center; gap: 10px; margin-left: 10px; width: auto; line-height: 1.5; }
._93PSYWxpAh-Or-GfqX96N .form-group > div.dXvfXphH5cRkLMEC1bwFi > div { display: flex; flex-direction: column; align-items: center; }
._93PSYWxpAh-Or-GfqX96N .form-group ._2qme_H4uLrZWEpncFnpC4f { line-height: 20px; }
._93PSYWxpAh-Or-GfqX96N .input-group-inline { display: inline-block; vertical-align: top; min-width: 100px; width: 170px; }
._93PSYWxpAh-Or-GfqX96N .input-group-inline.times { width: 100px; }
._93PSYWxpAh-Or-GfqX96N .input-group-inline.times select { padding: 7px 3px 7px 5px; }
._93PSYWxpAh-Or-GfqX96N .input-group-inline select { height: auto; font-size: 12px; padding: 8px 5px 8px 8px; }
._93PSYWxpAh-Or-GfqX96N .input-group-inline .input-group > span { padding: 0px; width: 53px; color: rgb(51, 51, 51); font-size: 12px; line-height: 32px; background: rgb(191, 191, 191); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._93PSYWxpAh-Or-GfqX96N ._1fuWeCosuPbrohl5Ibm4_C .form-control { display: inline-block; vertical-align: top; height: auto; font-size: 12px; padding: 8px 5px 8px 8px; }
._93PSYWxpAh-Or-GfqX96N ._1fuWeCosuPbrohl5Ibm4_C select.form-control { width: 45px; padding: 6px 5px 8px 4px; }
.mTeEyK7jgK7L1pENR1npW { margin-left: 155px; color: rgb(179, 22, 22); }
._15y2ySbtss0Hwo6Q-o4l6p button { vertical-align: top; width: 111px; height: 40px; margin-left: 10px; color: rgb(73, 73, 73); font-size: 12px; background: rgb(224, 224, 224); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; }
._15y2ySbtss0Hwo6Q-o4l6p button:hover { opacity: 0.8; }
.company-pay .exchangeRate { color: rgb(179, 22, 22); }
._3yOrGKYK35SZTuOnk7HsHR { margin: 25px 30px; }
._3yOrGKYK35SZTuOnk7HsHR ._1EoIL9U_65D060OTPXMjL0 { padding: 10px 95px; color: rgb(18, 61, 158); font-size: 12px; font-weight: bold; text-align: left; background: rgb(230, 230, 230); }
._3yOrGKYK35SZTuOnk7HsHR .clY5bFvEYMnF9MOwL5b8d { padding: 10px 0px 20px; color: rgb(51, 51, 51); font-size: 12px; line-height: 27px; }
._3yOrGKYK35SZTuOnk7HsHR .clY5bFvEYMnF9MOwL5b8d .row > :first-child { text-align: right; }
._3yOrGKYK35SZTuOnk7HsHR strong { display: none; color: red; }
._3yOrGKYK35SZTuOnk7HsHR strong.copied { display: inline; margin-left: 2px; white-space: nowrap; }
i._1sqvylnkxOZSGT8EEpJ5F- { display: inline-block; vertical-align: middle; height: 16px; margin-left: 4px; padding-left: 18px; color: rgb(0, 129, 227); font-style: normal; white-space: nowrap; line-height: 1.4; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/beeec730adfa7788f0c446da864f4696.png") left top no-repeat; cursor: pointer; }
i._1sqvylnkxOZSGT8EEpJ5F-:hover { background-position-y: bottom; }
._3MzsEToc2ESrsBIW1DkqLN { text-align: center; }
._3MzsEToc2ESrsBIW1DkqLN button { vertical-align: top; width: 111px; height: 40px; margin-left: 10px; color: rgb(73, 73, 73); font-size: 12px; background: rgb(224, 224, 224); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; }
._3MzsEToc2ESrsBIW1DkqLN button:hover { opacity: 0.8; }
._35MxJ-oksCKfwFoA71ZXbc { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._35MxJ-oksCKfwFoA71ZXbc h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._35MxJ-oksCKfwFoA71ZXbc h3 { font-size: 16px; font-weight: bold; }
._35MxJ-oksCKfwFoA71ZXbc h4 { font-size: 16px; }
._35MxJ-oksCKfwFoA71ZXbc > ul { list-style: none; }
._35MxJ-oksCKfwFoA71ZXbc ol { padding-left: 20px; list-style-type: decimal; }
._35MxJ-oksCKfwFoA71ZXbc p, ._35MxJ-oksCKfwFoA71ZXbc li { font-size: 16px; text-align: justify; line-height: 2em; }
._35MxJ-oksCKfwFoA71ZXbc p { margin: 1em 0px; }
._35MxJ-oksCKfwFoA71ZXbc .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._35MxJ-oksCKfwFoA71ZXbc table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._35MxJ-oksCKfwFoA71ZXbc table thead tr, ._35MxJ-oksCKfwFoA71ZXbc table thead th, ._35MxJ-oksCKfwFoA71ZXbc table thead td, ._35MxJ-oksCKfwFoA71ZXbc table tbody tr, ._35MxJ-oksCKfwFoA71ZXbc table tbody th, ._35MxJ-oksCKfwFoA71ZXbc table tbody td, ._35MxJ-oksCKfwFoA71ZXbc table tfoot tr, ._35MxJ-oksCKfwFoA71ZXbc table tfoot th, ._35MxJ-oksCKfwFoA71ZXbc table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._35MxJ-oksCKfwFoA71ZXbc table thead th, ._35MxJ-oksCKfwFoA71ZXbc table tbody th, ._35MxJ-oksCKfwFoA71ZXbc table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._3x_ltt7KldVvyIxZrWsF9e { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._3x_ltt7KldVvyIxZrWsF9e h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._3x_ltt7KldVvyIxZrWsF9e h3 { font-size: 16px; font-weight: bold; }
._3x_ltt7KldVvyIxZrWsF9e h4 { font-size: 16px; }
._3x_ltt7KldVvyIxZrWsF9e > ul { list-style: none; }
._3x_ltt7KldVvyIxZrWsF9e ol { padding-left: 20px; list-style-type: decimal; }
._3x_ltt7KldVvyIxZrWsF9e p, ._3x_ltt7KldVvyIxZrWsF9e li { font-size: 16px; text-align: justify; line-height: 2em; }
._3x_ltt7KldVvyIxZrWsF9e p { margin: 1em 0px; }
._3x_ltt7KldVvyIxZrWsF9e .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._3x_ltt7KldVvyIxZrWsF9e table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._3x_ltt7KldVvyIxZrWsF9e table thead tr, ._3x_ltt7KldVvyIxZrWsF9e table thead th, ._3x_ltt7KldVvyIxZrWsF9e table thead td, ._3x_ltt7KldVvyIxZrWsF9e table tbody tr, ._3x_ltt7KldVvyIxZrWsF9e table tbody th, ._3x_ltt7KldVvyIxZrWsF9e table tbody td, ._3x_ltt7KldVvyIxZrWsF9e table tfoot tr, ._3x_ltt7KldVvyIxZrWsF9e table tfoot th, ._3x_ltt7KldVvyIxZrWsF9e table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._3x_ltt7KldVvyIxZrWsF9e table thead th, ._3x_ltt7KldVvyIxZrWsF9e table tbody th, ._3x_ltt7KldVvyIxZrWsF9e table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._3LlRhD7tav1OqryBTb-m_H { padding-top: 8rem; }
._3OLEXTdkyZ3OH8vf_E4_N0 { padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1YrLHVe0eksXwask_nimCh { display: flex; width: 100%; margin: 0px 0px 20px; overflow-x: auto; }
._1YrLHVe0eksXwask_nimCh ul { display: flex; width: 100%; margin: 0px; padding: 0px; flex-wrap: wrap; }
._1YrLHVe0eksXwask_nimCh li { display: inline-flex; align-items: center; padding: 0px 15px; width: calc(33.3333% - 8px); height: 72px; margin: 3px 12px 3px 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; background: rgb(38, 38, 38); border-radius: 10px; box-sizing: border-box; border: 3px solid rgb(38, 38, 38); list-style: none; cursor: pointer; }
._1YrLHVe0eksXwask_nimCh li:nth-child(3n+3) { margin-right: 0px; }
._1YrLHVe0eksXwask_nimCh li:hover, ._1YrLHVe0eksXwask_nimCh li.active { border-color: rgb(255, 90, 0); }
._1YrLHVe0eksXwask_nimCh li span { max-width: 130px; }
._1YrLHVe0eksXwask_nimCh li i.global, ._1YrLHVe0eksXwask_nimCh li i.company, ._1YrLHVe0eksXwask_nimCh li i.online, ._1YrLHVe0eksXwask_nimCh li i.bank-direct { width: 80px; height: 80px; margin: 0px -10px 0px -20px; background-color: rgb(85, 235, 117); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg") center center no-repeat; transform: scale(0.5); }
._1YrLHVe0eksXwask_nimCh li i.global ~ span, ._1YrLHVe0eksXwask_nimCh li i.company ~ span, ._1YrLHVe0eksXwask_nimCh li i.online ~ span, ._1YrLHVe0eksXwask_nimCh li i.bank-direct ~ span { position: relative; left: 10px; }
._1YrLHVe0eksXwask_nimCh li i.qrcode { width: 80px; height: 80px; margin-left: -20px; background-color: rgb(249, 187, 31); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1d4e3dfe791fbb66ee032b4632de617b.svg") center center no-repeat; transform: scale(0.5); }
._1YrLHVe0eksXwask_nimCh li i.momo { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0c0ed8a834a7977f568a97a2e95bb612.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.g-cash { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3b48ace405a513885a72654831f6d057.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.grab-pay { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1f8add06a0f3eed2043c9222aa9d1ba7.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.zalo-pay { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7e09df64cc20f0da32210aafef657fb3.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.vt-pay { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/721cf8309ec86d3fa2ccbb8c140778bd.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.scratch { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d3437539ebfc44ff0074d62cffaba0c2.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.true-money-wallet { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f79353bda11cc4b0f695222b42f8cc16.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.prompt-pay { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4174cbfde70a77c6e4e880b26c017033.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.union-scan { width: 80px; height: 80px; margin-left: -20px; background-color: rgb(0, 220, 255); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8c7fc427e12f7e3976c8d6cca21e9773.svg") center center no-repeat; transform: scale(0.5); }
._1YrLHVe0eksXwask_nimCh li i.usdt { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/fb324ffd2d2e370f72c9a5afde9e2ff5.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.seven-eleven { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/22099ecdc51bb210f62d017ea0f15346.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.pay-maya { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a65abf0fc15090366ddbf4e0761c4aa2.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.upi { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8d2169ed9e3df828834f009c239eb425.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.pix { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c46bef63a1f154189cb7059179a06b24.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.dana { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e7120bf4a5eaff9b5608c4d7978cfd88.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.ovo { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ed7711a5b9bf5995aefa8783e226de32.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.qris { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/96742433e30e4d9d2f92eeb2178bbcb1.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.shopeepay { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e5eb20a8f060d150efbc4bd48aa643ba.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.linkaja { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ad1d7e527abf076a4f4c553a416f7385.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.okk { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ab4af1998456b8e90db8ed7ef756840e.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.go-tyme { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4db05ff474fdbd71a9ed86b42d258dd0.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.bkash { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/542bf3db9def4276b38f089cab8ff14f.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.nagad { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9638645ffb9b05f9ef37cf1bce510ce7.png") center center / contain no-repeat; }
._1YrLHVe0eksXwask_nimCh li i.rocket { width: 40px; height: 40px; margin-right: 20px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1f1748705cb85a688eb3ad02722c3b68.png") center center / contain no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 { position: relative; padding: 24px 0px 40px; min-height: 100vh; min-width: 900px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b5d591242df4d24fc51a3d901e5e1cac.jpg") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 .custom-dot { position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; width: 900px; }
._1hJgzMhDUvNhYJbTxufnG3 .custom-dot .slick-dots li button::before { font-size: 10px; opacity: 1; color: rgb(217, 217, 217); }
._1hJgzMhDUvNhYJbTxufnG3 .custom-dot .slick-active button::before { color: rgb(100, 178, 253) !important; }
._1hJgzMhDUvNhYJbTxufnG3 .draggable { cursor: unset !important; }
._1hJgzMhDUvNhYJbTxufnG3 ._1eVvZcWjRcBujy-N-5oUui { width: 900px; height: auto; margin: 0px auto; }
._1hJgzMhDUvNhYJbTxufnG3 h1, ._1hJgzMhDUvNhYJbTxufnG3 ul, ._1hJgzMhDUvNhYJbTxufnG3 p { margin: 0px; padding: 0px; list-style: none; }
._1hJgzMhDUvNhYJbTxufnG3 ._1i5PkpXq9lZOWPV8dT61rl { display: flex; justify-content: center; align-items: center; width: 90%; height: 10vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%); color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); }
._1hJgzMhDUvNhYJbTxufnG3 ._1i5PkpXq9lZOWPV8dT61rl i { margin-right: 5px; }
._1hJgzMhDUvNhYJbTxufnG3 ._uIzvHOJjv6w0TdyNL0fa { width: 900px; height: 260px; border-radius: 30px; overflow: hidden; margin-bottom: 20px; }
._1hJgzMhDUvNhYJbTxufnG3 ._uIzvHOJjv6w0TdyNL0fa > img { width: 100%; height: 100%; object-fit: contain; }
._1hJgzMhDUvNhYJbTxufnG3 ._335ZRBff4noTuvpblDeS { display: grid; justify-items: center; align-content: start; gap: 10px; padding-top: 10px; margin-bottom: 20px; width: 900px; min-height: 200px; color: rgb(255, 255, 255); border-radius: 30px; border: 1px solid rgb(53, 213, 255); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3884143c67d8ac0945e387b129d3c3fd.jpg") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._335ZRBff4noTuvpblDeS h1 { padding: 0px 20px; font-size: 54px; font-weight: bold; line-height: 65px; word-break: break-all; }
._1hJgzMhDUvNhYJbTxufnG3 ._335ZRBff4noTuvpblDeS div { width: 441px; height: 59px; display: grid; justify-items: center; gap: 2px; padding: 8px 30px; border-radius: 16px; box-shadow: rgba(255, 255, 255, 0.6) 0px 4px 6px 0px inset; border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.12); }
._1hJgzMhDUvNhYJbTxufnG3 ._335ZRBff4noTuvpblDeS div ._2HRFQ5MGdCXtxB7EacIzAI { display: flex; gap: 4px; }
._1hJgzMhDUvNhYJbTxufnG3 ._335ZRBff4noTuvpblDeS div ._17I9tmVqBI2r2Ax9kfpi9Y { display: block; width: 19px; height: 19px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/654cc4c4c81bf703a77059ea10e7ae14.svg") center center / contain no-repeat; background: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._335ZRBff4noTuvpblDeS ._37PWXlNH1ArzLPbfS9xa9y { word-break: break-all; padding: 20px; text-align: center; }
._1hJgzMhDUvNhYJbTxufnG3 .dssNZxMqbeQ-dxGD4YI2y { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; width: 900px; min-height: 68px; }
._1hJgzMhDUvNhYJbTxufnG3 .dssNZxMqbeQ-dxGD4YI2y button { display: flex; justify-content: center; align-items: center; width: 180px; min-height: 50px; color: rgb(255, 255, 255); font-size: 22px; font-weight: 900; font-family: "Segoe UI", Tahoma, Arial, sans-serif; border-radius: 25px; box-shadow: rgba(255, 145, 9, 0.35) 0px 3px 15px 0px; border: 1px solid rgb(255, 210, 87); background-image: linear-gradient(to right, rgb(255, 210, 87) 0%, rgb(255, 145, 10) 100%); }
._1hJgzMhDUvNhYJbTxufnG3 .dssNZxMqbeQ-dxGD4YI2y button._3mTXzRptSLuSpGgXF1RtRB { cursor: not-allowed; background: rgb(139, 155, 178); box-shadow: none; border: rgba(0, 0, 0, 0); }
._1hJgzMhDUvNhYJbTxufnG3 .dssNZxMqbeQ-dxGD4YI2y::before, ._1hJgzMhDUvNhYJbTxufnG3 .dssNZxMqbeQ-dxGD4YI2y::after { content: ""; flex: 1 1 0%; height: 1px; background: rgb(162, 196, 244); }
._1hJgzMhDUvNhYJbTxufnG3 ._2AXl16Nfwj81opDKT6lsqi { width: 900px; min-height: 800px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM { display: grid; justify-items: center; align-content: start; gap: 24px; width: 900px; height: auto; padding: 24px; border-radius: 20px; border: 1px solid rgb(206, 224, 249); background-image: linear-gradient(rgb(240, 247, 255), rgb(238, 245, 255) 50%, rgb(226, 238, 255)); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo.PiBgf0kWokM0bcreNESeu { grid-template-columns: 1fr; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label { cursor: pointer; margin: 0px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label input { display: none; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p { display: flex; justify-content: center; align-items: center; gap: 6px; padding: 8px 24px; min-width: 148px; max-width: 276px; min-height: 40px; height: 100%; color: rgb(37, 99, 235); font-size: 20px; font-weight: bold; border-radius: 20px; border: 1px solid rgb(48, 115, 240); background-color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p .account-reward, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p .daily-reward { display: block; width: 20px; height: 20px; aspect-ratio: 1 / 1; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d11b0fce3f98c2130f0d71ff00acac56.svg") center center / contain no-repeat; background: rgb(37, 99, 235); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p .account-reward { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7b762b59509a2ec5541842ec4feedc76.svg") center center / contain no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label input:checked + p, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p._10X5xvo4mNGrYaxaxu_582, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p:hover { border-color: rgb(239, 246, 255); background-image: linear-gradient(rgba(37, 99, 235, 0.01), rgb(37, 99, 235)), linear-gradient(rgb(51, 219, 255), rgb(51, 219, 255)); color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label input:checked + p .account-reward, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label input:checked + p .daily-reward, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p._10X5xvo4mNGrYaxaxu_582 .account-reward, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p._10X5xvo4mNGrYaxaxu_582 .daily-reward, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p:hover .account-reward, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._11fYWx6SEPO-nTkFHJZICo label p:hover .daily-reward { background: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32 { padding: 4px; width: 80px; height: auto; font-size: 14px; font-weight: bold; border-radius: 6px; color: rgb(148, 163, 184); background: rgb(226, 232, 240); outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; word-break: break-all; white-space: normal; line-height: 1.2; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32._3KF0yaRpXNjxOf2bmeG0ew { background: rgb(48, 115, 240); color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32._17GtB9Uw9gYwF1_nRRPSqU { background-image: linear-gradient(to right, rgb(255, 210, 87) 0%, rgb(255, 145, 10) 100%); color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32._20NFfab4InLv3nsgsGjTQF { color: rgb(139, 155, 178); background: rgb(175, 189, 207); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32._1Db-JOVwhJcmvIT9iry7_-, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32.byKbFSaPCJfvY5kJmtx10 { background: rgb(176, 159, 197); color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM .p-Wni87qhfUtZbjJAil32:disabled { cursor: not-allowed; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW { display: grid; gap: 16px; width: 100%; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F { width: 100%; min-height: 157px; padding: 16px; border-radius: 16px; border: 1px solid rgb(226, 232, 240); background-color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3PRLT1xJuZoXM7DaV6I74d { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; width: 100%; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3PRLT1xJuZoXM7DaV6I74d ._1idJGWbHIXHiuF0JqB9_h2 { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgb(186, 208, 238); background-image: linear-gradient(to top, rgb(195, 213, 238) 0%, rgb(225, 230, 238) 100%); cursor: pointer; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3PRLT1xJuZoXM7DaV6I74d ._1idJGWbHIXHiuF0JqB9_h2 ._2aXA9wFAXj1Z39CS31cU-7 { display: block; width: 11px; height: 17px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2d16dd40e4d5692d3211f8ae1b9bd96b.svg") center center / contain no-repeat; background: rgb(99, 161, 241); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3PRLT1xJuZoXM7DaV6I74d ._1idJGWbHIXHiuF0JqB9_h2._2RbyK4zLAv4zxBxJTIrbOS > ._2aXA9wFAXj1Z39CS31cU-7 { transform: rotate(180deg); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3CiXW_gmNQUvZQDUAA2SY1 { display: grid; grid-template-columns: 230px 230px 160px 200px; place-items: center; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3CiXW_gmNQUvZQDUAA2SY1 > li { display: flex; justify-content: center; align-items: center; padding: 6px; font-size: 14px; white-space: nowrap; width: 100%; height: 49px; border-top: 1px solid rgb(226, 232, 240); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3CiXW_gmNQUvZQDUAA2SY1 > li._2rlOndNalktXHiWlGqNtdD { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 30px; color: rgb(100, 116, 139); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._3CiXW_gmNQUvZQDUAA2SY1 > li._1dSLXMA774b3C2g_kL_FvD { height: 0px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; opacity: 0; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._24imcjKUS-rQNmysGTPX_F ._1Y8ThKljqIF-acKW_3-2ts { margin-top: 6px; font-size: 15px; color: rgb(154, 166, 182); height: 18px; width: 100%; text-align: center; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._3N_Xw3m7OXuon-a0yGMJnf { display: flex; justify-content: center; align-items: center; gap: 6px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._3N_Xw3m7OXuon-a0yGMJnf span { display: flex; justify-content: center; align-items: center; min-width: 198px; padding: 4px; min-height: 39px; font-size: 16px; color: rgb(0, 0, 0); border-radius: 8px; background-color: rgb(206, 224, 249); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._3N_Xw3m7OXuon-a0yGMJnf::before, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._2xll-ROAMXoknjty3jAraW ._3N_Xw3m7OXuon-a0yGMJnf::after { content: ""; flex: 1 1 0%; height: 1px; background-color: rgb(206, 224, 249); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._1fDlTt1qzrGZ4fCQ6bxiGq { display: grid; gap: 6px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._1fDlTt1qzrGZ4fCQ6bxiGq span { color: rgb(0, 0, 0); font-size: 18px; font-weight: bold; line-height: 22px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._1fDlTt1qzrGZ4fCQ6bxiGq ._1EwIboiaTtG23IzRYgN7xj { display: flex; justify-content: center; align-items: center; padding: 4px 8px; width: fit-content; height: 22px; color: rgb(255, 255, 255); line-height: 1; border-radius: 10px; border: 1px solid rgb(141, 207, 255); background-image: linear-gradient(to top, rgb(49, 112, 238) 0%, rgb(123, 189, 252) 100%); cursor: pointer; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 { display: grid; gap: 20px; width: 100%; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; min-height: 75px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1_pfZy1gOBqQiFoM8GM5Z7 { position: relative; height: 100%; display: grid; place-items: center; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1_pfZy1gOBqQiFoM8GM5Z7::before { content: ""; position: absolute; bottom: -21.5px; z-index: 1; display: block; width: 4px; height: 100%; background: rgb(206, 224, 249); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1_pfZy1gOBqQiFoM8GM5Z7::after { content: ""; position: absolute; top: 0px; z-index: 1; display: block; width: 4px; height: 100%; background: rgb(206, 224, 249); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5 { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgb(206, 224, 249); background-color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5 i { display: block; width: 20px; height: 20px; background: rgb(206, 224, 249); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._1qgcAoKtjJ7oFrqWyZjRM6 i, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._2oT_6ilg-QjBCgCqVCdfz1 i { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4c33f172f3be5c7a575690356f267a06.svg") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._3UbAXI497ur1w9V66jCpaO i { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b144faac9a60af4501f744cdbb8e1fd0.svg") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._2y947xOISzWc9-WrRUlKZh { background: rgb(48, 115, 240); border-color: rgb(48, 115, 240); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._2y947xOISzWc9-WrRUlKZh i { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/92e91142f5725c3e375980d74686de36.png") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._3Zt66ArtHSEUPTk5-fICNi i { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c70f5935161f6582cca35f4b79a03663.svg") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._2kxohvxmpsiuTuT-CeR9q2 i { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b587e816cdfade64195dca82e6412cb9.svg") center center / cover no-repeat; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._2XKeBxxVVMXgDlnWeM_Zf8 i, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._36kaPWuRJPHH9DInndspz5._24JW5aHD4-81eWE-UnHNM4 i { display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgb(206, 224, 249); background-color: rgba(0, 0, 0, 0); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; flex: 1 1 0%; padding: 16px 56px 16px 24px; height: 100%; border-radius: 16px; border: 1px solid rgb(226, 232, 240); background-color: rgb(255, 255, 255); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._1fDlTt1qzrGZ4fCQ6bxiGq { display: grid; gap: 6px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._1fDlTt1qzrGZ4fCQ6bxiGq ._1hdjSLQjVbfi8ZoSRTcUeF { line-height: 22px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._1fDlTt1qzrGZ4fCQ6bxiGq ._3N_EL9jBFSLAwHh1ENL-EQ { display: flex; align-items: center; margin-top: 6px; height: 15px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._1fDlTt1qzrGZ4fCQ6bxiGq ._3N_EL9jBFSLAwHh1ENL-EQ span { font-size: 12px; color: rgb(148, 163, 184); line-height: normal; font-weight: normal; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._1fDlTt1qzrGZ4fCQ6bxiGq ._3N_EL9jBFSLAwHh1ENL-EQ span:first-of-type { line-height: 14px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO._1WoAuse2rBRwiw_SzG7MHS { border: 2px solid rgb(37, 99, 235); background-image: linear-gradient(rgb(255, 255, 255), rgb(211, 240, 255)); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO .C6Thh2hwf0Niiu2WDraid, ._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._22vu2T_iVvujfBaSgXTXao { font-size: 20px; color: rgb(37, 99, 235); font-weight: bold; line-height: 24px; text-align: center; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO ._-9o5QAxiENXCeymTmOIUZ { color: rgb(148, 163, 184); }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul ._1fjqfSwyH1HSFJwcGiXXmO .p-Wni87qhfUtZbjJAil32 { display: flex; justify-content: center; align-items: center; justify-self: end; padding: 10px; width: 120px; min-height: 36px; border-radius: 10px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul:last-of-type ._1_pfZy1gOBqQiFoM8GM5Z7::before { bottom: -4px; }
._1hJgzMhDUvNhYJbTxufnG3 ._3-SxeF52Cf7xxXeEZUPqAM ._18pz_V7c1ExOoPKhTD54s0 ul:first-of-type ._1_pfZy1gOBqQiFoM8GM5Z7::after { top: -4px; height: 25.5px; }
.xADgFht6LYKDiR3Ad5RpC { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
.xADgFht6LYKDiR3Ad5RpC h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
.xADgFht6LYKDiR3Ad5RpC h3 { font-size: 16px; font-weight: bold; }
.xADgFht6LYKDiR3Ad5RpC h4 { font-size: 16px; }
.xADgFht6LYKDiR3Ad5RpC > ul { list-style: none; }
.xADgFht6LYKDiR3Ad5RpC ol { padding-left: 20px; list-style-type: decimal; }
.xADgFht6LYKDiR3Ad5RpC p, .xADgFht6LYKDiR3Ad5RpC li { font-size: 16px; text-align: justify; line-height: 2em; }
.xADgFht6LYKDiR3Ad5RpC p { margin: 1em 0px; }
.xADgFht6LYKDiR3Ad5RpC .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
.xADgFht6LYKDiR3Ad5RpC table { width: 100%; background-color: rgba(0, 0, 0, 0); }
.xADgFht6LYKDiR3Ad5RpC table thead tr, .xADgFht6LYKDiR3Ad5RpC table thead th, .xADgFht6LYKDiR3Ad5RpC table thead td, .xADgFht6LYKDiR3Ad5RpC table tbody tr, .xADgFht6LYKDiR3Ad5RpC table tbody th, .xADgFht6LYKDiR3Ad5RpC table tbody td, .xADgFht6LYKDiR3Ad5RpC table tfoot tr, .xADgFht6LYKDiR3Ad5RpC table tfoot th, .xADgFht6LYKDiR3Ad5RpC table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
.xADgFht6LYKDiR3Ad5RpC table thead th, .xADgFht6LYKDiR3Ad5RpC table tbody th, .xADgFht6LYKDiR3Ad5RpC table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
.CqnSN70oT3CrTqIQIW_Kh { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
.CqnSN70oT3CrTqIQIW_Kh h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
.CqnSN70oT3CrTqIQIW_Kh h3 { font-size: 16px; font-weight: bold; }
.CqnSN70oT3CrTqIQIW_Kh h4 { font-size: 16px; }
.CqnSN70oT3CrTqIQIW_Kh > ul { list-style: none; }
.CqnSN70oT3CrTqIQIW_Kh ol { padding-left: 20px; list-style-type: decimal; }
.CqnSN70oT3CrTqIQIW_Kh p, .CqnSN70oT3CrTqIQIW_Kh li { font-size: 16px; text-align: justify; line-height: 2em; }
.CqnSN70oT3CrTqIQIW_Kh p { margin: 1em 0px; }
.CqnSN70oT3CrTqIQIW_Kh .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
.CqnSN70oT3CrTqIQIW_Kh table { width: 100%; background-color: rgba(0, 0, 0, 0); }
.CqnSN70oT3CrTqIQIW_Kh table thead tr, .CqnSN70oT3CrTqIQIW_Kh table thead th, .CqnSN70oT3CrTqIQIW_Kh table thead td, .CqnSN70oT3CrTqIQIW_Kh table tbody tr, .CqnSN70oT3CrTqIQIW_Kh table tbody th, .CqnSN70oT3CrTqIQIW_Kh table tbody td, .CqnSN70oT3CrTqIQIW_Kh table tfoot tr, .CqnSN70oT3CrTqIQIW_Kh table tfoot th, .CqnSN70oT3CrTqIQIW_Kh table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
.CqnSN70oT3CrTqIQIW_Kh table thead th, .CqnSN70oT3CrTqIQIW_Kh table tbody th, .CqnSN70oT3CrTqIQIW_Kh table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
.panel ._2qWY2jMTt28zwmqcjg6nkR { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._2qWY2jMTt28zwmqcjg6nkR i { position: relative; z-index: 1; cursor: pointer; }
.panel ._2qWY2jMTt28zwmqcjg6nkR span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.GXB8MvMdHskC1uyK6VUmq { right: auto !important; }
._34ZmWoMBZ1hJuIjWbxJ8J2, ._2l6BM7_VR-1ptuxV5ODW3M { display: inline-block; white-space: nowrap; }
._1JLh1KtOs364nYjJp_GSAa > thead { border-bottom: 2px solid rgb(221, 221, 221); }
._1JLh1KtOs364nYjJp_GSAa > thead:has(._2ASWaqm98PcMBBJnoO-EJH) tr:first-child th { padding-bottom: 2px; }
._1JLh1KtOs364nYjJp_GSAa > thead > tr > th { vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1JLh1KtOs364nYjJp_GSAa > thead > tr > th._2ASWaqm98PcMBBJnoO-EJH { padding-top: 0px; padding-bottom: 10px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; text-align: left; }
._1JLh1KtOs364nYjJp_GSAa > thead > tr > th._2ASWaqm98PcMBBJnoO-EJH input { display: inline-block; width: 100px; }
._1JLh1KtOs364nYjJp_GSAa > thead > tr > th._2ASWaqm98PcMBBJnoO-EJH ._5CmECez__Ky11SJTRl1xG { padding: 2px 6px; font-size: 17px; vertical-align: baseline; color: rgb(255, 255, 255); background: rgb(38, 38, 38); border-color: rgb(38, 38, 38); }
._1JLh1KtOs364nYjJp_GSAa > thead > tr > th > span, ._1JLh1KtOs364nYjJp_GSAa > thead > tr > th > div { vertical-align: middle; }
._1JLh1KtOs364nYjJp_GSAa > tbody > tr > td { vertical-align: middle; }
._2P4SdW6uj_4m3H6oPowolt gupw-captcha-box { display: block; margin-bottom: 15px; }
._2P4SdW6uj_4m3H6oPowolt gupw-captcha-box input { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
._2P4SdW6uj_4m3H6oPowolt gupw-captcha-box img { position: relative; top: 0px; right: 0px; height: 34px; }
._3LH1do73FVxpGs9kpJHRL_ .dropdown { max-width: 402px; }
._1xgU1vtuq9eJdEtl2zofEG { text-align: left; }
._1xgU1vtuq9eJdEtl2zofEG i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
._1xgU1vtuq9eJdEtl2zofEG > span { display: block; width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
._2zH6OuUytLb8IHySp4lhGQ { position: absolute; display: block; width: 100%; padding: 0px; overflow: hidden; z-index: 1; background-color: rgb(255, 255, 255); }
.WAqFlaSB2CIQbcOzPavah { max-height: 200px; overflow-y: auto; }
.WAqFlaSB2CIQbcOzPavah li { padding: 0px 10px; line-height: 25px; }
.WAqFlaSB2CIQbcOzPavah li a { display: inline-block; vertical-align: middle; width: 80%; line-height: 40px; color: rgb(51, 51, 51); text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.WAqFlaSB2CIQbcOzPavah li a:hover { color: rgb(38, 38, 38); }
.WAqFlaSB2CIQbcOzPavah li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
._22f4PzqfxXw8uTJMLe9x3d { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; }
._22f4PzqfxXw8uTJMLe9x3d img { max-width: 100%; }
._3X0XkE2kCN3siGRbA1o6c2 { display: flex; align-items: center; justify-content: center; height: 40px; background-color: rgba(0, 0, 0, 0.2); }
._3X0XkE2kCN3siGRbA1o6c2 i { position: absolute; right: 20px; color: rgba(0, 0, 0, 0.3); }
._3X0XkE2kCN3siGRbA1o6c2 input { width: 95%; height: 30px; padding: 0px 1rem; color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; }
.free-spins-dialog .modal-dialog { width: 500px; margin-top: 167px; }
.free-spins-dialog .modal-dialog .modal-content { border-radius: 20px; }
._3sh1WGgYr7dbSY6O7j9oio { padding: 24px 0px 48px; min-height: 100vh; }
._3sh1WGgYr7dbSY6O7j9oio ._1hR_WwDZmH45fxP_b6FZNf { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: -1; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg { display: grid; width: 900px; gap: 24px; margin: 0px auto; padding: 24px 20px 32px; border-radius: 14px; border: 1px solid rgb(73, 186, 67); background-color: rgb(222, 237, 194); font-family: Roboto; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._2CFb9EXFgEaoKLdA0_Lv3J { display: flex; gap: 10px; overflow-x: auto; white-space: nowrap; user-select: none; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._2CFb9EXFgEaoKLdA0_Lv3J::-webkit-scrollbar { display: none; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._2CFb9EXFgEaoKLdA0_Lv3J ._1f-iNvXgZiEu8YqDSKDYN { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 144px; height: 52px; padding: 0px 10px; border-radius: 10px; border: 1px solid rgb(24, 163, 26); color: rgb(24, 163, 26); background-image: linear-gradient(rgb(249, 255, 235), rgb(167, 254, 121)); transition: 0.3s; cursor: pointer; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._2CFb9EXFgEaoKLdA0_Lv3J ._1f-iNvXgZiEu8YqDSKDYN span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: center; line-height: 1.2; word-break: break-all; white-space: normal; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._2CFb9EXFgEaoKLdA0_Lv3J ._1f-iNvXgZiEu8YqDSKDYN.Pb5h6Q-Q-coX0dBD5dc3q { background-image: linear-gradient(rgb(167, 254, 121), rgb(255, 255, 255)); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._3uB8nXMfw87OI5nJ3_rt2Z { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 100%; padding: 10px 16px; border-radius: 8px; border-left: 3px solid rgb(24, 163, 26); background-color: rgb(255, 255, 255); color: rgb(24, 163, 26); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._3uB8nXMfw87OI5nJ3_rt2Z ._1p0vvFukC3pXO8ALIjHYYh { display: flex; align-items: center; gap: 5px; font-size: 16px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._3uB8nXMfw87OI5nJ3_rt2Z ._1p0vvFukC3pXO8ALIjHYYh img { height: 19px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._3uB8nXMfw87OI5nJ3_rt2Z ._2VAT4zTc437IwJuOyK7dxO { font-size: 15px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._3IshIfOTbH6c-gaGhfnIgL { width: 100%; height: 230px; border-radius: 12px; overflow: hidden; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._3IshIfOTbH6c-gaGhfnIgL > img { display: block; width: 100%; height: 100%; object-fit: contain; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._29xX2VnqCkVGyPv7FSfRh8 { display: grid; padding: 16px; border-radius: 8px; background-color: rgb(255, 255, 255); gap: 8px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._29xX2VnqCkVGyPv7FSfRh8 > div { display: flex; justify-content: space-between; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._29xX2VnqCkVGyPv7FSfRh8 > div > span { font-size: 15px; line-height: 24px; color: rgb(24, 163, 26); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._29xX2VnqCkVGyPv7FSfRh8 > div button { min-width: 80px; height: 24px; text-wrap: nowrap; border-radius: 12px; background-image: linear-gradient(to top, rgb(24, 163, 26), rgb(144, 206, 29)); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px 8px; font-size: 14px; cursor: pointer; transition: 0.3s; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._29xX2VnqCkVGyPv7FSfRh8 > div button:hover { filter: brightness(1.3); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._29xX2VnqCkVGyPv7FSfRh8 > span { font-size: 13px; color: rgb(34, 34, 34); word-break: break-all; white-space: pre-wrap; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO { border-radius: 8px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._1Q2yf5m-xG13N9dVrrHimS { display: flex; flex-direction: column; align-items: center; padding: 40px 0px; background: rgb(255, 255, 255); border-radius: 8px; gap: 10px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._1Q2yf5m-xG13N9dVrrHimS img { width: 140px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._1Q2yf5m-xG13N9dVrrHimS .AMiCezSJ8GX-ATKgOJTcJ { font-size: 24px; font-weight: bold; color: rgb(24, 163, 26); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._1Q2yf5m-xG13N9dVrrHimS ._11mgzhKKwZtoTGhmRctXdR { font-size: 14px; color: rgb(34, 34, 34); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b { background: rgb(255, 255, 255); border-radius: 8px; padding: 16px 13px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1dMM49-YPbHTV8ExeuuB_G { display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1dMM49-YPbHTV8ExeuuB_G ._3RaFcNV0WFVWpgYk1LfrCN { display: flex; align-items: center; gap: 4px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1dMM49-YPbHTV8ExeuuB_G ._3RaFcNV0WFVWpgYk1LfrCN img { max-height: 20px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1dMM49-YPbHTV8ExeuuB_G ._3RaFcNV0WFVWpgYk1LfrCN span:nth-child(2) { font-weight: bold; font-size: 15px; color: rgb(205, 126, 0); cursor: pointer; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1dMM49-YPbHTV8ExeuuB_G ._3RaFcNV0WFVWpgYk1LfrCN span:last-child { margin-left: 5px; font-size: 13px; padding: 2px 8px; color: rgb(24, 163, 26); background-color: rgb(231, 253, 203); border: 1px solid rgb(158, 196, 151); border-radius: 5px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1dMM49-YPbHTV8ExeuuB_G ._1o6b3RnkK6RCyqInXSZ7AF { color: rgb(24, 163, 26); font-size: 18px; font-weight: bold; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b .YM_sDUUGQh_xmU7nWHxcc { display: grid; margin-bottom: 15px; gap: 6px; color: rgb(24, 163, 26); font-size: 14px; line-height: 1; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b hr { width: 100%; height: 1px; background-color: rgba(24, 163, 26, 0.5); margin: 16px 0px; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._3_oEZ1hnPoVhwL1OKpMJ9X { display: grid; margin-bottom: 12px; gap: 6px; font-size: 12px; color: rgb(34, 34, 34); line-height: 1; }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1k3kRW_T498RtHbyBR433T ._3DAOwLHwFDALRd6e83IXLo { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid rgb(24, 163, 26); font-weight: bold; cursor: pointer; color: rgb(24, 163, 26); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1k3kRW_T498RtHbyBR433T ._3DAOwLHwFDALRd6e83IXLo._2h2mZTz-eZ5jKmEFKzNmTJ { background-color: rgb(249, 255, 239); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1k3kRW_T498RtHbyBR433T ._3DAOwLHwFDALRd6e83IXLo._2h2mZTz-eZ5jKmEFKzNmTJ:hover { background-color: rgb(231, 255, 185); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1k3kRW_T498RtHbyBR433T ._3DAOwLHwFDALRd6e83IXLo._30UVlyNlph8eRyJ2Yb0-c6 { background-color: rgb(222, 237, 194); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1k3kRW_T498RtHbyBR433T ._3DAOwLHwFDALRd6e83IXLo._3BOdPBpd8-jteggPsC-PAV { color: rgb(152, 180, 85); border: 1px solid rgba(0, 0, 0, 0); background-color: rgb(222, 237, 194); }
._3sh1WGgYr7dbSY6O7j9oio ._20ZutQqKQ9PEdY9-Nn_RVg ._1jwLhsaAx3PFcMdfyZZMaO ._3oQN-ZMubRKe28Bjfi_Ilh ._3EJoUg88FepQolPpuVdo4b ._1k3kRW_T498RtHbyBR433T ._3DAOwLHwFDALRd6e83IXLo:disabled { cursor: not-allowed; }
:host { display: block; padding-top: 50px; }
.iHaDBXJqZ6sqJGiD_NCeH { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
.iHaDBXJqZ6sqJGiD_NCeH i { position: absolute; top: 0.5rem; left: 1rem; }
.iHaDBXJqZ6sqJGiD_NCeH h2 { margin: 0px; line-height: 50px; }
.iHaDBXJqZ6sqJGiD_NCeH h2 + i { left: initial; right: 1rem; }
._1750S6yJtI4gir4J--9Euq { position: relative; height: 40px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); }
._1750S6yJtI4gir4J--9Euq > ul { position: relative; display: flex; justify-content: center; margin: 0px; padding: 0px; height: 100%; list-style: none; }
._1750S6yJtI4gir4J--9Euq > ul > li { position: relative; min-width: 120px; width: 15%; color: rgb(51, 51, 51); text-align: center; line-height: 40px; }
._1750S6yJtI4gir4J--9Euq > ul > li + li::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 10px; transform: translateY(-50%); background: rgb(51, 51, 51); }
._1750S6yJtI4gir4J--9Euq > ul > li.active { color: rgb(35, 127, 248); }
._1750S6yJtI4gir4J--9Euq > ul > li.active::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0px; height: 2px; background-color: rgb(35, 127, 248); }
._2M9dRTrMxDPi459WsEcfof { position: absolute; top: calc(100% + 4px); left: 50%; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 4px; transform: translateX(-50%); }
._2M9dRTrMxDPi459WsEcfof > * { flex: 0 0 auto; white-space: nowrap; }
._2M9dRTrMxDPi459WsEcfof > * .list-unstyled { white-space: normal; }
._2M9dRTrMxDPi459WsEcfof > input { max-width: 120px; }
._2M9dRTrMxDPi459WsEcfof > button { min-width: 100px; padding: 0px 5px; color: rgb(255, 255, 255); line-height: 34px; background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; }
._7TdZkQqtZJtxTcnWj3Gip { min-height: 500px; padding: 40px 6%; background-color: rgb(255, 255, 255); border-radius: 10px; }
._2Q5icsFkaubAS2TCEWGxG0 { display: flex; justify-content: space-between; margin: 0px; padding: 0px; list-style: none; }
._2Q5icsFkaubAS2TCEWGxG0 li { width: 24%; height: 82px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); border-radius: 5px; }
._2Q5icsFkaubAS2TCEWGxG0 li > a { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 100%; }
._2Q5icsFkaubAS2TCEWGxG0 li img { width: 45px; height: 45px; }
._2Q5icsFkaubAS2TCEWGxG0 li p { margin: 0px; }
._2Q5icsFkaubAS2TCEWGxG0 li:last-child { justify-content: center; color: rgb(35, 127, 248); border: 1px solid rgba(35, 127, 248, 0.5); }
._2Q5icsFkaubAS2TCEWGxG0 li:last-child img { width: 32px; height: 32px; }
._2AUOAs5h7Df3G3ACI6wm_Y { display: block; height: 42px; margin: 10px 0px; color: rgb(35, 127, 248); text-align: center; line-height: 42px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); border: 1px solid rgba(35, 127, 248, 0.5); border-radius: 5px; }
._38Mv2VRNn4an9_cKMTjJ54 { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 18px 0px; padding: 0px; }
._38Mv2VRNn4an9_cKMTjJ54 li { width: 24%; color: rgb(255, 255, 255); text-align: center; border-radius: 5px; overflow: hidden; }
._38Mv2VRNn4an9_cKMTjJ54 li > div:first-child { height: 22px; font-size: 12px; line-height: 22px; background-image: linear-gradient(to right, rgb(83, 226, 230), rgb(6, 175, 180)); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._38Mv2VRNn4an9_cKMTjJ54 li > div:last-child { height: 44px; line-height: 44px; font-size: 24px; text-shadow: rgba(0, 0, 0, 0.16) 0px 2px 0px; background-image: linear-gradient(to right, rgb(108, 242, 246), rgb(30, 206, 212)); }
._38Mv2VRNn4an9_cKMTjJ54 li:nth-child(3) > div:first-child, ._38Mv2VRNn4an9_cKMTjJ54 li:nth-child(4) > div:first-child { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
._38Mv2VRNn4an9_cKMTjJ54 li:nth-child(3) > div:last-child, ._38Mv2VRNn4an9_cKMTjJ54 li:nth-child(4) > div:last-child { background-image: linear-gradient(to right, rgb(141, 224, 255), rgb(55, 187, 255)); }
._2WYhxGzWra38xrXriF8Qx_ { display: flex; justify-content: space-between; }
.P_4av6H_DrCBgnxfvZT0x { text-align: center; border-radius: 5px 5px 0px 0px; border: 1px solid rgb(240, 240, 240); overflow: hidden; }
.P_4av6H_DrCBgnxfvZT0x > div:first-child { height: 42px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; line-height: 42px; }
.hPg3239ebVm4zE8Es-nwG { flex-grow: 1; }
.hPg3239ebVm4zE8Es-nwG > div:first-child { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
.hPg3239ebVm4zE8Es-nwG > div:last-child { padding: 22px 1% 0px; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._3sdLnyvdAVW3eaWrJSYRFq { margin: 0px; color: rgb(51, 51, 51); font-size: 12px; }
.hPg3239ebVm4zE8Es-nwG > div:last-child h2 { margin: 6px 0px 20px; color: rgb(35, 127, 248); font-size: 32px; cursor: pointer; }
.hPg3239ebVm4zE8Es-nwG > div:last-child h2.is-copy { animation-name: VnSxLyCvRK53iDJlrkpcO; animation-duration: 1.2s; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._2IsdEJ-F_p1XEmtxlcRp-T { height: 0px; margin: 18px 0px 13px; border-bottom: 1px dotted rgb(240, 240, 240); }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._2IsdEJ-F_p1XEmtxlcRp-T::after { content: ""; display: inline-block; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._34gOHRMiclKHLBXVrLRisa, .hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba { display: flex; justify-content: center; align-items: center; font-size: 16px; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._34gOHRMiclKHLBXVrLRisa i, .hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba i { margin-left: 3px; color: rgb(32, 179, 255); font-size: 14px; cursor: pointer; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._34gOHRMiclKHLBXVrLRisa i.is-next, .hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba i.is-next { animation-name: _3KWkfL5_G6iXn2l-cqReWr; animation-duration: 1s; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba { margin-top: 8px; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba span { width: 75%; height: 34px; margin-right: 6px; padding: 0px 3px; color: rgb(35, 127, 248); font-size: 19px; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 1px solid rgb(230, 230, 230); border-radius: 5px; }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba i { color: rgb(35, 127, 248); }
.hPg3239ebVm4zE8Es-nwG > div:last-child ._1y99t706RZFFwC5fypj9ba i.is-copy { animation-name: VnSxLyCvRK53iDJlrkpcO; animation-duration: 1.2s; }
.hPg3239ebVm4zE8Es-nwG figure { width: 102px; margin: 10px auto; border: 1px solid rgb(240, 240, 240); border-radius: 0px 0px 5px 5px; overflow: hidden; }
.hPg3239ebVm4zE8Es-nwG figure img { width: 100px; height: 100px; }
.hPg3239ebVm4zE8Es-nwG figure figcaption { height: 30px; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 30px; background-color: rgb(32, 179, 255); cursor: pointer; }
.hPg3239ebVm4zE8Es-nwG ._21UUuJoie8Hl1Fuoezr8N2 { display: grid; grid-template-columns: repeat(5, 30px); gap: 8px; justify-content: center; align-items: center; }
.hPg3239ebVm4zE8Es-nwG ._21UUuJoie8Hl1Fuoezr8N2 div { width: 30px; }
.hPg3239ebVm4zE8Es-nwG ._21UUuJoie8Hl1Fuoezr8N2 div img { max-width: 100%; }
._1lqifPOFYDAjzx9B1xJpmN { width: 24.2%; margin-left: 1%; }
._1lqifPOFYDAjzx9B1xJpmN > div:first-child { background-image: linear-gradient(to right, rgb(83, 226, 230), rgb(6, 175, 180)); }
._1lqifPOFYDAjzx9B1xJpmN > div:last-child { padding: 20px 0px 26px; }
._1lqifPOFYDAjzx9B1xJpmN > div:last-child p { margin: 9px 0px; }
._1lqifPOFYDAjzx9B1xJpmN > div:last-child input { width: 72%; height: 36px; margin-bottom: 20px; color: rgb(30, 206, 212); text-align: center; font-size: 15px; background-color: rgb(232, 249, 255); border: 1px solid rgb(240, 240, 240); border-radius: 8px; }
._1lqifPOFYDAjzx9B1xJpmN > div:last-child input.disable { color: rgb(255, 255, 255); background: rgb(30, 206, 212); }
._1lqifPOFYDAjzx9B1xJpmN > div:last-child button { min-width: 100px; width: 80%; height: 30px; color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(30, 206, 212); border-radius: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1lqifPOFYDAjzx9B1xJpmN > div:last-child button:disabled { opacity: 0.4; }
@-webkit-keyframes _3KWkfL5_G6iXn2l-cqReWr {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes _3KWkfL5_G6iXn2l-cqReWr {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-webkit-keyframes VnSxLyCvRK53iDJlrkpcO {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes VnSxLyCvRK53iDJlrkpcO {
0% { opacity: 0; }
100% { opacity: 1; }
}
:host { display: block; padding-top: 90px; }
.iHaDBXJqZ6sqJGiD_NCeH { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
.iHaDBXJqZ6sqJGiD_NCeH i { position: absolute; top: 0.5rem; left: 1rem; }
.iHaDBXJqZ6sqJGiD_NCeH h2 { margin: 0px; line-height: 50px; }
.iHaDBXJqZ6sqJGiD_NCeH h2 + i { left: initial; right: 1rem; }
._1750S6yJtI4gir4J--9Euq { position: relative; height: 40px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); }
._1750S6yJtI4gir4J--9Euq > ul { position: relative; display: flex; justify-content: center; margin: 0px; padding: 0px; height: 100%; list-style: none; }
._1750S6yJtI4gir4J--9Euq > ul > li { position: relative; min-width: 120px; width: 15%; color: rgb(51, 51, 51); text-align: center; line-height: 40px; }
._1750S6yJtI4gir4J--9Euq > ul > li + li::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 10px; transform: translateY(-50%); background: rgb(51, 51, 51); }
._1750S6yJtI4gir4J--9Euq > ul > li.active { color: rgb(35, 127, 248); }
._1750S6yJtI4gir4J--9Euq > ul > li.active::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0px; height: 2px; background-color: rgb(35, 127, 248); }
._2M9dRTrMxDPi459WsEcfof { position: absolute; top: calc(100% + 4px); left: 50%; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 4px; transform: translateX(-50%); }
._2M9dRTrMxDPi459WsEcfof > * { flex: 0 0 auto; white-space: nowrap; }
._2M9dRTrMxDPi459WsEcfof > * .list-unstyled { white-space: normal; }
._2M9dRTrMxDPi459WsEcfof > input { max-width: 120px; }
._2M9dRTrMxDPi459WsEcfof > button { min-width: 100px; padding: 0px 5px; color: rgb(255, 255, 255); line-height: 34px; background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; }
._7TdZkQqtZJtxTcnWj3Gip { min-height: 500px; padding: 40px 6%; background-color: rgb(255, 255, 255); border-radius: 10px; }
.panel ._3Apg9B-b_PurKR1fQrA5Tn { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._3Apg9B-b_PurKR1fQrA5Tn i { position: relative; z-index: 1; cursor: pointer; }
.panel ._3Apg9B-b_PurKR1fQrA5Tn span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.panel > ._3Apg9B-b_PurKR1fQrA5Tn { color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
._2uqCNEHO4PeSpUS0H3UjZh { width: 50%; min-width: 450px; margin: 0px auto 50px; font-size: 12px; border-radius: 12px; border: 1px solid rgb(240, 240, 240); overflow: hidden; }
._2uqCNEHO4PeSpUS0H3UjZh > .head { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 38px; background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
._2uqCNEHO4PeSpUS0H3UjZh > .head.more { height: 54px; }
._2uqCNEHO4PeSpUS0H3UjZh > .head h2 { margin: 0px; color: rgb(255, 255, 0); font-size: 12px; line-height: 1.5; }
._2uqCNEHO4PeSpUS0H3UjZh > .head > div { max-width: 100%; color: rgb(255, 255, 255); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._2uqCNEHO4PeSpUS0H3UjZh > .head > div span:last-child { font-size: 16px; }
._2uqCNEHO4PeSpUS0H3UjZh ul { margin: 0px; padding: 0px; list-style: none; }
._2uqCNEHO4PeSpUS0H3UjZh ul li { display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 0px 16px; font-size: 12px; }
._2uqCNEHO4PeSpUS0H3UjZh ul li + li { border-top: 1px solid rgb(240, 240, 240); }
._2uqCNEHO4PeSpUS0H3UjZh ul li:nth-child(2n) { background-color: rgb(232, 249, 255); }
:host { display: block; padding-top: 50px; }
._2O5rJDc12BlXujyAkq_YEF { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
._2O5rJDc12BlXujyAkq_YEF i { position: absolute; top: 0.5rem; left: 1rem; }
._2O5rJDc12BlXujyAkq_YEF h2 { margin: 0px; line-height: 50px; }
._2O5rJDc12BlXujyAkq_YEF h2 + i { left: initial; right: 1rem; }
._4QmYHq78Iie7H4E8UmfU5 { position: relative; height: 40px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); }
._4QmYHq78Iie7H4E8UmfU5 > ul { position: relative; display: flex; justify-content: center; margin: 0px; padding: 0px; height: 100%; list-style: none; }
._4QmYHq78Iie7H4E8UmfU5 > ul > li { position: relative; min-width: 120px; width: 15%; color: rgb(51, 51, 51); text-align: center; line-height: 40px; }
._4QmYHq78Iie7H4E8UmfU5 > ul > li + li::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 10px; transform: translateY(-50%); background: rgb(51, 51, 51); }
._4QmYHq78Iie7H4E8UmfU5 > ul > li.active { color: rgb(35, 127, 248); }
._4QmYHq78Iie7H4E8UmfU5 > ul > li.active::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0px; height: 2px; background-color: rgb(35, 127, 248); }
.kboSsA2ERhw0v0_1bigwP { position: absolute; top: calc(100% + 4px); left: 50%; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 4px; transform: translateX(-50%); }
.kboSsA2ERhw0v0_1bigwP > * { flex: 0 0 auto; white-space: nowrap; }
.kboSsA2ERhw0v0_1bigwP > * .list-unstyled { white-space: normal; }
.kboSsA2ERhw0v0_1bigwP > input { max-width: 120px; }
.kboSsA2ERhw0v0_1bigwP > button { min-width: 100px; padding: 0px 5px; color: rgb(255, 255, 255); line-height: 34px; background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; }
._2zw46nh22nd4QASCfARPAF { min-height: 500px; padding: 40px 6%; background-color: rgb(255, 255, 255); border-radius: 10px; }
._1cufsxXTG1XZLTNfP5eedI { display: flex; justify-content: space-between; margin: 0px; padding: 0px; list-style: none; }
._1cufsxXTG1XZLTNfP5eedI li { width: 24%; height: 82px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); border-radius: 5px; }
._1cufsxXTG1XZLTNfP5eedI li > a { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 100%; }
._1cufsxXTG1XZLTNfP5eedI li img { width: 45px; height: 45px; }
._1cufsxXTG1XZLTNfP5eedI li p { margin: 0px; }
._1cufsxXTG1XZLTNfP5eedI li:last-child { justify-content: center; color: rgb(35, 127, 248); border: 1px solid rgba(35, 127, 248, 0.5); }
._1cufsxXTG1XZLTNfP5eedI li:last-child img { width: 32px; height: 32px; }
._2t_rrmNhkr-1SH57UXoSC5 { display: block; height: 42px; margin: 10px 0px; color: rgb(35, 127, 248); text-align: center; line-height: 42px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); border: 1px solid rgba(35, 127, 248, 0.5); border-radius: 5px; }
.eOLkfcUZgk6cBgOki4vHj { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 18px 0px; padding: 0px; }
.eOLkfcUZgk6cBgOki4vHj li { width: 24%; color: rgb(255, 255, 255); text-align: center; border-radius: 5px; overflow: hidden; }
.eOLkfcUZgk6cBgOki4vHj li > div:first-child { height: 22px; font-size: 12px; line-height: 22px; background-image: linear-gradient(to right, rgb(83, 226, 230), rgb(6, 175, 180)); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.eOLkfcUZgk6cBgOki4vHj li > div:last-child { height: 44px; line-height: 44px; font-size: 24px; text-shadow: rgba(0, 0, 0, 0.16) 0px 2px 0px; background-image: linear-gradient(to right, rgb(108, 242, 246), rgb(30, 206, 212)); }
.eOLkfcUZgk6cBgOki4vHj li:nth-child(3) > div:first-child, .eOLkfcUZgk6cBgOki4vHj li:nth-child(4) > div:first-child { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
.eOLkfcUZgk6cBgOki4vHj li:nth-child(3) > div:last-child, .eOLkfcUZgk6cBgOki4vHj li:nth-child(4) > div:last-child { background-image: linear-gradient(to right, rgb(141, 224, 255), rgb(55, 187, 255)); }
.lmL6W-xVMzfAHUMi27dh- { display: flex; justify-content: space-between; }
._1vqd3gfuu0fjTCqa0Q60Sg { text-align: center; border-radius: 5px 5px 0px 0px; border: 1px solid rgb(240, 240, 240); overflow: hidden; }
._1vqd3gfuu0fjTCqa0Q60Sg > div:first-child { height: 42px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; line-height: 42px; }
._3ZF6yZDN3HqTFAPJS8Q3uB { flex-grow: 1; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:first-child { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child { padding: 22px 1% 0px; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._3iOAsSaN9xN6LEbJpe7vLT { margin: 0px; color: rgb(51, 51, 51); font-size: 12px; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child h2 { margin: 6px 0px 20px; color: rgb(35, 127, 248); font-size: 32px; cursor: pointer; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child h2.is-copy { animation-name: zcN65uLL0C6oQUtieqerH; animation-duration: 1.2s; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child .m3jJcMJDZt_REVV2AN8He { height: 0px; margin: 18px 0px 13px; border-bottom: 1px dotted rgb(240, 240, 240); }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child .m3jJcMJDZt_REVV2AN8He::after { content: ""; display: inline-block; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1dAZKqv1BcwdE7ZFk1vjEU, ._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW { display: flex; justify-content: center; align-items: center; font-size: 16px; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1dAZKqv1BcwdE7ZFk1vjEU i, ._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW i { margin-left: 3px; color: rgb(32, 179, 255); font-size: 14px; cursor: pointer; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1dAZKqv1BcwdE7ZFk1vjEU i.is-next, ._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW i.is-next { animation-name: _3k5Gk7-7XIKD9_5kOZFyZA; animation-duration: 1s; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW { margin-top: 8px; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW span { width: 75%; height: 34px; margin-right: 6px; padding: 0px 3px; color: rgb(35, 127, 248); font-size: 19px; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 1px solid rgb(230, 230, 230); border-radius: 5px; }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW i { color: rgb(35, 127, 248); }
._3ZF6yZDN3HqTFAPJS8Q3uB > div:last-child ._1WyCXT14R9d-xcISdt1_xW i.is-copy { animation-name: zcN65uLL0C6oQUtieqerH; animation-duration: 1.2s; }
._3ZF6yZDN3HqTFAPJS8Q3uB figure { width: 102px; margin: 10px auto; border: 1px solid rgb(240, 240, 240); border-radius: 0px 0px 5px 5px; overflow: hidden; }
._3ZF6yZDN3HqTFAPJS8Q3uB figure img { width: 100px; height: 100px; }
._3ZF6yZDN3HqTFAPJS8Q3uB figure figcaption { height: 30px; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 30px; background-color: rgb(32, 179, 255); cursor: pointer; }
._3ZF6yZDN3HqTFAPJS8Q3uB ._2-bvbUMXtQVSh5n_oyM1H9 { display: grid; grid-template-columns: repeat(5, 30px); gap: 8px; justify-content: center; align-items: center; }
._3ZF6yZDN3HqTFAPJS8Q3uB ._2-bvbUMXtQVSh5n_oyM1H9 div { width: 30px; }
._3ZF6yZDN3HqTFAPJS8Q3uB ._2-bvbUMXtQVSh5n_oyM1H9 div img { max-width: 100%; }
._2PNBKTcIqR1KPX-bZXkQKs { width: 24.2%; margin-left: 1%; }
._2PNBKTcIqR1KPX-bZXkQKs > div:first-child { background-image: linear-gradient(to right, rgb(83, 226, 230), rgb(6, 175, 180)); }
._2PNBKTcIqR1KPX-bZXkQKs > div:last-child { padding: 20px 0px 26px; }
._2PNBKTcIqR1KPX-bZXkQKs > div:last-child p { margin: 9px 0px; }
._2PNBKTcIqR1KPX-bZXkQKs > div:last-child input { width: 72%; height: 36px; margin-bottom: 20px; color: rgb(30, 206, 212); text-align: center; font-size: 15px; background-color: rgb(232, 249, 255); border: 1px solid rgb(240, 240, 240); border-radius: 8px; }
._2PNBKTcIqR1KPX-bZXkQKs > div:last-child input.disable { color: rgb(255, 255, 255); background: rgb(30, 206, 212); }
._2PNBKTcIqR1KPX-bZXkQKs > div:last-child button { min-width: 100px; width: 80%; height: 30px; color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(30, 206, 212); border-radius: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2PNBKTcIqR1KPX-bZXkQKs > div:last-child button:disabled { opacity: 0.4; }
@-webkit-keyframes _3k5Gk7-7XIKD9_5kOZFyZA {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes _3k5Gk7-7XIKD9_5kOZFyZA {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-webkit-keyframes zcN65uLL0C6oQUtieqerH {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes zcN65uLL0C6oQUtieqerH {
0% { opacity: 0; }
100% { opacity: 1; }
}
:host { display: block; padding-top: 90px; }
._2O5rJDc12BlXujyAkq_YEF { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
._2O5rJDc12BlXujyAkq_YEF i { position: absolute; top: 0.5rem; left: 1rem; }
._2O5rJDc12BlXujyAkq_YEF h2 { margin: 0px; line-height: 50px; }
._2O5rJDc12BlXujyAkq_YEF h2 + i { left: initial; right: 1rem; }
._4QmYHq78Iie7H4E8UmfU5 { position: relative; height: 40px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); }
._4QmYHq78Iie7H4E8UmfU5 > ul { position: relative; display: flex; justify-content: center; margin: 0px; padding: 0px; height: 100%; list-style: none; }
._4QmYHq78Iie7H4E8UmfU5 > ul > li { position: relative; min-width: 120px; width: 15%; color: rgb(51, 51, 51); text-align: center; line-height: 40px; }
._4QmYHq78Iie7H4E8UmfU5 > ul > li + li::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 10px; transform: translateY(-50%); background: rgb(51, 51, 51); }
._4QmYHq78Iie7H4E8UmfU5 > ul > li.active { color: rgb(35, 127, 248); }
._4QmYHq78Iie7H4E8UmfU5 > ul > li.active::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0px; height: 2px; background-color: rgb(35, 127, 248); }
.kboSsA2ERhw0v0_1bigwP { position: absolute; top: calc(100% + 4px); left: 50%; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 4px; transform: translateX(-50%); }
.kboSsA2ERhw0v0_1bigwP > * { flex: 0 0 auto; white-space: nowrap; }
.kboSsA2ERhw0v0_1bigwP > * .list-unstyled { white-space: normal; }
.kboSsA2ERhw0v0_1bigwP > input { max-width: 120px; }
.kboSsA2ERhw0v0_1bigwP > button { min-width: 100px; padding: 0px 5px; color: rgb(255, 255, 255); line-height: 34px; background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; }
._2zw46nh22nd4QASCfARPAF { min-height: 500px; padding: 40px 6%; background-color: rgb(255, 255, 255); border-radius: 10px; }
.panel .VxZVE0hrULcrhjuBcOZAC { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel .VxZVE0hrULcrhjuBcOZAC i { position: relative; z-index: 1; cursor: pointer; }
.panel .VxZVE0hrULcrhjuBcOZAC span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.panel > .VxZVE0hrULcrhjuBcOZAC { color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
.panel .kboSsA2ERhw0v0_1bigwP { top: calc(100% + 24px); }
._3rzvQVRp3lzsm5mKcEQR3u { position: absolute; top: calc(100% + 2px); z-index: 1; left: 50%; color: red; font-size: 12px; transform: translateX(-50%); }
.ykPEydW6uBM0mZj0YSVpR { padding: 10px 0px 25px; }
.ykPEydW6uBM0mZj0YSVpR.extend { padding-top: 60px; }
.ykPEydW6uBM0mZj0YSVpR ul { display: flex; justify-content: center; margin: 0px; padding: 0px; list-style: none; }
.ykPEydW6uBM0mZj0YSVpR ul li { height: 32px; margin: 0px 9px; padding: 0px 16px; color: rgb(85, 85, 85); line-height: 30px; border-radius: 8px; background-color: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); }
.ykPEydW6uBM0mZj0YSVpR ul li.active { color: rgb(255, 255, 255); background-color: rgb(35, 127, 248); border-color: rgb(35, 127, 248); }
._2zw46nh22nd4QASCfARPAF { min-height: 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; padding: 0px 18px 40px; overflow-y: auto; }
._2zw46nh22nd4QASCfARPAF .record { border-radius: 12px; overflow: hidden; }
._2zw46nh22nd4QASCfARPAF .record .NP7aOrHu5Rp3O-y-9zLkK { display: flex; justify-content: space-between; align-items: center; height: 38px; padding: 0px 17px 0px 14px; color: rgb(255, 255, 255); background: rgb(170, 170, 170); }
._2zw46nh22nd4QASCfARPAF .record ._3I97F6ZEyNbzjbm2ED4JB7 { display: flex; flex-direction: column; justify-content: space-between; padding: 14px; color: rgb(51, 51, 51); font-size: 12px; border: 1px solid rgb(170, 170, 170); border-radius: 0px 0px 12px 12px; }
._2zw46nh22nd4QASCfARPAF .record ._3I97F6ZEyNbzjbm2ED4JB7 p { margin: 4px 0px; }
._2zw46nh22nd4QASCfARPAF .record.highlight .NP7aOrHu5Rp3O-y-9zLkK { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
._2zw46nh22nd4QASCfARPAF .record.highlight .NP7aOrHu5Rp3O-y-9zLkK span:last-child { color: rgb(255, 255, 0); }
._2zw46nh22nd4QASCfARPAF .record.highlight ._3I97F6ZEyNbzjbm2ED4JB7 { color: rgb(170, 170, 170); }
.panel ._1kQArAP1TLJMKFo7ZYaHEj { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._1kQArAP1TLJMKFo7ZYaHEj i { position: relative; z-index: 1; cursor: pointer; }
.panel ._1kQArAP1TLJMKFo7ZYaHEj span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.panel > ._1kQArAP1TLJMKFo7ZYaHEj { color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
._3FagYK4akKvS9oXDxhcZuM { width: 70%; min-width: 600px; margin: 0px auto 50px; text-align: center; font-size: 12px; border-radius: 12px; }
.mLvh3hBHU41NvlXaazEyG { display: block; width: 33%; height: 42px; margin: 0px auto 16px; color: rgb(35, 127, 248); font-weight: bold; line-height: 42px; border-radius: 5px; border: 1px solid rgba(35, 127, 248, 0.5); background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); }
.HpVzOvc03kjS7Sa0ogjat { display: inline-block; min-width: 27%; margin: 0px auto 16px; padding: 0px 20px; color: rgb(255, 255, 255); text-align: center; line-height: 34px; background-color: rgb(34, 151, 252); border-radius: 5px; }
._2_cxZQ5siDQRXNDZM96qwk { border-radius: 10px; border: 1px solid rgb(240, 240, 240); overflow: auto hidden; }
._2_cxZQ5siDQRXNDZM96qwk table { width: 100%; margin-bottom: 0px; }
._2_cxZQ5siDQRXNDZM96qwk thead { color: rgb(255, 255, 255); background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
._2_cxZQ5siDQRXNDZM96qwk tbody { background-color: rgb(255, 255, 255); border-radius: 10px; }
._2_cxZQ5siDQRXNDZM96qwk tr:nth-child(2n) { background-color: rgb(232, 249, 255); }
._2_cxZQ5siDQRXNDZM96qwk th, ._2_cxZQ5siDQRXNDZM96qwk td { height: 34px; padding: 5px 2px; text-align: center; }
._2_cxZQ5siDQRXNDZM96qwk th { height: 38px; }
._2_cxZQ5siDQRXNDZM96qwk td { color: rgb(0, 0, 0); border-bottom: 1px solid rgb(240, 240, 240); }
._2_cxZQ5siDQRXNDZM96qwk th + th { position: relative; }
._2_cxZQ5siDQRXNDZM96qwk th + th::before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0px; width: 0px; border-left: 1px dotted rgb(255, 255, 255); }
._2_cxZQ5siDQRXNDZM96qwk .red { color: red; }
.panel ._7rctKuy-tnuioRqypUwWF { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._7rctKuy-tnuioRqypUwWF i { position: relative; z-index: 1; cursor: pointer; }
.panel ._7rctKuy-tnuioRqypUwWF span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.panel > ._7rctKuy-tnuioRqypUwWF { color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
._4pCoKp446AAW77K0cAC5V { width: 70%; min-width: 600px; margin: 0px auto; border-radius: 12px; }
._4pCoKp446AAW77K0cAC5V > div { padding: 20px 10px; color: rgb(85, 85, 85); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(240, 240, 240) rgb(240, 240, 240); border-image: initial; border-radius: 0px 0px 12px 12px; }
._4pCoKp446AAW77K0cAC5V img { max-width: 100%; }
:host { display: block; padding-top: 50px; }
._23DiH7GT8dyYrEgOCUd4KK { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; color: rgb(255, 255, 255); background-color: rgb(32, 107, 206); }
._23DiH7GT8dyYrEgOCUd4KK i { position: absolute; top: 0.5rem; left: 1rem; }
._23DiH7GT8dyYrEgOCUd4KK h2 { margin: 0px; line-height: 50px; }
._23DiH7GT8dyYrEgOCUd4KK h2 + i { left: initial; right: 1rem; }
._3ojRM4LE8Cy13BDeZe3gqr { position: relative; height: 40px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); }
._3ojRM4LE8Cy13BDeZe3gqr > ul { position: relative; display: flex; justify-content: center; margin: 0px; padding: 0px; height: 100%; list-style: none; }
._3ojRM4LE8Cy13BDeZe3gqr > ul > li { position: relative; min-width: 120px; width: 15%; color: rgb(51, 51, 51); text-align: center; line-height: 40px; }
._3ojRM4LE8Cy13BDeZe3gqr > ul > li + li::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 10px; transform: translateY(-50%); background: rgb(51, 51, 51); }
._3ojRM4LE8Cy13BDeZe3gqr > ul > li.active { color: rgb(35, 127, 248); }
._3ojRM4LE8Cy13BDeZe3gqr > ul > li.active::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0px; height: 2px; background-color: rgb(35, 127, 248); }
._1kYfUOPEX8d7HfkuTN0A7w { position: absolute; top: calc(100% + 4px); left: 50%; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 4px; transform: translateX(-50%); }
._1kYfUOPEX8d7HfkuTN0A7w > * { flex: 0 0 auto; white-space: nowrap; }
._1kYfUOPEX8d7HfkuTN0A7w > * .list-unstyled { white-space: normal; }
._1kYfUOPEX8d7HfkuTN0A7w > input { max-width: 120px; }
._1kYfUOPEX8d7HfkuTN0A7w > button { min-width: 100px; padding: 0px 5px; color: rgb(255, 255, 255); line-height: 34px; background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; }
.AZKeWjs-HcVmS6jw1QYm { min-height: 500px; padding: 40px 6%; background-color: rgb(255, 255, 255); border-radius: 10px; }
._9NQKeb_ehL4GfBWE_SX4a { display: flex; justify-content: space-between; margin: 0px; padding: 0px; list-style: none; }
._9NQKeb_ehL4GfBWE_SX4a li { width: 24%; height: 82px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); border-radius: 5px; }
._9NQKeb_ehL4GfBWE_SX4a li > a { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 100%; }
._9NQKeb_ehL4GfBWE_SX4a li img { width: 45px; height: 45px; }
._9NQKeb_ehL4GfBWE_SX4a li p { margin: 0px; }
._9NQKeb_ehL4GfBWE_SX4a li:last-child { justify-content: center; color: rgb(35, 127, 248); border: 1px solid rgba(35, 127, 248, 0.5); }
._9NQKeb_ehL4GfBWE_SX4a li:last-child img { width: 32px; height: 32px; }
._2rSxw7QtIDM-5ajrl0ggLm { display: block; height: 42px; margin: 10px 0px; color: rgb(35, 127, 248); text-align: center; line-height: 42px; background-image: linear-gradient(rgb(232, 249, 255), rgb(190, 228, 255)); border: 1px solid rgba(35, 127, 248, 0.5); border-radius: 5px; }
._17lbtbpdcw2vyWa7sUOqBJ { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 18px 0px; padding: 0px; }
._17lbtbpdcw2vyWa7sUOqBJ li { width: 24%; color: rgb(255, 255, 255); text-align: center; border-radius: 5px; overflow: hidden; }
._17lbtbpdcw2vyWa7sUOqBJ li > div:first-child { height: 22px; font-size: 12px; line-height: 22px; background-image: linear-gradient(to right, rgb(83, 226, 230), rgb(6, 175, 180)); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._17lbtbpdcw2vyWa7sUOqBJ li > div:last-child { height: 44px; line-height: 44px; font-size: 24px; text-shadow: rgba(0, 0, 0, 0.16) 0px 2px 0px; background-image: linear-gradient(to right, rgb(108, 242, 246), rgb(30, 206, 212)); }
._17lbtbpdcw2vyWa7sUOqBJ li:nth-child(3) > div:first-child, ._17lbtbpdcw2vyWa7sUOqBJ li:nth-child(4) > div:first-child { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
._17lbtbpdcw2vyWa7sUOqBJ li:nth-child(3) > div:last-child, ._17lbtbpdcw2vyWa7sUOqBJ li:nth-child(4) > div:last-child { background-image: linear-gradient(to right, rgb(141, 224, 255), rgb(55, 187, 255)); }
.oJ34iICUY06R6L7fbemJ3 { display: flex; justify-content: space-between; }
.XQI3VXVdA_aM8wEG6cflk { text-align: center; border-radius: 5px 5px 0px 0px; border: 1px solid rgb(240, 240, 240); overflow: hidden; }
.XQI3VXVdA_aM8wEG6cflk > div:first-child { height: 42px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; line-height: 42px; }
.FMMECA5Lw_Wa3bAwV-B25 { flex-grow: 1; }
.FMMECA5Lw_Wa3bAwV-B25 > div:first-child { background-image: linear-gradient(to right, rgb(32, 179, 255), rgb(35, 127, 248)); }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child { padding: 22px 1% 0px; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._376x_MNVBs8xnG5Ul1zE4t { margin: 0px; color: rgb(51, 51, 51); font-size: 12px; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child h2 { margin: 6px 0px 20px; color: rgb(35, 127, 248); font-size: 32px; cursor: pointer; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child h2.is-copy { animation-name: _2epnZgiV42rISpM9ZWsWYR; animation-duration: 1.2s; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2TNzkZojyFBoGhrZKJ9LRg { height: 0px; margin: 18px 0px 13px; border-bottom: 1px dotted rgb(240, 240, 240); }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2TNzkZojyFBoGhrZKJ9LRg::after { content: ""; display: inline-block; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._21VLgjplLW2m2bvJLmdODd, .FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r { display: flex; justify-content: center; align-items: center; font-size: 16px; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._21VLgjplLW2m2bvJLmdODd i, .FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r i { margin-left: 3px; color: rgb(32, 179, 255); font-size: 14px; cursor: pointer; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._21VLgjplLW2m2bvJLmdODd i.is-next, .FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r i.is-next { animation-name: _3pkwCSW5zCi4oNMMuAe0gR; animation-duration: 1s; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r { margin-top: 8px; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r span { width: 75%; height: 34px; margin-right: 6px; padding: 0px 3px; color: rgb(35, 127, 248); font-size: 19px; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 1px solid rgb(230, 230, 230); border-radius: 5px; }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r i { color: rgb(35, 127, 248); }
.FMMECA5Lw_Wa3bAwV-B25 > div:last-child ._2Z2o-x9eK1x9cfsa4WnP-r i.is-copy { animation-name: _2epnZgiV42rISpM9ZWsWYR; animation-duration: 1.2s; }
.FMMECA5Lw_Wa3bAwV-B25 figure { width: 102px; margin: 10px auto; border: 1px solid rgb(240, 240, 240); border-radius: 0px 0px 5px 5px; overflow: hidden; }
.FMMECA5Lw_Wa3bAwV-B25 figure img { width: 100px; height: 100px; }
.FMMECA5Lw_Wa3bAwV-B25 figure figcaption { height: 30px; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 30px; background-color: rgb(32, 179, 255); cursor: pointer; }
.FMMECA5Lw_Wa3bAwV-B25 ._2Hbv3Wz-SMnq2BaYvz8w3t { display: grid; grid-template-columns: repeat(5, 30px); gap: 8px; justify-content: center; align-items: center; }
.FMMECA5Lw_Wa3bAwV-B25 ._2Hbv3Wz-SMnq2BaYvz8w3t div { width: 30px; }
.FMMECA5Lw_Wa3bAwV-B25 ._2Hbv3Wz-SMnq2BaYvz8w3t div img { max-width: 100%; }
._3EU4Ldfc4DDNwm55K31-Zv { width: 24.2%; margin-left: 1%; }
._3EU4Ldfc4DDNwm55K31-Zv > div:first-child { background-image: linear-gradient(to right, rgb(83, 226, 230), rgb(6, 175, 180)); }
._3EU4Ldfc4DDNwm55K31-Zv > div:last-child { padding: 20px 0px 26px; }
._3EU4Ldfc4DDNwm55K31-Zv > div:last-child p { margin: 9px 0px; }
._3EU4Ldfc4DDNwm55K31-Zv > div:last-child input { width: 72%; height: 36px; margin-bottom: 20px; color: rgb(30, 206, 212); text-align: center; font-size: 15px; background-color: rgb(232, 249, 255); border: 1px solid rgb(240, 240, 240); border-radius: 8px; }
._3EU4Ldfc4DDNwm55K31-Zv > div:last-child input.disable { color: rgb(255, 255, 255); background: rgb(30, 206, 212); }
._3EU4Ldfc4DDNwm55K31-Zv > div:last-child button { min-width: 100px; width: 80%; height: 30px; color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(30, 206, 212); border-radius: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3EU4Ldfc4DDNwm55K31-Zv > div:last-child button:disabled { opacity: 0.4; }
@-webkit-keyframes _3pkwCSW5zCi4oNMMuAe0gR {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes _3pkwCSW5zCi4oNMMuAe0gR {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-webkit-keyframes _2epnZgiV42rISpM9ZWsWYR {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes _2epnZgiV42rISpM9ZWsWYR {
0% { opacity: 0; }
100% { opacity: 1; }
}
.vaHPKl6jB1RuX-MPZhCiB { background: rgb(255, 255, 255); }
._3Z9gnNHXSQdrZBjvOrtwE8 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3Z9gnNHXSQdrZBjvOrtwE8 .logo { position: relative; height: 80px; display: inline-block; }
._3Z9gnNHXSQdrZBjvOrtwE8 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(102, 102, 102); border-radius: 3px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Z9gnNHXSQdrZBjvOrtwE8 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Z9gnNHXSQdrZBjvOrtwE8 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3Z9gnNHXSQdrZBjvOrtwE8 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3Z9gnNHXSQdrZBjvOrtwE8 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3Z9gnNHXSQdrZBjvOrtwE8 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(102, 102, 102); }
._3Z9gnNHXSQdrZBjvOrtwE8 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3Z9gnNHXSQdrZBjvOrtwE8 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 { display: block; font-size: 0px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 > li > span:hover { background: rgb(51, 51, 51); }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(51, 51, 51); }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 > li:hover > ol { display: block; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(102, 102, 102); cursor: pointer; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 > li > span { position: relative; display: block; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 > li:hover { background-color: rgb(51, 51, 51); }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 > li:hover > ol { display: block; }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .banner > img { margin-bottom: 20px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .headline { border-bottom: 2px solid rgb(102, 102, 102); }
._3Z9gnNHXSQdrZBjvOrtwE8 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(102, 102, 102); border-radius: 8px 8px 0px 0px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .headline > button { float: right; color: rgb(102, 102, 102); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend { height: 0px; overflow: hidden; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend.show { height: auto; overflow: visible; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-track { margin: 0px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev, ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev::before, ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next::before { display: none; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev i, ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev:hover, ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next:hover { background-color: rgb(102, 102, 102); }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots { position: static; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li.slick-active, ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li.slick-active:hover { background-color: rgb(102, 102, 102); }
._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li button::before { display: none; }
._3Z9gnNHXSQdrZBjvOrtwE8 .main { position: relative; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102); border-radius: 10px; width: 160px !important; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper > img { position: absolute; z-index: 2; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.cross-platform, ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(102, 102, 102); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(102, 102, 102); border-radius: 5px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo:hover::after { content: "Play"; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3Z9gnNHXSQdrZBjvOrtwE8 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3Z9gnNHXSQdrZBjvOrtwE8 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(51, 51, 51); }
._3Z9gnNHXSQdrZBjvOrtwE8 .lobby-pagination li:hover { background: rgb(51, 51, 51); }
._23mDwhEAUuCqK72g12R40Z { background: rgb(255, 255, 255); }
._66jx7d-i9VCY2Fmr6bI3R .wrapper { width: 850px; position: relative; margin: 0px auto; }
._66jx7d-i9VCY2Fmr6bI3R .logo { position: relative; height: 80px; display: inline-block; }
._66jx7d-i9VCY2Fmr6bI3R .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._66jx7d-i9VCY2Fmr6bI3R .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(234, 0, 12), rgb(176, 14, 22)); border-radius: 3px; }
._66jx7d-i9VCY2Fmr6bI3R .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._66jx7d-i9VCY2Fmr6bI3R .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._66jx7d-i9VCY2Fmr6bI3R .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._66jx7d-i9VCY2Fmr6bI3R .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._66jx7d-i9VCY2Fmr6bI3R .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._66jx7d-i9VCY2Fmr6bI3R .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(220, 60, 60); }
._66jx7d-i9VCY2Fmr6bI3R .nav ul { padding: 0px; margin: 0px; list-style: none; }
._66jx7d-i9VCY2Fmr6bI3R .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 { display: block; font-size: 0px; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 > li > span:hover { background: rgb(115, 9, 15); }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(115, 9, 15); }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 > li:hover > ol { display: block; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(176, 14, 22); cursor: pointer; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 > li > span { position: relative; display: block; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 > li:hover { background-color: rgb(115, 9, 15); }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 > li:hover > ol { display: block; }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._66jx7d-i9VCY2Fmr6bI3R .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._66jx7d-i9VCY2Fmr6bI3R .banner > img { margin-bottom: 20px; }
._66jx7d-i9VCY2Fmr6bI3R .headline { border-bottom: 2px solid rgb(176, 14, 22); }
._66jx7d-i9VCY2Fmr6bI3R .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(176, 14, 22); border-radius: 8px 8px 0px 0px; }
._66jx7d-i9VCY2Fmr6bI3R .headline > button { float: right; color: rgb(176, 14, 22); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._66jx7d-i9VCY2Fmr6bI3R .recommend { height: 0px; overflow: hidden; }
._66jx7d-i9VCY2Fmr6bI3R .recommend.show { height: auto; overflow: visible; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-track { margin: 0px; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev, ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev::before, ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next::before { display: none; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev i, ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev:hover, ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next:hover { background-color: rgb(176, 14, 22); }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots { position: static; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li.slick-active, ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li.slick-active:hover { background-color: rgb(176, 14, 22); }
._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li button::before { display: none; }
._66jx7d-i9VCY2Fmr6bI3R .main { position: relative; }
._66jx7d-i9VCY2Fmr6bI3R .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper > img { position: absolute; z-index: 2; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.cross-platform, ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(220, 60, 60); }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._66jx7d-i9VCY2Fmr6bI3R .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._66jx7d-i9VCY2Fmr6bI3R .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._66jx7d-i9VCY2Fmr6bI3R .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(203, 11, 21); border-radius: 5px; }
._66jx7d-i9VCY2Fmr6bI3R .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._66jx7d-i9VCY2Fmr6bI3R .game-logo:hover::after { content: "Play"; }
._66jx7d-i9VCY2Fmr6bI3R .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._66jx7d-i9VCY2Fmr6bI3R .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._66jx7d-i9VCY2Fmr6bI3R .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._66jx7d-i9VCY2Fmr6bI3R .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._66jx7d-i9VCY2Fmr6bI3R .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._66jx7d-i9VCY2Fmr6bI3R .lobby-pagination li:hover { background: rgb(176, 14, 22); }
.U7brRf9RYl1GXS-8XaWYt { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c3cf36cc60534200e76de209957cb1fd.jpg") center top no-repeat; }
._Ztoe3MAmB4vUS8HzYid7 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._Ztoe3MAmB4vUS8HzYid7 .logo { position: relative; height: 80px; display: inline-block; }
._Ztoe3MAmB4vUS8HzYid7 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._Ztoe3MAmB4vUS8HzYid7 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(245, 186, 88), rgb(193, 139, 47)); border-radius: 3px; }
._Ztoe3MAmB4vUS8HzYid7 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._Ztoe3MAmB4vUS8HzYid7 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._Ztoe3MAmB4vUS8HzYid7 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._Ztoe3MAmB4vUS8HzYid7 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._Ztoe3MAmB4vUS8HzYid7 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._Ztoe3MAmB4vUS8HzYid7 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(182, 135, 56); }
._Ztoe3MAmB4vUS8HzYid7 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._Ztoe3MAmB4vUS8HzYid7 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 { display: block; font-size: 0px; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 > li > span:hover { background: rgb(145, 101, 23); }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(145, 101, 23); }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 > li:hover > ol { display: block; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(182, 135, 56); cursor: pointer; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 > li > span { position: relative; display: block; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 > li:hover { background-color: rgb(145, 101, 23); }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 > li:hover > ol { display: block; }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._Ztoe3MAmB4vUS8HzYid7 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._Ztoe3MAmB4vUS8HzYid7 .banner > img { margin-bottom: 20px; }
._Ztoe3MAmB4vUS8HzYid7 .headline { border-bottom: 2px solid rgb(182, 135, 56); }
._Ztoe3MAmB4vUS8HzYid7 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(182, 135, 56); border-radius: 8px 8px 0px 0px; }
._Ztoe3MAmB4vUS8HzYid7 .headline > button { float: right; color: rgb(182, 135, 56); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._Ztoe3MAmB4vUS8HzYid7 .recommend { height: 0px; overflow: hidden; }
._Ztoe3MAmB4vUS8HzYid7 .recommend.show { height: auto; overflow: visible; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-track { margin: 0px; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev, ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev::before, ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next::before { display: none; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev i, ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev:hover, ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next:hover { background-color: rgb(182, 135, 56); }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots { position: static; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li.slick-active, ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li.slick-active:hover { background-color: rgb(182, 135, 56); }
._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li button::before { display: none; }
._Ztoe3MAmB4vUS8HzYid7 .main { position: relative; }
._Ztoe3MAmB4vUS8HzYid7 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(182, 135, 56); border-radius: 10px; width: 160px !important; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover { cursor: pointer; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img { position: absolute; z-index: 2; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.cross-platform, ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(245, 186, 88), rgb(193, 139, 47)); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(237, 181, 59); border-radius: 5px; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::after { content: "Play"; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._Ztoe3MAmB4vUS8HzYid7 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._Ztoe3MAmB4vUS8HzYid7 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(86, 96, 106); }
._Ztoe3MAmB4vUS8HzYid7 .lobby-pagination li:hover { background: rgb(242, 148, 26); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(237, 181, 59); border-radius: 5px; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::after { content: "Play"; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._Ztoe3MAmB4vUS8HzYid7 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.far { color: rgb(174, 127, 49); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(182, 135, 56); border-radius: 10px; width: 160px !important; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover { cursor: pointer; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img { position: absolute; z-index: 2; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.cross-platform, ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(245, 186, 88), rgb(193, 139, 47)); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._Ztoe3MAmB4vUS8HzYid7 .game-wrapper { background-color: rgb(255, 243, 221); }
._2p4ZxlNyS-JDw4hQ_84fZS { background: rgb(255, 255, 255); }
._2XsDxLy_CcqqOql7GAHchg .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2XsDxLy_CcqqOql7GAHchg .logo { position: relative; height: 80px; display: inline-block; }
._2XsDxLy_CcqqOql7GAHchg .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2XsDxLy_CcqqOql7GAHchg .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 0, 0), rgb(222, 1, 10)); border-radius: 3px; }
._2XsDxLy_CcqqOql7GAHchg .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2XsDxLy_CcqqOql7GAHchg .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2XsDxLy_CcqqOql7GAHchg .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2XsDxLy_CcqqOql7GAHchg .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2XsDxLy_CcqqOql7GAHchg .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2XsDxLy_CcqqOql7GAHchg .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(222, 1, 10); }
._2XsDxLy_CcqqOql7GAHchg .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2XsDxLy_CcqqOql7GAHchg .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 { display: block; font-size: 0px; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 > li > span:hover { background: rgb(140, 0, 4); }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(140, 0, 4); }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 > li:hover > ol { display: block; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(222, 1, 10); cursor: pointer; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 > li > span { position: relative; display: block; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 > li:hover { background-color: rgb(140, 0, 4); }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 > li:hover > ol { display: block; }
._2XsDxLy_CcqqOql7GAHchg .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2XsDxLy_CcqqOql7GAHchg .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2XsDxLy_CcqqOql7GAHchg .banner > img { margin-bottom: 20px; }
._2XsDxLy_CcqqOql7GAHchg .headline { border-bottom: 2px solid rgb(222, 1, 10); }
._2XsDxLy_CcqqOql7GAHchg .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(222, 1, 10); border-radius: 8px 8px 0px 0px; }
._2XsDxLy_CcqqOql7GAHchg .headline > button { float: right; color: rgb(222, 1, 10); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2XsDxLy_CcqqOql7GAHchg .recommend { height: 0px; overflow: hidden; }
._2XsDxLy_CcqqOql7GAHchg .recommend.show { height: auto; overflow: visible; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-track { margin: 0px; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev, ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev::before, ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next::before { display: none; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev i, ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev:hover, ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next:hover { background-color: rgb(222, 1, 10); }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots { position: static; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li.slick-active, ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li.slick-active:hover { background-color: rgb(222, 1, 10); }
._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li button::before { display: none; }
._2XsDxLy_CcqqOql7GAHchg .main { position: relative; }
._2XsDxLy_CcqqOql7GAHchg .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 95, 106); border-radius: 10px; width: 160px !important; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper > img { position: absolute; z-index: 2; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper.cross-platform, ._2XsDxLy_CcqqOql7GAHchg .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(255, 0, 0), rgb(222, 1, 10)); }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2XsDxLy_CcqqOql7GAHchg .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2XsDxLy_CcqqOql7GAHchg .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2XsDxLy_CcqqOql7GAHchg .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: red; border-radius: 5px; }
._2XsDxLy_CcqqOql7GAHchg .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2XsDxLy_CcqqOql7GAHchg .game-logo:hover::after { content: "Play"; }
._2XsDxLy_CcqqOql7GAHchg .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2XsDxLy_CcqqOql7GAHchg .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2XsDxLy_CcqqOql7GAHchg .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2XsDxLy_CcqqOql7GAHchg .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2XsDxLy_CcqqOql7GAHchg .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 95, 106); }
._2XsDxLy_CcqqOql7GAHchg .lobby-pagination li:hover { background: rgb(222, 1, 10); }
._2VrvVUYqTzuGFemDAY2hGk { background: rgb(255, 255, 255); }
._2nCAl2CcZOgAUzi5d3vnwZ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2nCAl2CcZOgAUzi5d3vnwZ .logo { position: relative; height: 80px; display: inline-block; }
._2nCAl2CcZOgAUzi5d3vnwZ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2nCAl2CcZOgAUzi5d3vnwZ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(102, 76, 238); border-radius: 3px; }
._2nCAl2CcZOgAUzi5d3vnwZ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2nCAl2CcZOgAUzi5d3vnwZ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2nCAl2CcZOgAUzi5d3vnwZ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2nCAl2CcZOgAUzi5d3vnwZ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2nCAl2CcZOgAUzi5d3vnwZ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2nCAl2CcZOgAUzi5d3vnwZ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(102, 76, 238); }
._2nCAl2CcZOgAUzi5d3vnwZ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2nCAl2CcZOgAUzi5d3vnwZ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 { display: block; font-size: 0px; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 > li > span:hover { background: rgb(0, 182, 224); }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 182, 224); }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 > li:hover > ol { display: block; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(102, 76, 238); cursor: pointer; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 > li > span { position: relative; display: block; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 > li:hover { background-color: rgb(0, 182, 224); }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 > li:hover > ol { display: block; }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2nCAl2CcZOgAUzi5d3vnwZ .banner > img { margin-bottom: 20px; }
._2nCAl2CcZOgAUzi5d3vnwZ .headline { border-bottom: 2px solid rgb(102, 76, 238); }
._2nCAl2CcZOgAUzi5d3vnwZ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(102, 76, 238); border-radius: 8px 8px 0px 0px; }
._2nCAl2CcZOgAUzi5d3vnwZ .headline > button { float: right; color: rgb(102, 76, 238); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend { height: 0px; overflow: hidden; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend.show { height: auto; overflow: visible; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-track { margin: 0px; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev, ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev::before, ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next::before { display: none; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev i, ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev:hover, ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next:hover { background-color: rgb(102, 76, 238); }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots { position: static; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li.slick-active, ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li.slick-active:hover { background-color: rgb(102, 76, 238); }
._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li button::before { display: none; }
._2nCAl2CcZOgAUzi5d3vnwZ .main { position: relative; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper > img { position: absolute; z-index: 2; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.cross-platform, ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(102, 76, 238); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 182, 224); border-radius: 5px; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo:hover::after { content: "Play"; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2nCAl2CcZOgAUzi5d3vnwZ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2nCAl2CcZOgAUzi5d3vnwZ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2nCAl2CcZOgAUzi5d3vnwZ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._2nCAl2CcZOgAUzi5d3vnwZ .lobby-pagination li:hover { background: rgb(102, 76, 238); }
._1Bka-WVsTASvuEPZsTPhEN { background: rgb(255, 255, 255); }
._3VmxgYQmYfyz-j5cUejc6g .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3VmxgYQmYfyz-j5cUejc6g .logo { position: relative; height: 80px; display: inline-block; }
._3VmxgYQmYfyz-j5cUejc6g .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3VmxgYQmYfyz-j5cUejc6g .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(55, 18, 0); border-radius: 3px; }
._3VmxgYQmYfyz-j5cUejc6g .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VmxgYQmYfyz-j5cUejc6g .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VmxgYQmYfyz-j5cUejc6g .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3VmxgYQmYfyz-j5cUejc6g .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3VmxgYQmYfyz-j5cUejc6g .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3VmxgYQmYfyz-j5cUejc6g .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(55, 18, 0); }
._3VmxgYQmYfyz-j5cUejc6g .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3VmxgYQmYfyz-j5cUejc6g .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 { display: block; font-size: 0px; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 > li > span:hover { background: rgb(125, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(125, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 > li:hover > ol { display: block; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(55, 18, 0); cursor: pointer; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 > li > span { position: relative; display: block; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 > li:hover { background-color: rgb(125, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 > li:hover > ol { display: block; }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3VmxgYQmYfyz-j5cUejc6g .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3VmxgYQmYfyz-j5cUejc6g .banner > img { margin-bottom: 20px; }
._3VmxgYQmYfyz-j5cUejc6g .headline { border-bottom: 2px solid rgb(55, 18, 0); }
._3VmxgYQmYfyz-j5cUejc6g .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(55, 18, 0); border-radius: 8px 8px 0px 0px; }
._3VmxgYQmYfyz-j5cUejc6g .headline > button { float: right; color: rgb(55, 18, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3VmxgYQmYfyz-j5cUejc6g .recommend { height: 0px; overflow: hidden; }
._3VmxgYQmYfyz-j5cUejc6g .recommend.show { height: auto; overflow: visible; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-track { margin: 0px; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev, ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev::before, ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next::before { display: none; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev i, ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev:hover, ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next:hover { background-color: rgb(55, 18, 0); }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots { position: static; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li.slick-active, ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li.slick-active:hover { background-color: rgb(55, 18, 0); }
._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li button::before { display: none; }
._3VmxgYQmYfyz-j5cUejc6g .main { position: relative; }
._3VmxgYQmYfyz-j5cUejc6g .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper > img { position: absolute; z-index: 2; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.cross-platform, ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(125, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3VmxgYQmYfyz-j5cUejc6g .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3VmxgYQmYfyz-j5cUejc6g .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(55, 18, 0); border-radius: 5px; }
._3VmxgYQmYfyz-j5cUejc6g .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3VmxgYQmYfyz-j5cUejc6g .game-logo:hover::after { content: "Play"; }
._3VmxgYQmYfyz-j5cUejc6g .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3VmxgYQmYfyz-j5cUejc6g .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3VmxgYQmYfyz-j5cUejc6g .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3VmxgYQmYfyz-j5cUejc6g .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3VmxgYQmYfyz-j5cUejc6g .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(55, 18, 0); }
._3VmxgYQmYfyz-j5cUejc6g .lobby-pagination li:hover { background: rgb(125, 0, 0); }
._3BksopVaJwwInTjLrQ-2sT { background: rgb(255, 255, 255); }
._2Vi4EOz5M0dD3GG7xHDLhR .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2Vi4EOz5M0dD3GG7xHDLhR .logo { position: relative; height: 80px; display: inline-block; }
._2Vi4EOz5M0dD3GG7xHDLhR .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2Vi4EOz5M0dD3GG7xHDLhR .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(49, 248, 232), rgb(25, 118, 138)); border-radius: 3px; }
._2Vi4EOz5M0dD3GG7xHDLhR .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Vi4EOz5M0dD3GG7xHDLhR .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Vi4EOz5M0dD3GG7xHDLhR .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2Vi4EOz5M0dD3GG7xHDLhR .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2Vi4EOz5M0dD3GG7xHDLhR .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2Vi4EOz5M0dD3GG7xHDLhR .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(25, 118, 138); }
._2Vi4EOz5M0dD3GG7xHDLhR .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2Vi4EOz5M0dD3GG7xHDLhR .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 { display: block; font-size: 0px; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 > li > span:hover { background: rgb(244, 29, 112); }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(244, 29, 112); }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 > li:hover > ol { display: block; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(25, 118, 138); cursor: pointer; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 > li > span { position: relative; display: block; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 > li:hover { background-color: rgb(244, 29, 112); }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 > li:hover > ol { display: block; }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2Vi4EOz5M0dD3GG7xHDLhR .banner > img { margin-bottom: 20px; }
._2Vi4EOz5M0dD3GG7xHDLhR .headline { border-bottom: 2px solid rgb(25, 118, 138); }
._2Vi4EOz5M0dD3GG7xHDLhR .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(25, 118, 138); border-radius: 8px 8px 0px 0px; }
._2Vi4EOz5M0dD3GG7xHDLhR .headline > button { float: right; color: rgb(25, 118, 138); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend { height: 0px; overflow: hidden; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend.show { height: auto; overflow: visible; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-track { margin: 0px; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev, ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev::before, ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next::before { display: none; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev i, ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev:hover, ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next:hover { background-color: rgb(25, 118, 138); }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots { position: static; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li.slick-active, ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li.slick-active:hover { background-color: rgb(25, 118, 138); }
._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li button::before { display: none; }
._2Vi4EOz5M0dD3GG7xHDLhR .main { position: relative; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper > img { position: absolute; z-index: 2; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.cross-platform, ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(49, 248, 232), rgb(25, 118, 138)); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(244, 29, 112); border-radius: 5px; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo:hover::after { content: "Play"; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2Vi4EOz5M0dD3GG7xHDLhR .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2Vi4EOz5M0dD3GG7xHDLhR .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Vi4EOz5M0dD3GG7xHDLhR .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._2Vi4EOz5M0dD3GG7xHDLhR .lobby-pagination li:hover { background: rgb(25, 118, 138); }
._3SeUIY1RGv4Q2bLQnSw7It { background: rgb(255, 255, 255); }
._2Q0o9HjdArlADrp_a5SiH_ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2Q0o9HjdArlADrp_a5SiH_ .logo { position: relative; height: 80px; display: inline-block; }
._2Q0o9HjdArlADrp_a5SiH_ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2Q0o9HjdArlADrp_a5SiH_ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(100, 18, 126); border-radius: 3px; }
._2Q0o9HjdArlADrp_a5SiH_ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Q0o9HjdArlADrp_a5SiH_ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Q0o9HjdArlADrp_a5SiH_ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2Q0o9HjdArlADrp_a5SiH_ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2Q0o9HjdArlADrp_a5SiH_ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2Q0o9HjdArlADrp_a5SiH_ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(100, 18, 126); }
._2Q0o9HjdArlADrp_a5SiH_ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2Q0o9HjdArlADrp_a5SiH_ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 { display: block; font-size: 0px; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 > li > span:hover { background: rgb(152, 40, 188); }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(152, 40, 188); }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 > li:hover > ol { display: block; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(100, 18, 126); cursor: pointer; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 > li > span { position: relative; display: block; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 > li:hover { background-color: rgb(152, 40, 188); }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 > li:hover > ol { display: block; }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2Q0o9HjdArlADrp_a5SiH_ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2Q0o9HjdArlADrp_a5SiH_ .banner > img { margin-bottom: 20px; }
._2Q0o9HjdArlADrp_a5SiH_ .headline { border-bottom: 2px solid rgb(100, 18, 126); }
._2Q0o9HjdArlADrp_a5SiH_ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(100, 18, 126); border-radius: 8px 8px 0px 0px; }
._2Q0o9HjdArlADrp_a5SiH_ .headline > button { float: right; color: rgb(100, 18, 126); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend { height: 0px; overflow: hidden; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend.show { height: auto; overflow: visible; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-track { margin: 0px; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev, ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev::before, ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next::before { display: none; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev i, ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev:hover, ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next:hover { background-color: rgb(100, 18, 126); }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots { position: static; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li.slick-active, ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li.slick-active:hover { background-color: rgb(100, 18, 126); }
._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li button::before { display: none; }
._2Q0o9HjdArlADrp_a5SiH_ .main { position: relative; }
._2Q0o9HjdArlADrp_a5SiH_ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(100, 18, 126); border-radius: 10px; width: 160px !important; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper > img { position: absolute; z-index: 2; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.cross-platform, ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(100, 18, 126); }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(152, 40, 188); border-radius: 5px; }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo:hover::after { content: "Play"; }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2Q0o9HjdArlADrp_a5SiH_ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2Q0o9HjdArlADrp_a5SiH_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Q0o9HjdArlADrp_a5SiH_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2Q0o9HjdArlADrp_a5SiH_ .lobby-pagination li:hover { background: rgb(152, 40, 188); }
._3pQw58mrZSd-a4YSwz2S4u { background: rgb(255, 255, 255); }
._3pfdqc2lpE426hz-OS9pes .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3pfdqc2lpE426hz-OS9pes .logo { position: relative; height: 80px; display: inline-block; }
._3pfdqc2lpE426hz-OS9pes .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3pfdqc2lpE426hz-OS9pes .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(234, 0, 12), rgb(176, 14, 22)); border-radius: 3px; }
._3pfdqc2lpE426hz-OS9pes .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3pfdqc2lpE426hz-OS9pes .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3pfdqc2lpE426hz-OS9pes .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3pfdqc2lpE426hz-OS9pes .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3pfdqc2lpE426hz-OS9pes .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3pfdqc2lpE426hz-OS9pes .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(176, 14, 22); }
._3pfdqc2lpE426hz-OS9pes .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3pfdqc2lpE426hz-OS9pes .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 { display: block; font-size: 0px; }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 > li > span:hover { background: rgb(115, 9, 15); }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(115, 9, 15); }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 > li:hover > ol { display: block; }
._3pfdqc2lpE426hz-OS9pes .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(176, 14, 22); cursor: pointer; }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 > li > span { position: relative; display: block; }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 > li:hover { background-color: rgb(115, 9, 15); }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 > li:hover > ol { display: block; }
._3pfdqc2lpE426hz-OS9pes .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3pfdqc2lpE426hz-OS9pes .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3pfdqc2lpE426hz-OS9pes .banner > img { margin-bottom: 20px; }
._3pfdqc2lpE426hz-OS9pes .headline { border-bottom: 2px solid rgb(176, 14, 22); }
._3pfdqc2lpE426hz-OS9pes .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(176, 14, 22); border-radius: 8px 8px 0px 0px; }
._3pfdqc2lpE426hz-OS9pes .headline > button { float: right; color: rgb(176, 14, 22); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3pfdqc2lpE426hz-OS9pes .recommend { height: 0px; overflow: hidden; }
._3pfdqc2lpE426hz-OS9pes .recommend.show { height: auto; overflow: visible; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-track { margin: 0px; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev, ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev::before, ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next::before { display: none; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev i, ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev:hover, ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next:hover { background-color: rgb(176, 14, 22); }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots { position: static; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li.slick-active, ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li.slick-active:hover { background-color: rgb(176, 14, 22); }
._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li button::before { display: none; }
._3pfdqc2lpE426hz-OS9pes .main { position: relative; }
._3pfdqc2lpE426hz-OS9pes .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3pfdqc2lpE426hz-OS9pes .game-wrapper > img { position: absolute; z-index: 2; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper.cross-platform, ._3pfdqc2lpE426hz-OS9pes .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(176, 14, 22); }
._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3pfdqc2lpE426hz-OS9pes .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3pfdqc2lpE426hz-OS9pes .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3pfdqc2lpE426hz-OS9pes .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(203, 11, 21); border-radius: 5px; }
._3pfdqc2lpE426hz-OS9pes .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3pfdqc2lpE426hz-OS9pes .game-logo:hover::after { content: "Play"; }
._3pfdqc2lpE426hz-OS9pes .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3pfdqc2lpE426hz-OS9pes .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3pfdqc2lpE426hz-OS9pes .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3pfdqc2lpE426hz-OS9pes .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3pfdqc2lpE426hz-OS9pes .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3pfdqc2lpE426hz-OS9pes .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3pfdqc2lpE426hz-OS9pes .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3pfdqc2lpE426hz-OS9pes .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3pfdqc2lpE426hz-OS9pes .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._3pfdqc2lpE426hz-OS9pes .lobby-pagination li:hover { background: rgb(176, 14, 22); }
.s9Zj1OL_XD88OnLNJjtKy { background: rgb(255, 255, 255); }
._3KBivQ_K6k5Mp_0IqcBv1o .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3KBivQ_K6k5Mp_0IqcBv1o .logo { position: relative; height: 80px; display: inline-block; }
._3KBivQ_K6k5Mp_0IqcBv1o .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3KBivQ_K6k5Mp_0IqcBv1o .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(251, 194, 10); border-radius: 3px; }
._3KBivQ_K6k5Mp_0IqcBv1o .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3KBivQ_K6k5Mp_0IqcBv1o .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3KBivQ_K6k5Mp_0IqcBv1o .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3KBivQ_K6k5Mp_0IqcBv1o .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3KBivQ_K6k5Mp_0IqcBv1o .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3KBivQ_K6k5Mp_0IqcBv1o .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(251, 194, 10); }
._3KBivQ_K6k5Mp_0IqcBv1o .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3KBivQ_K6k5Mp_0IqcBv1o .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 { display: block; font-size: 0px; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 > li > span:hover { background: rgb(173, 123, 32); }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(173, 123, 32); }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 > li:hover > ol { display: block; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(251, 194, 10); cursor: pointer; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 > li > span { position: relative; display: block; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 > li:hover { background-color: rgb(173, 123, 32); }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 > li:hover > ol { display: block; }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3KBivQ_K6k5Mp_0IqcBv1o .banner > img { margin-bottom: 20px; }
._3KBivQ_K6k5Mp_0IqcBv1o .headline { border-bottom: 2px solid rgb(251, 194, 10); }
._3KBivQ_K6k5Mp_0IqcBv1o .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(251, 194, 10); border-radius: 8px 8px 0px 0px; }
._3KBivQ_K6k5Mp_0IqcBv1o .headline > button { float: right; color: rgb(251, 194, 10); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend { height: 0px; overflow: hidden; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend.show { height: auto; overflow: visible; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-track { margin: 0px; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev, ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev::before, ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next::before { display: none; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev i, ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev:hover, ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next:hover { background-color: rgb(251, 194, 10); }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots { position: static; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li.slick-active, ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li.slick-active:hover { background-color: rgb(251, 194, 10); }
._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li button::before { display: none; }
._3KBivQ_K6k5Mp_0IqcBv1o .main { position: relative; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper > img { position: absolute; z-index: 2; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.cross-platform, ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(251, 194, 10); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(173, 123, 32); border-radius: 5px; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo:hover::after { content: "Play"; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3KBivQ_K6k5Mp_0IqcBv1o .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3KBivQ_K6k5Mp_0IqcBv1o .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3KBivQ_K6k5Mp_0IqcBv1o .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(251, 194, 10); }
._3KBivQ_K6k5Mp_0IqcBv1o .lobby-pagination li:hover { background: rgb(173, 123, 32); }
._1WIYngUETrwockpFBxpNZ1 { background: rgb(255, 255, 255); }
.LnFZWBBE7cJBgYAKqGCYP .wrapper { width: 850px; position: relative; margin: 0px auto; }
.LnFZWBBE7cJBgYAKqGCYP .logo { position: relative; height: 80px; display: inline-block; }
.LnFZWBBE7cJBgYAKqGCYP .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.LnFZWBBE7cJBgYAKqGCYP .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 198, 0); border-radius: 3px; }
.LnFZWBBE7cJBgYAKqGCYP .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.LnFZWBBE7cJBgYAKqGCYP .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.LnFZWBBE7cJBgYAKqGCYP .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.LnFZWBBE7cJBgYAKqGCYP .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.LnFZWBBE7cJBgYAKqGCYP .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.LnFZWBBE7cJBgYAKqGCYP .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(96, 187, 0); }
.LnFZWBBE7cJBgYAKqGCYP .nav ul { padding: 0px; margin: 0px; list-style: none; }
.LnFZWBBE7cJBgYAKqGCYP .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 { display: block; font-size: 0px; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 > li > span:hover { background: rgb(255, 198, 0); }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 198, 0); }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 > li:hover > ol { display: block; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(96, 187, 0); cursor: pointer; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 > li > span { position: relative; display: block; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 > li:hover { background-color: rgb(255, 198, 0); }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 > li:hover > ol { display: block; }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.LnFZWBBE7cJBgYAKqGCYP .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.LnFZWBBE7cJBgYAKqGCYP .banner > img { margin-bottom: 20px; }
.LnFZWBBE7cJBgYAKqGCYP .headline { border-bottom: 2px solid rgb(96, 187, 0); }
.LnFZWBBE7cJBgYAKqGCYP .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(96, 187, 0); border-radius: 8px 8px 0px 0px; }
.LnFZWBBE7cJBgYAKqGCYP .headline > button { float: right; color: rgb(96, 187, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.LnFZWBBE7cJBgYAKqGCYP .recommend { height: 0px; overflow: hidden; }
.LnFZWBBE7cJBgYAKqGCYP .recommend.show { height: auto; overflow: visible; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-track { margin: 0px; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev, .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev::before, .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next::before { display: none; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev i, .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev:hover, .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next:hover { background-color: rgb(96, 187, 0); }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots { position: static; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li.slick-active, .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li.slick-active:hover { background-color: rgb(96, 187, 0); }
.LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li button::before { display: none; }
.LnFZWBBE7cJBgYAKqGCYP .main { position: relative; }
.LnFZWBBE7cJBgYAKqGCYP .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper > img { position: absolute; z-index: 2; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper.cross-platform, .LnFZWBBE7cJBgYAKqGCYP .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 198, 0); }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.LnFZWBBE7cJBgYAKqGCYP .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.LnFZWBBE7cJBgYAKqGCYP .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.LnFZWBBE7cJBgYAKqGCYP .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(96, 187, 0); border-radius: 5px; }
.LnFZWBBE7cJBgYAKqGCYP .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.LnFZWBBE7cJBgYAKqGCYP .game-logo:hover::after { content: "Play"; }
.LnFZWBBE7cJBgYAKqGCYP .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.LnFZWBBE7cJBgYAKqGCYP .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.LnFZWBBE7cJBgYAKqGCYP .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.LnFZWBBE7cJBgYAKqGCYP .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.LnFZWBBE7cJBgYAKqGCYP .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.LnFZWBBE7cJBgYAKqGCYP .lobby-pagination li:hover { background: rgb(255, 198, 0); }
._2BpH79dYpqwkoVy_mC_7QI { background: rgb(255, 255, 255); }
._1Y3SEdqWfdrOjgIw4p_71K .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1Y3SEdqWfdrOjgIw4p_71K .logo { position: relative; height: 80px; display: inline-block; }
._1Y3SEdqWfdrOjgIw4p_71K .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1Y3SEdqWfdrOjgIw4p_71K .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); border-radius: 3px; }
._1Y3SEdqWfdrOjgIw4p_71K .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1Y3SEdqWfdrOjgIw4p_71K .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1Y3SEdqWfdrOjgIw4p_71K .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1Y3SEdqWfdrOjgIw4p_71K .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1Y3SEdqWfdrOjgIw4p_71K .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1Y3SEdqWfdrOjgIw4p_71K .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); }
._1Y3SEdqWfdrOjgIw4p_71K .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1Y3SEdqWfdrOjgIw4p_71K .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 { display: block; font-size: 0px; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 > li > span:hover { background: rgb(100, 40, 1); }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(100, 40, 1); }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 > li:hover > ol { display: block; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(243, 183, 32); cursor: pointer; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 > li > span { position: relative; display: block; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 > li:hover { background-color: rgb(100, 40, 1); }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 > li:hover > ol { display: block; }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1Y3SEdqWfdrOjgIw4p_71K .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1Y3SEdqWfdrOjgIw4p_71K .banner > img { margin-bottom: 20px; }
._1Y3SEdqWfdrOjgIw4p_71K .headline { border-bottom: 2px solid rgb(243, 183, 32); }
._1Y3SEdqWfdrOjgIw4p_71K .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(243, 183, 32); border-radius: 8px 8px 0px 0px; }
._1Y3SEdqWfdrOjgIw4p_71K .headline > button { float: right; color: rgb(243, 183, 32); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend { height: 0px; overflow: hidden; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend.show { height: auto; overflow: visible; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-track { margin: 0px; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev, ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev::before, ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next::before { display: none; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev i, ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev:hover, ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next:hover { background-color: rgb(243, 183, 32); }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots { position: static; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li.slick-active, ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li.slick-active:hover { background-color: rgb(243, 183, 32); }
._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li button::before { display: none; }
._1Y3SEdqWfdrOjgIw4p_71K .main { position: relative; }
._1Y3SEdqWfdrOjgIw4p_71K .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper > img { position: absolute; z-index: 2; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.cross-platform, ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(243, 183, 32); }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); border-radius: 5px; }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo:hover::after { content: "Play"; }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1Y3SEdqWfdrOjgIw4p_71K .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1Y3SEdqWfdrOjgIw4p_71K .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1Y3SEdqWfdrOjgIw4p_71K .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._1Y3SEdqWfdrOjgIw4p_71K .lobby-pagination li:hover { background: rgb(243, 183, 32); }
._62GGbKt5-uLYRXEN5ZiwW { background: rgb(255, 255, 255); }
._2B5qREqMfGg__F7spxjJ51 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2B5qREqMfGg__F7spxjJ51 .logo { position: relative; height: 80px; display: inline-block; }
._2B5qREqMfGg__F7spxjJ51 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2B5qREqMfGg__F7spxjJ51 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(204, 174, 93); border-radius: 3px; }
._2B5qREqMfGg__F7spxjJ51 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2B5qREqMfGg__F7spxjJ51 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2B5qREqMfGg__F7spxjJ51 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2B5qREqMfGg__F7spxjJ51 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2B5qREqMfGg__F7spxjJ51 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2B5qREqMfGg__F7spxjJ51 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(173, 143, 61); }
._2B5qREqMfGg__F7spxjJ51 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2B5qREqMfGg__F7spxjJ51 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 { display: block; font-size: 0px; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 > li > span:hover { background: rgb(204, 174, 93); }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(204, 174, 93); }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 > li:hover > ol { display: block; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(173, 143, 61); cursor: pointer; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 > li > span { position: relative; display: block; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 > li:hover { background-color: rgb(204, 174, 93); }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 > li:hover > ol { display: block; }
._2B5qREqMfGg__F7spxjJ51 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2B5qREqMfGg__F7spxjJ51 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2B5qREqMfGg__F7spxjJ51 .banner > img { margin-bottom: 20px; }
._2B5qREqMfGg__F7spxjJ51 .headline { border-bottom: 2px solid rgb(173, 143, 61); }
._2B5qREqMfGg__F7spxjJ51 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(173, 143, 61); border-radius: 8px 8px 0px 0px; }
._2B5qREqMfGg__F7spxjJ51 .headline > button { float: right; color: rgb(173, 143, 61); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2B5qREqMfGg__F7spxjJ51 .recommend { height: 0px; overflow: hidden; }
._2B5qREqMfGg__F7spxjJ51 .recommend.show { height: auto; overflow: visible; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-track { margin: 0px; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev, ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev::before, ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next::before { display: none; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev i, ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev:hover, ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next:hover { background-color: rgb(173, 143, 61); }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots { position: static; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li.slick-active, ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li.slick-active:hover { background-color: rgb(173, 143, 61); }
._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li button::before { display: none; }
._2B5qREqMfGg__F7spxjJ51 .main { position: relative; }
._2B5qREqMfGg__F7spxjJ51 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper > img { position: absolute; z-index: 2; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper.cross-platform, ._2B5qREqMfGg__F7spxjJ51 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(204, 174, 93); }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2B5qREqMfGg__F7spxjJ51 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2B5qREqMfGg__F7spxjJ51 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2B5qREqMfGg__F7spxjJ51 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(173, 143, 61); border-radius: 5px; }
._2B5qREqMfGg__F7spxjJ51 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2B5qREqMfGg__F7spxjJ51 .game-logo:hover::after { content: "Play"; }
._2B5qREqMfGg__F7spxjJ51 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2B5qREqMfGg__F7spxjJ51 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2B5qREqMfGg__F7spxjJ51 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2B5qREqMfGg__F7spxjJ51 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2B5qREqMfGg__F7spxjJ51 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._2B5qREqMfGg__F7spxjJ51 .lobby-pagination li:hover { background: rgb(204, 174, 93); }
._1fq6XkZRaIhl9RmEXTPu06 { background: rgb(255, 255, 255); }
._1ykT3E_Oi9kQqlcCEfK0Cg .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1ykT3E_Oi9kQqlcCEfK0Cg .logo { position: relative; height: 80px; display: inline-block; }
._1ykT3E_Oi9kQqlcCEfK0Cg .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(237, 197, 88), rgb(205, 149, 17)); border-radius: 3px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1ykT3E_Oi9kQqlcCEfK0Cg .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1ykT3E_Oi9kQqlcCEfK0Cg .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1ykT3E_Oi9kQqlcCEfK0Cg .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1ykT3E_Oi9kQqlcCEfK0Cg .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1ykT3E_Oi9kQqlcCEfK0Cg .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(205, 149, 17); }
._1ykT3E_Oi9kQqlcCEfK0Cg .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1ykT3E_Oi9kQqlcCEfK0Cg .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 { display: block; font-size: 0px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 > li > span:hover { background: rgb(166, 117, 4); }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(166, 117, 4); }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 > li:hover > ol { display: block; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(205, 149, 17); cursor: pointer; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 > li > span { position: relative; display: block; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 > li:hover { background-color: rgb(166, 117, 4); }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 > li:hover > ol { display: block; }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .banner > img { margin-bottom: 20px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .headline { border-bottom: 2px solid rgb(205, 149, 17); }
._1ykT3E_Oi9kQqlcCEfK0Cg .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(205, 149, 17); border-radius: 8px 8px 0px 0px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .headline > button { float: right; color: rgb(205, 149, 17); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend { height: 0px; overflow: hidden; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend.show { height: auto; overflow: visible; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-track { margin: 0px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev, ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev::before, ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next::before { display: none; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev i, ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev:hover, ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next:hover { background-color: rgb(205, 149, 17); }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots { position: static; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li.slick-active, ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li.slick-active:hover { background-color: rgb(205, 149, 17); }
._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li button::before { display: none; }
._1ykT3E_Oi9kQqlcCEfK0Cg .main { position: relative; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper > img { position: absolute; z-index: 2; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.cross-platform, ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(237, 197, 88), rgb(205, 149, 17)); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(166, 117, 4); border-radius: 5px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo:hover::after { content: "Play"; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1ykT3E_Oi9kQqlcCEfK0Cg .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1ykT3E_Oi9kQqlcCEfK0Cg .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._1ykT3E_Oi9kQqlcCEfK0Cg .lobby-pagination li:hover { background: rgb(166, 117, 4); }
._3xGoZaIyhcQ_pXv1EVK-Wz { background: rgb(255, 255, 255); }
._1eUr3cEsGstw_0O2snDee .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1eUr3cEsGstw_0O2snDee .logo { position: relative; height: 80px; display: inline-block; }
._1eUr3cEsGstw_0O2snDee .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1eUr3cEsGstw_0O2snDee .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(237, 209, 113), rgb(238, 175, 69)); border-radius: 3px; }
._1eUr3cEsGstw_0O2snDee .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1eUr3cEsGstw_0O2snDee .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1eUr3cEsGstw_0O2snDee .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1eUr3cEsGstw_0O2snDee .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1eUr3cEsGstw_0O2snDee .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1eUr3cEsGstw_0O2snDee .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(238, 175, 69); }
._1eUr3cEsGstw_0O2snDee .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1eUr3cEsGstw_0O2snDee .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1eUr3cEsGstw_0O2snDee .category-layer-0 { display: block; font-size: 0px; }
._1eUr3cEsGstw_0O2snDee .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1eUr3cEsGstw_0O2snDee .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1eUr3cEsGstw_0O2snDee .category-layer-0 > li > span:hover { background: rgb(190, 130, 24); }
._1eUr3cEsGstw_0O2snDee .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(190, 130, 24); }
._1eUr3cEsGstw_0O2snDee .category-layer-0 > li:hover > ol { display: block; }
._1eUr3cEsGstw_0O2snDee .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1eUr3cEsGstw_0O2snDee .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1eUr3cEsGstw_0O2snDee .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(238, 175, 69); cursor: pointer; }
._1eUr3cEsGstw_0O2snDee .category-layer-1 > li > span { position: relative; display: block; }
._1eUr3cEsGstw_0O2snDee .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1eUr3cEsGstw_0O2snDee .category-layer-1 > li:hover { background-color: rgb(190, 130, 24); }
._1eUr3cEsGstw_0O2snDee .category-layer-1 > li:hover > ol { display: block; }
._1eUr3cEsGstw_0O2snDee .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1eUr3cEsGstw_0O2snDee .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1eUr3cEsGstw_0O2snDee .banner > img { margin-bottom: 20px; }
._1eUr3cEsGstw_0O2snDee .headline { border-bottom: 2px solid rgb(238, 175, 69); }
._1eUr3cEsGstw_0O2snDee .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(238, 175, 69); border-radius: 8px 8px 0px 0px; }
._1eUr3cEsGstw_0O2snDee .headline > button { float: right; color: rgb(238, 175, 69); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1eUr3cEsGstw_0O2snDee .recommend { height: 0px; overflow: hidden; }
._1eUr3cEsGstw_0O2snDee .recommend.show { height: auto; overflow: visible; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-track { margin: 0px; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-prev, ._1eUr3cEsGstw_0O2snDee .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-prev::before, ._1eUr3cEsGstw_0O2snDee .recommend .slick-next::before { display: none; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-prev i, ._1eUr3cEsGstw_0O2snDee .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-prev:hover, ._1eUr3cEsGstw_0O2snDee .recommend .slick-next:hover { background-color: rgb(238, 175, 69); }
._1eUr3cEsGstw_0O2snDee .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-dots { position: static; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li.slick-active, ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li.slick-active:hover { background-color: rgb(238, 175, 69); }
._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li button::before { display: none; }
._1eUr3cEsGstw_0O2snDee .main { position: relative; }
._1eUr3cEsGstw_0O2snDee .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1eUr3cEsGstw_0O2snDee .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 175, 69); border-radius: 10px; width: 160px !important; }
._1eUr3cEsGstw_0O2snDee .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1eUr3cEsGstw_0O2snDee .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1eUr3cEsGstw_0O2snDee .game-wrapper > img { position: absolute; z-index: 2; }
._1eUr3cEsGstw_0O2snDee .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1eUr3cEsGstw_0O2snDee .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1eUr3cEsGstw_0O2snDee .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1eUr3cEsGstw_0O2snDee .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1eUr3cEsGstw_0O2snDee .game-wrapper.cross-platform, ._1eUr3cEsGstw_0O2snDee .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(237, 209, 113), rgb(238, 175, 69)); }
._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1eUr3cEsGstw_0O2snDee .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1eUr3cEsGstw_0O2snDee .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1eUr3cEsGstw_0O2snDee .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(242, 148, 26); border-radius: 5px; }
._1eUr3cEsGstw_0O2snDee .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1eUr3cEsGstw_0O2snDee .game-logo:hover::after { content: "Play"; }
._1eUr3cEsGstw_0O2snDee .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1eUr3cEsGstw_0O2snDee .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1eUr3cEsGstw_0O2snDee .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1eUr3cEsGstw_0O2snDee .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1eUr3cEsGstw_0O2snDee .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1eUr3cEsGstw_0O2snDee .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1eUr3cEsGstw_0O2snDee .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1eUr3cEsGstw_0O2snDee .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1eUr3cEsGstw_0O2snDee .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(86, 96, 106); }
._1eUr3cEsGstw_0O2snDee .lobby-pagination li:hover { background: rgb(242, 148, 26); }
._2bZLqDx5oemn1JHwPEQ9dy { background: rgb(255, 255, 255); }
._3KLxtmahbcAnNsM27wQput .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3KLxtmahbcAnNsM27wQput .logo { position: relative; height: 80px; display: inline-block; }
._3KLxtmahbcAnNsM27wQput .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3KLxtmahbcAnNsM27wQput .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(253, 168, 3); border-radius: 3px; }
._3KLxtmahbcAnNsM27wQput .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3KLxtmahbcAnNsM27wQput .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3KLxtmahbcAnNsM27wQput .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3KLxtmahbcAnNsM27wQput .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3KLxtmahbcAnNsM27wQput .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3KLxtmahbcAnNsM27wQput .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(253, 168, 3); }
._3KLxtmahbcAnNsM27wQput .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3KLxtmahbcAnNsM27wQput .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3KLxtmahbcAnNsM27wQput .category-layer-0 { display: block; font-size: 0px; }
._3KLxtmahbcAnNsM27wQput .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3KLxtmahbcAnNsM27wQput .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3KLxtmahbcAnNsM27wQput .category-layer-0 > li > span:hover { background: rgb(255, 231, 122); }
._3KLxtmahbcAnNsM27wQput .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 231, 122); }
._3KLxtmahbcAnNsM27wQput .category-layer-0 > li:hover > ol { display: block; }
._3KLxtmahbcAnNsM27wQput .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3KLxtmahbcAnNsM27wQput .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3KLxtmahbcAnNsM27wQput .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(253, 168, 3); cursor: pointer; }
._3KLxtmahbcAnNsM27wQput .category-layer-1 > li > span { position: relative; display: block; }
._3KLxtmahbcAnNsM27wQput .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3KLxtmahbcAnNsM27wQput .category-layer-1 > li:hover { background-color: rgb(255, 231, 122); }
._3KLxtmahbcAnNsM27wQput .category-layer-1 > li:hover > ol { display: block; }
._3KLxtmahbcAnNsM27wQput .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3KLxtmahbcAnNsM27wQput .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3KLxtmahbcAnNsM27wQput .banner > img { margin-bottom: 20px; }
._3KLxtmahbcAnNsM27wQput .headline { border-bottom: 2px solid rgb(253, 168, 3); }
._3KLxtmahbcAnNsM27wQput .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(253, 168, 3); border-radius: 8px 8px 0px 0px; }
._3KLxtmahbcAnNsM27wQput .headline > button { float: right; color: rgb(253, 168, 3); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3KLxtmahbcAnNsM27wQput .recommend { height: 0px; overflow: hidden; }
._3KLxtmahbcAnNsM27wQput .recommend.show { height: auto; overflow: visible; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-track { margin: 0px; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-prev, ._3KLxtmahbcAnNsM27wQput .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-prev::before, ._3KLxtmahbcAnNsM27wQput .recommend .slick-next::before { display: none; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-prev i, ._3KLxtmahbcAnNsM27wQput .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-prev:hover, ._3KLxtmahbcAnNsM27wQput .recommend .slick-next:hover { background-color: rgb(253, 168, 3); }
._3KLxtmahbcAnNsM27wQput .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-dots { position: static; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li.slick-active, ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li.slick-active:hover { background-color: rgb(253, 168, 3); }
._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li button::before { display: none; }
._3KLxtmahbcAnNsM27wQput .main { position: relative; }
._3KLxtmahbcAnNsM27wQput .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3KLxtmahbcAnNsM27wQput .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(253, 168, 3); border-radius: 10px; width: 160px !important; }
._3KLxtmahbcAnNsM27wQput .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3KLxtmahbcAnNsM27wQput .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3KLxtmahbcAnNsM27wQput .game-wrapper > img { position: absolute; z-index: 2; }
._3KLxtmahbcAnNsM27wQput .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3KLxtmahbcAnNsM27wQput .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3KLxtmahbcAnNsM27wQput .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3KLxtmahbcAnNsM27wQput .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3KLxtmahbcAnNsM27wQput .game-wrapper.cross-platform, ._3KLxtmahbcAnNsM27wQput .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(237, 209, 113), rgb(238, 175, 69)); }
._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3KLxtmahbcAnNsM27wQput .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3KLxtmahbcAnNsM27wQput .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3KLxtmahbcAnNsM27wQput .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(253, 168, 3); border-radius: 5px; }
._3KLxtmahbcAnNsM27wQput .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3KLxtmahbcAnNsM27wQput .game-logo:hover::after { content: "Play"; }
._3KLxtmahbcAnNsM27wQput .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3KLxtmahbcAnNsM27wQput .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3KLxtmahbcAnNsM27wQput .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3KLxtmahbcAnNsM27wQput .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3KLxtmahbcAnNsM27wQput .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3KLxtmahbcAnNsM27wQput .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3KLxtmahbcAnNsM27wQput .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3KLxtmahbcAnNsM27wQput .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3KLxtmahbcAnNsM27wQput .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
._3KLxtmahbcAnNsM27wQput .lobby-pagination li:hover { background: rgb(253, 168, 3); }
.hEhmJ7RbVQYkSVPdkphBj { background: rgb(255, 255, 255); }
.N9iCglbE_40XmuZKmg3tK .wrapper { width: 850px; position: relative; margin: 0px auto; }
.N9iCglbE_40XmuZKmg3tK .logo { position: relative; height: 80px; display: inline-block; }
.N9iCglbE_40XmuZKmg3tK .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.N9iCglbE_40XmuZKmg3tK .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(30, 156, 15); border-radius: 3px; }
.N9iCglbE_40XmuZKmg3tK .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.N9iCglbE_40XmuZKmg3tK .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.N9iCglbE_40XmuZKmg3tK .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.N9iCglbE_40XmuZKmg3tK .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.N9iCglbE_40XmuZKmg3tK .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.N9iCglbE_40XmuZKmg3tK .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(30, 156, 15); }
.N9iCglbE_40XmuZKmg3tK .nav ul { padding: 0px; margin: 0px; list-style: none; }
.N9iCglbE_40XmuZKmg3tK .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 { display: block; font-size: 0px; }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 > li > span:hover { background: rgb(0, 195, 239); }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 195, 239); }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 > li:hover > ol { display: block; }
.N9iCglbE_40XmuZKmg3tK .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(30, 156, 15); cursor: pointer; }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 > li > span { position: relative; display: block; }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 > li:hover { background-color: rgb(0, 195, 239); }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 > li:hover > ol { display: block; }
.N9iCglbE_40XmuZKmg3tK .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.N9iCglbE_40XmuZKmg3tK .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.N9iCglbE_40XmuZKmg3tK .banner > img { margin-bottom: 20px; }
.N9iCglbE_40XmuZKmg3tK .headline { border-bottom: 2px solid rgb(30, 156, 15); }
.N9iCglbE_40XmuZKmg3tK .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(30, 156, 15); border-radius: 8px 8px 0px 0px; }
.N9iCglbE_40XmuZKmg3tK .headline > button { float: right; color: rgb(30, 156, 15); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.N9iCglbE_40XmuZKmg3tK .recommend { height: 0px; overflow: hidden; }
.N9iCglbE_40XmuZKmg3tK .recommend.show { height: auto; overflow: visible; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-track { margin: 0px; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-prev, .N9iCglbE_40XmuZKmg3tK .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-prev::before, .N9iCglbE_40XmuZKmg3tK .recommend .slick-next::before { display: none; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-prev i, .N9iCglbE_40XmuZKmg3tK .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-prev:hover, .N9iCglbE_40XmuZKmg3tK .recommend .slick-next:hover { background-color: rgb(30, 156, 15); }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-dots { position: static; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li.slick-active, .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li.slick-active:hover { background-color: rgb(30, 156, 15); }
.N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li button::before { display: none; }
.N9iCglbE_40XmuZKmg3tK .main { position: relative; }
.N9iCglbE_40XmuZKmg3tK .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.N9iCglbE_40XmuZKmg3tK .game-wrapper > img { position: absolute; z-index: 2; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper.cross-platform, .N9iCglbE_40XmuZKmg3tK .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(30, 156, 15); }
.N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.N9iCglbE_40XmuZKmg3tK .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.N9iCglbE_40XmuZKmg3tK .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.N9iCglbE_40XmuZKmg3tK .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 195, 239); border-radius: 5px; }
.N9iCglbE_40XmuZKmg3tK .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.N9iCglbE_40XmuZKmg3tK .game-logo:hover::after { content: "Play"; }
.N9iCglbE_40XmuZKmg3tK .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.N9iCglbE_40XmuZKmg3tK .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.N9iCglbE_40XmuZKmg3tK .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.N9iCglbE_40XmuZKmg3tK .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.N9iCglbE_40XmuZKmg3tK .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.N9iCglbE_40XmuZKmg3tK .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.N9iCglbE_40XmuZKmg3tK .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.N9iCglbE_40XmuZKmg3tK .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.N9iCglbE_40XmuZKmg3tK .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
.N9iCglbE_40XmuZKmg3tK .lobby-pagination li:hover { background: rgb(30, 156, 15); }
._3-MlqznqBMndLvhI88Bq0_ { background: rgb(255, 255, 255); }
.P6NLC1t_Jr1y5A_pkmfEq .wrapper { width: 850px; position: relative; margin: 0px auto; }
.P6NLC1t_Jr1y5A_pkmfEq .logo { position: relative; height: 80px; display: inline-block; }
.P6NLC1t_Jr1y5A_pkmfEq .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.P6NLC1t_Jr1y5A_pkmfEq .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(50, 181, 233); border-radius: 3px; }
.P6NLC1t_Jr1y5A_pkmfEq .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.P6NLC1t_Jr1y5A_pkmfEq .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.P6NLC1t_Jr1y5A_pkmfEq .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.P6NLC1t_Jr1y5A_pkmfEq .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.P6NLC1t_Jr1y5A_pkmfEq .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.P6NLC1t_Jr1y5A_pkmfEq .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(50, 181, 233); }
.P6NLC1t_Jr1y5A_pkmfEq .nav ul { padding: 0px; margin: 0px; list-style: none; }
.P6NLC1t_Jr1y5A_pkmfEq .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 { display: block; font-size: 0px; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 > li > span:hover { background: rgb(33, 229, 25); }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(33, 229, 25); }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 > li:hover > ol { display: block; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(50, 181, 233); cursor: pointer; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 > li > span { position: relative; display: block; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 > li:hover { background-color: rgb(33, 229, 25); }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 > li:hover > ol { display: block; }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
.P6NLC1t_Jr1y5A_pkmfEq .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.P6NLC1t_Jr1y5A_pkmfEq .banner > img { margin-bottom: 20px; }
.P6NLC1t_Jr1y5A_pkmfEq .headline { border-bottom: 2px solid rgb(50, 181, 233); }
.P6NLC1t_Jr1y5A_pkmfEq .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(50, 181, 233); border-radius: 8px 8px 0px 0px; }
.P6NLC1t_Jr1y5A_pkmfEq .headline > button { float: right; color: rgb(50, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend { height: 0px; overflow: hidden; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend.show { height: auto; overflow: visible; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-track { margin: 0px; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev, .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev::before, .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next::before { display: none; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev i, .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev:hover, .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next:hover { background-color: rgb(50, 181, 233); }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots { position: static; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li.slick-active, .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li.slick-active:hover { background-color: rgb(50, 181, 233); }
.P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li button::before { display: none; }
.P6NLC1t_Jr1y5A_pkmfEq .main { position: relative; }
.P6NLC1t_Jr1y5A_pkmfEq .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(50, 181, 233); border-radius: 10px; width: 160px !important; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper > img { position: absolute; z-index: 2; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.cross-platform, .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(50, 181, 233); }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(45deg, rgb(33, 229, 25), rgb(50, 181, 233)); border-radius: 5px; }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo:hover::after { content: "Play"; }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.P6NLC1t_Jr1y5A_pkmfEq .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.P6NLC1t_Jr1y5A_pkmfEq .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.P6NLC1t_Jr1y5A_pkmfEq .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.P6NLC1t_Jr1y5A_pkmfEq .lobby-pagination li:hover { background: rgb(50, 181, 233); }
._3ULm2KYpMHMp85Zr_i35-Z { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8c62250bfc2c75a16016c89fc9b4368b.jpg") center top no-repeat; }
._3WfFJCS839QBCnBudYrXYT .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3WfFJCS839QBCnBudYrXYT .logo { position: relative; height: 80px; display: inline-block; }
._3WfFJCS839QBCnBudYrXYT .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3WfFJCS839QBCnBudYrXYT .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(143, 39, 115); border-radius: 3px; }
._3WfFJCS839QBCnBudYrXYT .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3WfFJCS839QBCnBudYrXYT .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3WfFJCS839QBCnBudYrXYT .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3WfFJCS839QBCnBudYrXYT .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3WfFJCS839QBCnBudYrXYT .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3WfFJCS839QBCnBudYrXYT .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(143, 39, 115); }
._3WfFJCS839QBCnBudYrXYT .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3WfFJCS839QBCnBudYrXYT .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 { display: block; font-size: 0px; }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 > li > span:hover { background: rgb(86, 0, 57); }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(86, 0, 57); }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 > li:hover > ol { display: block; }
._3WfFJCS839QBCnBudYrXYT .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(143, 39, 115); cursor: pointer; }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 > li > span { position: relative; display: block; }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 > li:hover { background-color: rgb(86, 0, 57); }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 > li:hover > ol { display: block; }
._3WfFJCS839QBCnBudYrXYT .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3WfFJCS839QBCnBudYrXYT .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3WfFJCS839QBCnBudYrXYT .banner > img { margin-bottom: 20px; }
._3WfFJCS839QBCnBudYrXYT .headline { border-bottom: 2px solid rgb(143, 39, 115); }
._3WfFJCS839QBCnBudYrXYT .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(143, 39, 115); border-radius: 8px 8px 0px 0px; }
._3WfFJCS839QBCnBudYrXYT .headline > button { float: right; color: rgb(143, 39, 115); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3WfFJCS839QBCnBudYrXYT .recommend { height: 0px; overflow: hidden; }
._3WfFJCS839QBCnBudYrXYT .recommend.show { height: auto; overflow: visible; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-track { margin: 0px; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev, ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev::before, ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next::before { display: none; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev i, ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev:hover, ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next:hover { background-color: rgb(143, 39, 115); }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots { position: static; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li.slick-active, ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li.slick-active:hover { background-color: rgb(143, 39, 115); }
._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li button::before { display: none; }
._3WfFJCS839QBCnBudYrXYT .main { position: relative; }
._3WfFJCS839QBCnBudYrXYT .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(143, 39, 115); border-radius: 10px; width: 160px !important; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper:hover { cursor: pointer; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3WfFJCS839QBCnBudYrXYT .game-wrapper > img { position: absolute; z-index: 2; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper.cross-platform, ._3WfFJCS839QBCnBudYrXYT .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(143, 39, 115); }
._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3WfFJCS839QBCnBudYrXYT .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3WfFJCS839QBCnBudYrXYT .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3WfFJCS839QBCnBudYrXYT .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(143, 39, 115); border-radius: 5px; }
._3WfFJCS839QBCnBudYrXYT .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3WfFJCS839QBCnBudYrXYT .game-logo:hover::after { content: "Play"; }
._3WfFJCS839QBCnBudYrXYT .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3WfFJCS839QBCnBudYrXYT .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3WfFJCS839QBCnBudYrXYT .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3WfFJCS839QBCnBudYrXYT .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3WfFJCS839QBCnBudYrXYT .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3WfFJCS839QBCnBudYrXYT .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3WfFJCS839QBCnBudYrXYT .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3WfFJCS839QBCnBudYrXYT .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3WfFJCS839QBCnBudYrXYT .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(143, 39, 115); }
._3WfFJCS839QBCnBudYrXYT .lobby-pagination li:hover { background: rgb(86, 0, 57); }
._2Rn7IBSeNZGpCRpcWiemDS { background: rgb(255, 255, 255); }
._1vukRm-Hte2glhfebSJRwb .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1vukRm-Hte2glhfebSJRwb .logo { position: relative; height: 80px; display: inline-block; }
._1vukRm-Hte2glhfebSJRwb .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1vukRm-Hte2glhfebSJRwb .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 228, 142), rgb(169, 118, 66)); border-radius: 3px; }
._1vukRm-Hte2glhfebSJRwb .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1vukRm-Hte2glhfebSJRwb .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1vukRm-Hte2glhfebSJRwb .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1vukRm-Hte2glhfebSJRwb .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1vukRm-Hte2glhfebSJRwb .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1vukRm-Hte2glhfebSJRwb .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(169, 118, 66); }
._1vukRm-Hte2glhfebSJRwb .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1vukRm-Hte2glhfebSJRwb .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 { display: block; font-size: 0px; }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 > li > span:hover { background: rgb(106, 70, 17); }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(106, 70, 17); }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 > li:hover > ol { display: block; }
._1vukRm-Hte2glhfebSJRwb .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(169, 118, 66); cursor: pointer; }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 > li > span { position: relative; display: block; }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 > li:hover { background-color: rgb(106, 70, 17); }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 > li:hover > ol { display: block; }
._1vukRm-Hte2glhfebSJRwb .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1vukRm-Hte2glhfebSJRwb .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1vukRm-Hte2glhfebSJRwb .banner > img { margin-bottom: 20px; }
._1vukRm-Hte2glhfebSJRwb .headline { border-bottom: 2px solid rgb(169, 118, 66); }
._1vukRm-Hte2glhfebSJRwb .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(169, 118, 66); border-radius: 8px 8px 0px 0px; }
._1vukRm-Hte2glhfebSJRwb .headline > button { float: right; color: rgb(169, 118, 66); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1vukRm-Hte2glhfebSJRwb .recommend { height: 0px; overflow: hidden; }
._1vukRm-Hte2glhfebSJRwb .recommend.show { height: auto; overflow: visible; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-track { margin: 0px; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev, ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev::before, ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next::before { display: none; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev i, ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev:hover, ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next:hover { background-color: rgb(169, 118, 66); }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots { position: static; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li.slick-active, ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li.slick-active:hover { background-color: rgb(169, 118, 66); }
._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li button::before { display: none; }
._1vukRm-Hte2glhfebSJRwb .main { position: relative; }
._1vukRm-Hte2glhfebSJRwb .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1vukRm-Hte2glhfebSJRwb .game-wrapper > img { position: absolute; z-index: 2; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper.cross-platform, ._1vukRm-Hte2glhfebSJRwb .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(255, 228, 142), rgb(169, 118, 66)); }
._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1vukRm-Hte2glhfebSJRwb .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1vukRm-Hte2glhfebSJRwb .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1vukRm-Hte2glhfebSJRwb .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(219, 0, 0); border-radius: 5px; }
._1vukRm-Hte2glhfebSJRwb .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1vukRm-Hte2glhfebSJRwb .game-logo:hover::after { content: "Play"; }
._1vukRm-Hte2glhfebSJRwb .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1vukRm-Hte2glhfebSJRwb .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1vukRm-Hte2glhfebSJRwb .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1vukRm-Hte2glhfebSJRwb .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1vukRm-Hte2glhfebSJRwb .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1vukRm-Hte2glhfebSJRwb .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1vukRm-Hte2glhfebSJRwb .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1vukRm-Hte2glhfebSJRwb .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1vukRm-Hte2glhfebSJRwb .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1vukRm-Hte2glhfebSJRwb .lobby-pagination li:hover { background: rgb(229, 193, 108); }
._2efytKjFLhBEdmyFOHNxwc { background: rgb(255, 255, 255); }
.hRh---8Y52gvGQYntny-T .wrapper { width: 850px; position: relative; margin: 0px auto; }
.hRh---8Y52gvGQYntny-T .logo { position: relative; height: 80px; display: inline-block; }
.hRh---8Y52gvGQYntny-T .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.hRh---8Y52gvGQYntny-T .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
.hRh---8Y52gvGQYntny-T .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.hRh---8Y52gvGQYntny-T .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.hRh---8Y52gvGQYntny-T .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.hRh---8Y52gvGQYntny-T .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.hRh---8Y52gvGQYntny-T .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.hRh---8Y52gvGQYntny-T .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(145, 0, 0); }
.hRh---8Y52gvGQYntny-T .nav ul { padding: 0px; margin: 0px; list-style: none; }
.hRh---8Y52gvGQYntny-T .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.hRh---8Y52gvGQYntny-T .category-layer-0 { display: block; font-size: 0px; }
.hRh---8Y52gvGQYntny-T .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.hRh---8Y52gvGQYntny-T .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.hRh---8Y52gvGQYntny-T .category-layer-0 > li > span:hover { background: rgb(0, 0, 0); }
.hRh---8Y52gvGQYntny-T .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
.hRh---8Y52gvGQYntny-T .category-layer-0 > li:hover > ol { display: block; }
.hRh---8Y52gvGQYntny-T .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.hRh---8Y52gvGQYntny-T .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.hRh---8Y52gvGQYntny-T .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(145, 0, 0); cursor: pointer; }
.hRh---8Y52gvGQYntny-T .category-layer-1 > li > span { position: relative; display: block; }
.hRh---8Y52gvGQYntny-T .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.hRh---8Y52gvGQYntny-T .category-layer-1 > li:hover { background-color: rgb(0, 0, 0); }
.hRh---8Y52gvGQYntny-T .category-layer-1 > li:hover > ol { display: block; }
.hRh---8Y52gvGQYntny-T .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.hRh---8Y52gvGQYntny-T .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.hRh---8Y52gvGQYntny-T .banner > img { margin-bottom: 20px; }
.hRh---8Y52gvGQYntny-T .headline { border-bottom: 2px solid rgb(145, 0, 0); }
.hRh---8Y52gvGQYntny-T .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(145, 0, 0); border-radius: 8px 8px 0px 0px; }
.hRh---8Y52gvGQYntny-T .headline > button { float: right; color: rgb(145, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.hRh---8Y52gvGQYntny-T .recommend { height: 0px; overflow: hidden; }
.hRh---8Y52gvGQYntny-T .recommend.show { height: auto; overflow: visible; }
.hRh---8Y52gvGQYntny-T .recommend .slick-track { margin: 0px; }
.hRh---8Y52gvGQYntny-T .recommend .slick-prev, .hRh---8Y52gvGQYntny-T .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.hRh---8Y52gvGQYntny-T .recommend .slick-prev::before, .hRh---8Y52gvGQYntny-T .recommend .slick-next::before { display: none; }
.hRh---8Y52gvGQYntny-T .recommend .slick-prev i, .hRh---8Y52gvGQYntny-T .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.hRh---8Y52gvGQYntny-T .recommend .slick-prev:hover, .hRh---8Y52gvGQYntny-T .recommend .slick-next:hover { background-color: rgb(145, 0, 0); }
.hRh---8Y52gvGQYntny-T .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.hRh---8Y52gvGQYntny-T .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.hRh---8Y52gvGQYntny-T .recommend .slick-dots { position: static; }
.hRh---8Y52gvGQYntny-T .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.hRh---8Y52gvGQYntny-T .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.hRh---8Y52gvGQYntny-T .recommend .slick-dots li.slick-active, .hRh---8Y52gvGQYntny-T .recommend .slick-dots li.slick-active:hover { background-color: rgb(145, 0, 0); }
.hRh---8Y52gvGQYntny-T .recommend .slick-dots li button::before { display: none; }
.hRh---8Y52gvGQYntny-T .main { position: relative; }
.hRh---8Y52gvGQYntny-T .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.hRh---8Y52gvGQYntny-T .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(145, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
.hRh---8Y52gvGQYntny-T .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.hRh---8Y52gvGQYntny-T .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.hRh---8Y52gvGQYntny-T .game-wrapper > img { position: absolute; z-index: 2; }
.hRh---8Y52gvGQYntny-T .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.hRh---8Y52gvGQYntny-T .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.hRh---8Y52gvGQYntny-T .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.hRh---8Y52gvGQYntny-T .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.hRh---8Y52gvGQYntny-T .game-wrapper.cross-platform, .hRh---8Y52gvGQYntny-T .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(145, 0, 0); }
.hRh---8Y52gvGQYntny-T .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.hRh---8Y52gvGQYntny-T .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.hRh---8Y52gvGQYntny-T .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.hRh---8Y52gvGQYntny-T .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.hRh---8Y52gvGQYntny-T .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.hRh---8Y52gvGQYntny-T .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.hRh---8Y52gvGQYntny-T .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(145, 0, 0); border-radius: 5px; }
.hRh---8Y52gvGQYntny-T .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.hRh---8Y52gvGQYntny-T .game-logo:hover::after { content: "Play"; }
.hRh---8Y52gvGQYntny-T .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.hRh---8Y52gvGQYntny-T .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.hRh---8Y52gvGQYntny-T .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hRh---8Y52gvGQYntny-T .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.hRh---8Y52gvGQYntny-T .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.hRh---8Y52gvGQYntny-T .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.hRh---8Y52gvGQYntny-T .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hRh---8Y52gvGQYntny-T .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.hRh---8Y52gvGQYntny-T .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
.hRh---8Y52gvGQYntny-T .lobby-pagination li:hover { background: rgb(145, 0, 0); }
._1B7ya5kBU9RhRAMKQn36aL { background: rgb(255, 255, 255); }
._2f3qP6k560oi0qPTnLSX2t .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2f3qP6k560oi0qPTnLSX2t .logo { position: relative; height: 80px; display: inline-block; }
._2f3qP6k560oi0qPTnLSX2t .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2f3qP6k560oi0qPTnLSX2t .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(214, 19, 179), rgb(76, 39, 115)); border-radius: 3px; }
._2f3qP6k560oi0qPTnLSX2t .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2f3qP6k560oi0qPTnLSX2t .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2f3qP6k560oi0qPTnLSX2t .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2f3qP6k560oi0qPTnLSX2t .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2f3qP6k560oi0qPTnLSX2t .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2f3qP6k560oi0qPTnLSX2t .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(76, 39, 115); }
._2f3qP6k560oi0qPTnLSX2t .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2f3qP6k560oi0qPTnLSX2t .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 { display: block; font-size: 0px; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 > li > span:hover { background: rgb(255, 0, 209); }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 0, 209); }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 > li:hover > ol { display: block; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(76, 39, 115); cursor: pointer; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 > li > span { position: relative; display: block; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 > li:hover { background-color: rgb(255, 0, 209); }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 > li:hover > ol { display: block; }
._2f3qP6k560oi0qPTnLSX2t .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2f3qP6k560oi0qPTnLSX2t .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2f3qP6k560oi0qPTnLSX2t .banner > img { margin-bottom: 20px; }
._2f3qP6k560oi0qPTnLSX2t .headline { border-bottom: 2px solid rgb(76, 39, 115); }
._2f3qP6k560oi0qPTnLSX2t .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(76, 39, 115); border-radius: 8px 8px 0px 0px; }
._2f3qP6k560oi0qPTnLSX2t .headline > button { float: right; color: rgb(76, 39, 115); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2f3qP6k560oi0qPTnLSX2t .recommend { height: 0px; overflow: hidden; }
._2f3qP6k560oi0qPTnLSX2t .recommend.show { height: auto; overflow: visible; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-track { margin: 0px; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev, ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev::before, ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next::before { display: none; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev i, ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev:hover, ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next:hover { background-color: rgb(76, 39, 115); }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots { position: static; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li.slick-active, ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li.slick-active:hover { background-color: rgb(76, 39, 115); }
._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li button::before { display: none; }
._2f3qP6k560oi0qPTnLSX2t .main { position: relative; }
._2f3qP6k560oi0qPTnLSX2t .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper > img { position: absolute; z-index: 2; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper.cross-platform, ._2f3qP6k560oi0qPTnLSX2t .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(214, 19, 179), rgb(76, 39, 115)); }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2f3qP6k560oi0qPTnLSX2t .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2f3qP6k560oi0qPTnLSX2t .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2f3qP6k560oi0qPTnLSX2t .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 0, 209); border-radius: 5px; }
._2f3qP6k560oi0qPTnLSX2t .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2f3qP6k560oi0qPTnLSX2t .game-logo:hover::after { content: "Play"; }
._2f3qP6k560oi0qPTnLSX2t .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2f3qP6k560oi0qPTnLSX2t .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2f3qP6k560oi0qPTnLSX2t .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2f3qP6k560oi0qPTnLSX2t .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2f3qP6k560oi0qPTnLSX2t .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._2f3qP6k560oi0qPTnLSX2t .lobby-pagination li:hover { background: rgb(255, 0, 209); }
._1F5-kMe_-Qyx9W0-lT8BUW { background: rgb(255, 255, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3VyWYEyA2MkApVTH0F5Zn6 .logo { position: relative; height: 80px; display: inline-block; }
._3VyWYEyA2MkApVTH0F5Zn6 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3VyWYEyA2MkApVTH0F5Zn6 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(to right, rgb(152, 70, 255), rgb(233, 45, 255)); border-radius: 3px; }
._3VyWYEyA2MkApVTH0F5Zn6 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VyWYEyA2MkApVTH0F5Zn6 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VyWYEyA2MkApVTH0F5Zn6 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3VyWYEyA2MkApVTH0F5Zn6 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3VyWYEyA2MkApVTH0F5Zn6 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3VyWYEyA2MkApVTH0F5Zn6 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(to right, rgb(152, 70, 255), rgb(233, 45, 255)); }
._3VyWYEyA2MkApVTH0F5Zn6 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3VyWYEyA2MkApVTH0F5Zn6 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 { display: block; font-size: 0px; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 > li > span:hover { background: rgb(255, 221, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 221, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 > li:hover > ol { display: block; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(152, 70, 255); cursor: pointer; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 > li > span { position: relative; display: block; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 > li:hover { background-color: rgb(255, 221, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 > li:hover > ol { display: block; }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3VyWYEyA2MkApVTH0F5Zn6 .banner > img { margin-bottom: 20px; }
._3VyWYEyA2MkApVTH0F5Zn6 .headline { border-bottom: 2px solid rgb(152, 70, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(152, 70, 255); border-radius: 8px 8px 0px 0px; }
._3VyWYEyA2MkApVTH0F5Zn6 .headline > button { float: right; color: rgb(152, 70, 255); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend { height: 0px; overflow: hidden; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend.show { height: auto; overflow: visible; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-track { margin: 0px; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev, ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev::before, ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next::before { display: none; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev i, ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev:hover, ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next:hover { background-color: rgb(152, 70, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots { position: static; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li.slick-active, ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li.slick-active:hover { background-color: rgb(152, 70, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li button::before { display: none; }
._3VyWYEyA2MkApVTH0F5Zn6 .main { position: relative; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper > img { position: absolute; z-index: 2; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.cross-platform, ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(152, 70, 255), rgb(233, 45, 255)); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 221, 0); border-radius: 5px; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo:hover::after { content: "Play"; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3VyWYEyA2MkApVTH0F5Zn6 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li:hover { background: rgb(152, 70, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li:hover { background: rgb(152, 70, 255); }
._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.qhbwJdPz3iIBY1AXmQrxs { background: rgb(255, 255, 255); }
._32xS3KFxQvE_pEJUptrLQp .wrapper { width: 850px; position: relative; margin: 0px auto; }
._32xS3KFxQvE_pEJUptrLQp .logo { position: relative; height: 80px; display: inline-block; }
._32xS3KFxQvE_pEJUptrLQp .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._32xS3KFxQvE_pEJUptrLQp .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(243, 205, 53), rgb(216, 133, 40)); border-radius: 3px; }
._32xS3KFxQvE_pEJUptrLQp .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._32xS3KFxQvE_pEJUptrLQp .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._32xS3KFxQvE_pEJUptrLQp .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._32xS3KFxQvE_pEJUptrLQp .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._32xS3KFxQvE_pEJUptrLQp .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._32xS3KFxQvE_pEJUptrLQp .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(216, 133, 39); }
._32xS3KFxQvE_pEJUptrLQp .nav ul { padding: 0px; margin: 0px; list-style: none; }
._32xS3KFxQvE_pEJUptrLQp .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 { display: block; font-size: 0px; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 > li > span:hover { background: rgb(155, 81, 7); }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(155, 81, 7); }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 > li:hover > ol { display: block; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(216, 133, 39); cursor: pointer; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 > li > span { position: relative; display: block; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 > li:hover { background-color: rgb(155, 81, 7); }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 > li:hover > ol { display: block; }
._32xS3KFxQvE_pEJUptrLQp .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._32xS3KFxQvE_pEJUptrLQp .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._32xS3KFxQvE_pEJUptrLQp .banner > img { margin-bottom: 20px; }
._32xS3KFxQvE_pEJUptrLQp .headline { border-bottom: 2px solid rgb(216, 133, 39); }
._32xS3KFxQvE_pEJUptrLQp .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(216, 133, 39); border-radius: 8px 8px 0px 0px; }
._32xS3KFxQvE_pEJUptrLQp .headline > button { float: right; color: rgb(216, 133, 39); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._32xS3KFxQvE_pEJUptrLQp .recommend { height: 0px; overflow: hidden; }
._32xS3KFxQvE_pEJUptrLQp .recommend.show { height: auto; overflow: visible; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-track { margin: 0px; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev, ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev::before, ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next::before { display: none; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev i, ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev:hover, ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next:hover { background-color: rgb(216, 133, 39); }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots { position: static; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li.slick-active, ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li.slick-active:hover { background-color: rgb(216, 133, 39); }
._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li button::before { display: none; }
._32xS3KFxQvE_pEJUptrLQp .main { position: relative; }
._32xS3KFxQvE_pEJUptrLQp .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper > img { position: absolute; z-index: 2; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper.cross-platform, ._32xS3KFxQvE_pEJUptrLQp .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(243, 205, 53), rgb(216, 133, 40)); }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._32xS3KFxQvE_pEJUptrLQp .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._32xS3KFxQvE_pEJUptrLQp .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._32xS3KFxQvE_pEJUptrLQp .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(251, 226, 62); border-radius: 5px; }
._32xS3KFxQvE_pEJUptrLQp .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._32xS3KFxQvE_pEJUptrLQp .game-logo:hover::after { content: "Play"; }
._32xS3KFxQvE_pEJUptrLQp .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._32xS3KFxQvE_pEJUptrLQp .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._32xS3KFxQvE_pEJUptrLQp .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._32xS3KFxQvE_pEJUptrLQp .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._32xS3KFxQvE_pEJUptrLQp .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._32xS3KFxQvE_pEJUptrLQp .lobby-pagination li:hover { background: rgb(216, 133, 39); }
._1rC_ZUa89vfZCzyz-94eb9 { background: rgb(255, 255, 255); }
.UzOnmEdu9ujymTFg1mWG .wrapper { width: 850px; position: relative; margin: 0px auto; }
.UzOnmEdu9ujymTFg1mWG .logo { position: relative; height: 80px; display: inline-block; }
.UzOnmEdu9ujymTFg1mWG .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.UzOnmEdu9ujymTFg1mWG .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 160, 233); border-radius: 3px; }
.UzOnmEdu9ujymTFg1mWG .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.UzOnmEdu9ujymTFg1mWG .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.UzOnmEdu9ujymTFg1mWG .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.UzOnmEdu9ujymTFg1mWG .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.UzOnmEdu9ujymTFg1mWG .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.UzOnmEdu9ujymTFg1mWG .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 160, 233); }
.UzOnmEdu9ujymTFg1mWG .nav ul { padding: 0px; margin: 0px; list-style: none; }
.UzOnmEdu9ujymTFg1mWG .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 { display: block; font-size: 0px; }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 > li > span:hover { background: rgb(0, 109, 156); }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 109, 156); }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 > li:hover > ol { display: block; }
.UzOnmEdu9ujymTFg1mWG .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 160, 233); cursor: pointer; }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 > li > span { position: relative; display: block; }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 > li:hover { background-color: rgb(0, 109, 156); }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 > li:hover > ol { display: block; }
.UzOnmEdu9ujymTFg1mWG .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.UzOnmEdu9ujymTFg1mWG .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.UzOnmEdu9ujymTFg1mWG .banner > img { margin-bottom: 20px; }
.UzOnmEdu9ujymTFg1mWG .headline { border-bottom: 2px solid rgb(0, 109, 156); }
.UzOnmEdu9ujymTFg1mWG .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 109, 156); border-radius: 8px 8px 0px 0px; }
.UzOnmEdu9ujymTFg1mWG .headline > button { float: right; color: rgb(0, 109, 156); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.UzOnmEdu9ujymTFg1mWG .recommend { height: 0px; overflow: hidden; }
.UzOnmEdu9ujymTFg1mWG .recommend.show { height: auto; overflow: visible; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-track { margin: 0px; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-prev, .UzOnmEdu9ujymTFg1mWG .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-prev::before, .UzOnmEdu9ujymTFg1mWG .recommend .slick-next::before { display: none; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-prev i, .UzOnmEdu9ujymTFg1mWG .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-prev:hover, .UzOnmEdu9ujymTFg1mWG .recommend .slick-next:hover { background-color: rgb(0, 109, 156); }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-dots { position: static; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li.slick-active, .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 109, 156); }
.UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li button::before { display: none; }
.UzOnmEdu9ujymTFg1mWG .main { position: relative; }
.UzOnmEdu9ujymTFg1mWG .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.UzOnmEdu9ujymTFg1mWG .game-wrapper > img { position: absolute; z-index: 2; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper.cross-platform, .UzOnmEdu9ujymTFg1mWG .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 160, 233); }
.UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.UzOnmEdu9ujymTFg1mWG .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.UzOnmEdu9ujymTFg1mWG .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.UzOnmEdu9ujymTFg1mWG .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 160, 233); border-radius: 5px; }
.UzOnmEdu9ujymTFg1mWG .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.UzOnmEdu9ujymTFg1mWG .game-logo:hover::after { content: "Play"; }
.UzOnmEdu9ujymTFg1mWG .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.UzOnmEdu9ujymTFg1mWG .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.UzOnmEdu9ujymTFg1mWG .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.UzOnmEdu9ujymTFg1mWG .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.UzOnmEdu9ujymTFg1mWG .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.UzOnmEdu9ujymTFg1mWG .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.UzOnmEdu9ujymTFg1mWG .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.UzOnmEdu9ujymTFg1mWG .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.UzOnmEdu9ujymTFg1mWG .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
.UzOnmEdu9ujymTFg1mWG .lobby-pagination li:hover { background: rgb(0, 160, 233); }
.yEtu-KV59R_0RoO29ZL_a { background: rgb(255, 255, 255); }
._3w41UzQggkWPnIoqDVRKit .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3w41UzQggkWPnIoqDVRKit .logo { position: relative; height: 80px; display: inline-block; }
._3w41UzQggkWPnIoqDVRKit .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3w41UzQggkWPnIoqDVRKit .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 3px; }
._3w41UzQggkWPnIoqDVRKit .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3w41UzQggkWPnIoqDVRKit .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3w41UzQggkWPnIoqDVRKit .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3w41UzQggkWPnIoqDVRKit .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3w41UzQggkWPnIoqDVRKit .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3w41UzQggkWPnIoqDVRKit .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(5, 80, 187); }
._3w41UzQggkWPnIoqDVRKit .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3w41UzQggkWPnIoqDVRKit .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 { display: block; font-size: 0px; }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 > li > span:hover { background: rgb(0, 53, 128); }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 53, 128); }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 > li:hover > ol { display: block; }
._3w41UzQggkWPnIoqDVRKit .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(5, 80, 187); cursor: pointer; }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 > li > span { position: relative; display: block; }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 > li:hover { background-color: rgb(0, 53, 128); }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 > li:hover > ol { display: block; }
._3w41UzQggkWPnIoqDVRKit .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3w41UzQggkWPnIoqDVRKit .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3w41UzQggkWPnIoqDVRKit .banner > img { margin-bottom: 20px; }
._3w41UzQggkWPnIoqDVRKit .headline { border-bottom: 2px solid rgb(5, 80, 187); }
._3w41UzQggkWPnIoqDVRKit .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(5, 80, 187); border-radius: 8px 8px 0px 0px; }
._3w41UzQggkWPnIoqDVRKit .headline > button { float: right; color: rgb(5, 80, 187); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3w41UzQggkWPnIoqDVRKit .recommend { height: 0px; overflow: hidden; }
._3w41UzQggkWPnIoqDVRKit .recommend.show { height: auto; overflow: visible; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-track { margin: 0px; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev, ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev::before, ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next::before { display: none; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev i, ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev:hover, ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next:hover { background-color: rgb(5, 80, 187); }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots { position: static; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li.slick-active, ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li.slick-active:hover { background-color: rgb(5, 80, 187); }
._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li button::before { display: none; }
._3w41UzQggkWPnIoqDVRKit .main { position: relative; }
._3w41UzQggkWPnIoqDVRKit .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3w41UzQggkWPnIoqDVRKit .game-wrapper > img { position: absolute; z-index: 2; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper.cross-platform, ._3w41UzQggkWPnIoqDVRKit .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); }
._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3w41UzQggkWPnIoqDVRKit .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3w41UzQggkWPnIoqDVRKit .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3w41UzQggkWPnIoqDVRKit .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 5px; }
._3w41UzQggkWPnIoqDVRKit .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3w41UzQggkWPnIoqDVRKit .game-logo:hover::after { content: "Play"; }
._3w41UzQggkWPnIoqDVRKit .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3w41UzQggkWPnIoqDVRKit .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3w41UzQggkWPnIoqDVRKit .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3w41UzQggkWPnIoqDVRKit .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3w41UzQggkWPnIoqDVRKit .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3w41UzQggkWPnIoqDVRKit .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3w41UzQggkWPnIoqDVRKit .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination li:hover { background: rgb(53, 147, 252); }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination li:hover { background: rgb(53, 147, 252); }
._3w41UzQggkWPnIoqDVRKit .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._2OWSdC1AE0-c33ul3i6vmu { background: rgb(255, 255, 255); }
._1S9rVjVBCKrt5Qsu77hXR4 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1S9rVjVBCKrt5Qsu77hXR4 .logo { position: relative; height: 80px; display: inline-block; }
._1S9rVjVBCKrt5Qsu77hXR4 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1S9rVjVBCKrt5Qsu77hXR4 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 208, 80); border-radius: 3px; }
._1S9rVjVBCKrt5Qsu77hXR4 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1S9rVjVBCKrt5Qsu77hXR4 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1S9rVjVBCKrt5Qsu77hXR4 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1S9rVjVBCKrt5Qsu77hXR4 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1S9rVjVBCKrt5Qsu77hXR4 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1S9rVjVBCKrt5Qsu77hXR4 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1S9rVjVBCKrt5Qsu77hXR4 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 { display: block; font-size: 0px; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 > li > span:hover { background: rgb(255, 208, 80); }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 208, 80); }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 > li:hover > ol { display: block; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 208, 80); cursor: pointer; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 > li > span { position: relative; display: block; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 > li:hover { background-color: rgb(255, 247, 112); }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 > li:hover > ol { display: block; }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1S9rVjVBCKrt5Qsu77hXR4 .banner > img { margin-bottom: 20px; }
._1S9rVjVBCKrt5Qsu77hXR4 .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._1S9rVjVBCKrt5Qsu77hXR4 .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend { height: 0px; overflow: hidden; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend.show { height: auto; overflow: visible; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-track { margin: 0px; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev, ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev::before, ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next::before { display: none; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev i, ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev:hover, ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots { position: static; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li.slick-active, ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li button::before { display: none; }
._1S9rVjVBCKrt5Qsu77hXR4 .main { position: relative; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper > img { position: absolute; z-index: 2; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.cross-platform, ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 208, 80); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 247, 112); border-radius: 5px; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo:hover::after { content: "Play"; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1S9rVjVBCKrt5Qsu77hXR4 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1S9rVjVBCKrt5Qsu77hXR4 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1S9rVjVBCKrt5Qsu77hXR4 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1S9rVjVBCKrt5Qsu77hXR4 .lobby-pagination li:hover { background: rgb(0, 0, 0); }
._11jMq_DLnx9FmHxl65QWQt { background: rgb(255, 255, 255); }
._1BoKixA7CYsKBiQbwwk1WM .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1BoKixA7CYsKBiQbwwk1WM .logo { position: relative; height: 80px; display: inline-block; }
._1BoKixA7CYsKBiQbwwk1WM .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1BoKixA7CYsKBiQbwwk1WM .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(237, 169, 52); border-radius: 3px; }
._1BoKixA7CYsKBiQbwwk1WM .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1BoKixA7CYsKBiQbwwk1WM .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1BoKixA7CYsKBiQbwwk1WM .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1BoKixA7CYsKBiQbwwk1WM .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1BoKixA7CYsKBiQbwwk1WM .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1BoKixA7CYsKBiQbwwk1WM .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(237, 169, 52); }
._1BoKixA7CYsKBiQbwwk1WM .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1BoKixA7CYsKBiQbwwk1WM .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 { display: block; font-size: 0px; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 > li > span:hover { background: rgb(171, 70, 17); }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(171, 70, 17); }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 > li:hover > ol { display: block; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(237, 169, 52); cursor: pointer; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 > li > span { position: relative; display: block; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 > li:hover { background-color: rgb(171, 70, 17); }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 > li:hover > ol { display: block; }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1BoKixA7CYsKBiQbwwk1WM .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1BoKixA7CYsKBiQbwwk1WM .banner > img { margin-bottom: 20px; }
._1BoKixA7CYsKBiQbwwk1WM .headline { border-bottom: 2px solid rgb(237, 169, 52); }
._1BoKixA7CYsKBiQbwwk1WM .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(237, 169, 52); border-radius: 8px 8px 0px 0px; }
._1BoKixA7CYsKBiQbwwk1WM .headline > button { float: right; color: rgb(237, 169, 52); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1BoKixA7CYsKBiQbwwk1WM .recommend { height: 0px; overflow: hidden; }
._1BoKixA7CYsKBiQbwwk1WM .recommend.show { height: auto; overflow: visible; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-track { margin: 0px; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev, ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev::before, ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next::before { display: none; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev i, ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev:hover, ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next:hover { background-color: rgb(237, 169, 52); }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots { position: static; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li.slick-active, ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li.slick-active:hover { background-color: rgb(237, 169, 52); }
._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li button::before { display: none; }
._1BoKixA7CYsKBiQbwwk1WM .main { position: relative; }
._1BoKixA7CYsKBiQbwwk1WM .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper > img { position: absolute; z-index: 2; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.cross-platform, ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(237, 169, 52); }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1BoKixA7CYsKBiQbwwk1WM .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1BoKixA7CYsKBiQbwwk1WM .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1BoKixA7CYsKBiQbwwk1WM .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(237, 169, 52); border-radius: 5px; }
._1BoKixA7CYsKBiQbwwk1WM .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1BoKixA7CYsKBiQbwwk1WM .game-logo:hover::after { content: "Play"; }
._1BoKixA7CYsKBiQbwwk1WM .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1BoKixA7CYsKBiQbwwk1WM .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1BoKixA7CYsKBiQbwwk1WM .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1BoKixA7CYsKBiQbwwk1WM .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1BoKixA7CYsKBiQbwwk1WM .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._1BoKixA7CYsKBiQbwwk1WM .lobby-pagination li:hover { background: rgb(237, 169, 52); }
._T6XJ9iaicvTd-9BO4OuD { background: rgb(255, 255, 255); }
._1RMF-x0VkuLSPEn2nWx-XH .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1RMF-x0VkuLSPEn2nWx-XH .logo { position: relative; height: 80px; display: inline-block; }
._1RMF-x0VkuLSPEn2nWx-XH .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1RMF-x0VkuLSPEn2nWx-XH .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(116, 57, 222); border-radius: 3px; }
._1RMF-x0VkuLSPEn2nWx-XH .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1RMF-x0VkuLSPEn2nWx-XH .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1RMF-x0VkuLSPEn2nWx-XH .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1RMF-x0VkuLSPEn2nWx-XH .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1RMF-x0VkuLSPEn2nWx-XH .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1RMF-x0VkuLSPEn2nWx-XH .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(87, 120, 241); }
._1RMF-x0VkuLSPEn2nWx-XH .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1RMF-x0VkuLSPEn2nWx-XH .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 { display: block; font-size: 0px; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 > li.active > span { color: rgb(86, 98, 212); background: rgb(255, 255, 255); }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 > li:hover > ol { display: block; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 > li:hover > span:hover { color: rgb(86, 98, 212); }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(87, 120, 241); cursor: pointer; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 > li > span { position: relative; display: block; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 > li:hover { background-color: rgb(80, 94, 198); }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 > li:hover > ol { display: block; }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1RMF-x0VkuLSPEn2nWx-XH .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1RMF-x0VkuLSPEn2nWx-XH .banner > img { margin-bottom: 20px; }
._1RMF-x0VkuLSPEn2nWx-XH .headline { border-bottom: 2px solid rgb(31, 32, 91); }
._1RMF-x0VkuLSPEn2nWx-XH .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(31, 32, 91); border-radius: 8px 8px 0px 0px; }
._1RMF-x0VkuLSPEn2nWx-XH .headline > button { float: right; color: rgb(31, 32, 91); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend { height: 0px; overflow: hidden; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend.show { height: auto; overflow: visible; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-track { margin: 0px; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev, ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev::before, ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next::before { display: none; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev i, ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev:hover, ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next:hover { background-color: rgb(31, 32, 91); }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots { position: static; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li.slick-active, ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li.slick-active:hover { background-color: rgb(31, 32, 91); }
._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li button::before { display: none; }
._1RMF-x0VkuLSPEn2nWx-XH .main { position: relative; }
._1RMF-x0VkuLSPEn2nWx-XH .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 174, 93); border-radius: 10px; width: 160px !important; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper > img { position: absolute; z-index: 2; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.cross-platform, ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(94, 169, 245); }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(94, 169, 245); border-radius: 5px; }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo:hover::after { content: "Play"; }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1RMF-x0VkuLSPEn2nWx-XH .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1RMF-x0VkuLSPEn2nWx-XH .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1RMF-x0VkuLSPEn2nWx-XH .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(94, 169, 245); }
._1RMF-x0VkuLSPEn2nWx-XH .lobby-pagination li:hover { background: rgb(87, 120, 241); }
._2KkVOz7bEFyrMI8H3oCG-g { background: rgb(255, 255, 255); }
._3injGfxEbfDIzFq3RkVBPK .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3injGfxEbfDIzFq3RkVBPK .logo { position: relative; height: 80px; display: inline-block; }
._3injGfxEbfDIzFq3RkVBPK .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3injGfxEbfDIzFq3RkVBPK .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(49, 47, 110); border-radius: 3px; }
._3injGfxEbfDIzFq3RkVBPK .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3injGfxEbfDIzFq3RkVBPK .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3injGfxEbfDIzFq3RkVBPK .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3injGfxEbfDIzFq3RkVBPK .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3injGfxEbfDIzFq3RkVBPK .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3injGfxEbfDIzFq3RkVBPK .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(238, 238, 238); }
._3injGfxEbfDIzFq3RkVBPK .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3injGfxEbfDIzFq3RkVBPK .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 { display: block; font-size: 0px; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(49, 47, 110); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 > li > span:hover { background: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 > li:hover > ol { display: block; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li { position: relative; display: block; color: rgb(49, 47, 110); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(238, 238, 238); cursor: pointer; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li > span { position: relative; display: block; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li:hover { background-color: rgb(238, 238, 238); }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li:hover > ol { display: block; }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3injGfxEbfDIzFq3RkVBPK .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3injGfxEbfDIzFq3RkVBPK .banner > img { margin-bottom: 20px; }
._3injGfxEbfDIzFq3RkVBPK .headline { border-bottom: 2px solid rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(49, 47, 110); border-radius: 8px 8px 0px 0px; }
._3injGfxEbfDIzFq3RkVBPK .headline > button { float: right; color: rgb(49, 47, 110); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3injGfxEbfDIzFq3RkVBPK .recommend { height: 0px; overflow: hidden; }
._3injGfxEbfDIzFq3RkVBPK .recommend.show { height: auto; overflow: visible; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-track { margin: 0px; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev, ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev::before, ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next::before { display: none; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev i, ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev:hover, ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next:hover { background-color: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots { position: static; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li.slick-active, ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li.slick-active:hover { background-color: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li button::before { display: none; }
._3injGfxEbfDIzFq3RkVBPK .main { position: relative; }
._3injGfxEbfDIzFq3RkVBPK .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(49, 47, 110); border-radius: 10px; width: 160px !important; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img { position: absolute; z-index: 2; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.cross-platform, ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3injGfxEbfDIzFq3RkVBPK .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3injGfxEbfDIzFq3RkVBPK .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3injGfxEbfDIzFq3RkVBPK .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(49, 47, 110); border-radius: 5px; }
._3injGfxEbfDIzFq3RkVBPK .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3injGfxEbfDIzFq3RkVBPK .game-logo:hover::after { content: "Play"; }
._3injGfxEbfDIzFq3RkVBPK .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3injGfxEbfDIzFq3RkVBPK .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3injGfxEbfDIzFq3RkVBPK .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li:hover { background: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(49, 47, 110); border-radius: 10px; width: 160px !important; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img { position: absolute; z-index: 2; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.cross-platform, ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3injGfxEbfDIzFq3RkVBPK .category-layer-1 > li:hover { background-color: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li:hover { background: rgb(49, 47, 110); }
._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1KcRmFjjQOUVVuA04XHQF- { background: rgb(255, 255, 255); }
._2H4Ca35vBpOny1JgAT6P1_ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2H4Ca35vBpOny1JgAT6P1_ .logo { position: relative; height: 80px; display: inline-block; }
._2H4Ca35vBpOny1JgAT6P1_ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2H4Ca35vBpOny1JgAT6P1_ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(236, 181, 34); border-radius: 3px; }
._2H4Ca35vBpOny1JgAT6P1_ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2H4Ca35vBpOny1JgAT6P1_ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2H4Ca35vBpOny1JgAT6P1_ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2H4Ca35vBpOny1JgAT6P1_ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2H4Ca35vBpOny1JgAT6P1_ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2H4Ca35vBpOny1JgAT6P1_ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(236, 181, 34); }
._2H4Ca35vBpOny1JgAT6P1_ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2H4Ca35vBpOny1JgAT6P1_ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 { display: block; font-size: 0px; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 > li > span:hover { background: rgb(27, 34, 39); }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(27, 34, 39); }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 > li:hover > ol { display: block; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(236, 181, 34); cursor: pointer; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 > li > span { position: relative; display: block; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 > li:hover { background-color: rgb(27, 34, 39); }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 > li:hover > ol { display: block; }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2H4Ca35vBpOny1JgAT6P1_ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2H4Ca35vBpOny1JgAT6P1_ .banner > img { margin-bottom: 20px; }
._2H4Ca35vBpOny1JgAT6P1_ .headline { border-bottom: 2px solid rgb(236, 181, 34); }
._2H4Ca35vBpOny1JgAT6P1_ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(236, 181, 34); border-radius: 8px 8px 0px 0px; }
._2H4Ca35vBpOny1JgAT6P1_ .headline > button { float: right; color: rgb(236, 181, 34); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend { height: 0px; overflow: hidden; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend.show { height: auto; overflow: visible; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-track { margin: 0px; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev, ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev::before, ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next::before { display: none; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev i, ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev:hover, ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next:hover { background-color: rgb(236, 181, 34); }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots { position: static; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li.slick-active, ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li.slick-active:hover { background-color: rgb(236, 181, 34); }
._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li button::before { display: none; }
._2H4Ca35vBpOny1JgAT6P1_ .main { position: relative; }
._2H4Ca35vBpOny1JgAT6P1_ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(236, 181, 34); border-radius: 10px; width: 160px !important; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper > img { position: absolute; z-index: 2; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.cross-platform, ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(236, 181, 34); }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(27, 34, 39); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 224, 143); border-radius: 5px; }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo:hover::after { content: "Play"; }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2H4Ca35vBpOny1JgAT6P1_ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2H4Ca35vBpOny1JgAT6P1_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2H4Ca35vBpOny1JgAT6P1_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2H4Ca35vBpOny1JgAT6P1_ .lobby-pagination li:hover { background: rgb(236, 181, 34); }
._27I-m8QSVQvR-KIi129YKu { background: rgb(255, 255, 255); }
._3rK0Kx62eGGIHpehjClZMF .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3rK0Kx62eGGIHpehjClZMF .logo { position: relative; height: 80px; display: inline-block; }
._3rK0Kx62eGGIHpehjClZMF .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3rK0Kx62eGGIHpehjClZMF .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 3px; }
._3rK0Kx62eGGIHpehjClZMF .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3rK0Kx62eGGIHpehjClZMF .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3rK0Kx62eGGIHpehjClZMF .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3rK0Kx62eGGIHpehjClZMF .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3rK0Kx62eGGIHpehjClZMF .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3rK0Kx62eGGIHpehjClZMF .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(5, 80, 187); }
._3rK0Kx62eGGIHpehjClZMF .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3rK0Kx62eGGIHpehjClZMF .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 { display: block; font-size: 0px; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 > li > span:hover { background: rgb(0, 53, 128); }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 53, 128); }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 > li:hover > ol { display: block; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(5, 80, 187); cursor: pointer; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 > li > span { position: relative; display: block; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 > li:hover { background-color: rgb(0, 53, 128); }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 > li:hover > ol { display: block; }
._3rK0Kx62eGGIHpehjClZMF .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3rK0Kx62eGGIHpehjClZMF .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3rK0Kx62eGGIHpehjClZMF .banner > img { margin-bottom: 20px; }
._3rK0Kx62eGGIHpehjClZMF .headline { border-bottom: 2px solid rgb(5, 80, 187); }
._3rK0Kx62eGGIHpehjClZMF .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(5, 80, 187); border-radius: 8px 8px 0px 0px; }
._3rK0Kx62eGGIHpehjClZMF .headline > button { float: right; color: rgb(5, 80, 187); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3rK0Kx62eGGIHpehjClZMF .recommend { height: 0px; overflow: hidden; }
._3rK0Kx62eGGIHpehjClZMF .recommend.show { height: auto; overflow: visible; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-track { margin: 0px; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev, ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev::before, ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next::before { display: none; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev i, ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev:hover, ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next:hover { background-color: rgb(5, 80, 187); }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots { position: static; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li.slick-active, ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li.slick-active:hover { background-color: rgb(5, 80, 187); }
._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li button::before { display: none; }
._3rK0Kx62eGGIHpehjClZMF .main { position: relative; }
._3rK0Kx62eGGIHpehjClZMF .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper > img { position: absolute; z-index: 2; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper.cross-platform, ._3rK0Kx62eGGIHpehjClZMF .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3rK0Kx62eGGIHpehjClZMF .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3rK0Kx62eGGIHpehjClZMF .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3rK0Kx62eGGIHpehjClZMF .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 5px; }
._3rK0Kx62eGGIHpehjClZMF .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3rK0Kx62eGGIHpehjClZMF .game-logo:hover::after { content: "Play"; }
._3rK0Kx62eGGIHpehjClZMF .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3rK0Kx62eGGIHpehjClZMF .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3rK0Kx62eGGIHpehjClZMF .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li:hover { background: rgb(53, 147, 252); }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li:hover { background: rgb(53, 147, 252); }
._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1bknOxOoWd6W_hZxTU8rTW { background: rgb(255, 255, 255); }
._3GlSQ1IZz5N8EK2I8CMRvV .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3GlSQ1IZz5N8EK2I8CMRvV .logo { position: relative; height: 80px; display: inline-block; }
._3GlSQ1IZz5N8EK2I8CMRvV .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3GlSQ1IZz5N8EK2I8CMRvV .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 198, 0); border-radius: 3px; }
._3GlSQ1IZz5N8EK2I8CMRvV .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GlSQ1IZz5N8EK2I8CMRvV .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GlSQ1IZz5N8EK2I8CMRvV .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3GlSQ1IZz5N8EK2I8CMRvV .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3GlSQ1IZz5N8EK2I8CMRvV .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3GlSQ1IZz5N8EK2I8CMRvV .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(96, 187, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3GlSQ1IZz5N8EK2I8CMRvV .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 { display: block; font-size: 0px; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 > li > span:hover { background: rgb(255, 198, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 198, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 > li:hover > ol { display: block; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(96, 187, 0); cursor: pointer; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 > li > span { position: relative; display: block; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 > li:hover { background-color: rgb(255, 198, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 > li:hover > ol { display: block; }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3GlSQ1IZz5N8EK2I8CMRvV .banner > img { margin-bottom: 20px; }
._3GlSQ1IZz5N8EK2I8CMRvV .headline { border-bottom: 2px solid rgb(96, 187, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(96, 187, 0); border-radius: 8px 8px 0px 0px; }
._3GlSQ1IZz5N8EK2I8CMRvV .headline > button { float: right; color: rgb(96, 187, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend { height: 0px; overflow: hidden; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend.show { height: auto; overflow: visible; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-track { margin: 0px; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev, ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev::before, ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next::before { display: none; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev i, ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev:hover, ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next:hover { background-color: rgb(96, 187, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots { position: static; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li.slick-active, ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li.slick-active:hover { background-color: rgb(96, 187, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li button::before { display: none; }
._3GlSQ1IZz5N8EK2I8CMRvV .main { position: relative; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(96, 187, 0); border-radius: 10px; width: 160px !important; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper > img { position: absolute; z-index: 2; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.cross-platform, ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 198, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(96, 187, 0); border-radius: 5px; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo:hover::after { content: "Play"; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3GlSQ1IZz5N8EK2I8CMRvV .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3GlSQ1IZz5N8EK2I8CMRvV .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3GlSQ1IZz5N8EK2I8CMRvV .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3GlSQ1IZz5N8EK2I8CMRvV .lobby-pagination li:hover { background: rgb(255, 198, 0); }
._3PTI_MpYPzER7Ap3AdMiw5 { background: rgb(255, 255, 255); }
._16bemAhd1LTwVuXAdmSVL2 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._16bemAhd1LTwVuXAdmSVL2 .logo { position: relative; height: 80px; display: inline-block; }
._16bemAhd1LTwVuXAdmSVL2 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._16bemAhd1LTwVuXAdmSVL2 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); border-radius: 3px; }
._16bemAhd1LTwVuXAdmSVL2 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._16bemAhd1LTwVuXAdmSVL2 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._16bemAhd1LTwVuXAdmSVL2 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._16bemAhd1LTwVuXAdmSVL2 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._16bemAhd1LTwVuXAdmSVL2 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._16bemAhd1LTwVuXAdmSVL2 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(188, 0, 7); }
._16bemAhd1LTwVuXAdmSVL2 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._16bemAhd1LTwVuXAdmSVL2 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 { display: block; font-size: 0px; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 > li > span:hover { background: rgb(0, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 > li:hover > ol { display: block; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(188, 0, 7); cursor: pointer; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 > li > span { position: relative; display: block; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 > li:hover { background-color: rgb(0, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 > li:hover > ol { display: block; }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._16bemAhd1LTwVuXAdmSVL2 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._16bemAhd1LTwVuXAdmSVL2 .banner > img { margin-bottom: 20px; }
._16bemAhd1LTwVuXAdmSVL2 .headline { border-bottom: 2px solid rgb(188, 0, 7); }
._16bemAhd1LTwVuXAdmSVL2 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(188, 0, 7); border-radius: 8px 8px 0px 0px; }
._16bemAhd1LTwVuXAdmSVL2 .headline > button { float: right; color: rgb(188, 0, 7); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._16bemAhd1LTwVuXAdmSVL2 .recommend { height: 0px; overflow: hidden; }
._16bemAhd1LTwVuXAdmSVL2 .recommend.show { height: auto; overflow: visible; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-track { margin: 0px; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev, ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev::before, ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next::before { display: none; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev i, ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev:hover, ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next:hover { background-color: rgb(188, 0, 7); }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots { position: static; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li.slick-active, ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li.slick-active:hover { background-color: rgb(188, 0, 7); }
._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li button::before { display: none; }
._16bemAhd1LTwVuXAdmSVL2 .main { position: relative; }
._16bemAhd1LTwVuXAdmSVL2 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper > img { position: absolute; z-index: 2; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.cross-platform, ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._16bemAhd1LTwVuXAdmSVL2 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._16bemAhd1LTwVuXAdmSVL2 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(195, 12, 12); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 255, 255); border-radius: 5px; }
._16bemAhd1LTwVuXAdmSVL2 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._16bemAhd1LTwVuXAdmSVL2 .game-logo:hover::after { content: "Play"; }
._16bemAhd1LTwVuXAdmSVL2 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._16bemAhd1LTwVuXAdmSVL2 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._16bemAhd1LTwVuXAdmSVL2 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1VMj6a_yg4W03Wyw2fCLyb { background: rgb(255, 255, 255); }
.dK4KSQp7Uw36NbAQJhUii .wrapper { width: 850px; position: relative; margin: 0px auto; }
.dK4KSQp7Uw36NbAQJhUii .logo { position: relative; height: 80px; display: inline-block; }
.dK4KSQp7Uw36NbAQJhUii .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.dK4KSQp7Uw36NbAQJhUii .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(50, 181, 233); border-radius: 3px; }
.dK4KSQp7Uw36NbAQJhUii .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.dK4KSQp7Uw36NbAQJhUii .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.dK4KSQp7Uw36NbAQJhUii .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.dK4KSQp7Uw36NbAQJhUii .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.dK4KSQp7Uw36NbAQJhUii .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.dK4KSQp7Uw36NbAQJhUii .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(50, 181, 233); }
.dK4KSQp7Uw36NbAQJhUii .nav ul { padding: 0px; margin: 0px; list-style: none; }
.dK4KSQp7Uw36NbAQJhUii .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 { display: block; font-size: 0px; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 > li > span:hover { background: rgb(33, 229, 25); }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(33, 229, 25); }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 > li:hover > ol { display: block; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(50, 181, 233); cursor: pointer; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 > li > span { position: relative; display: block; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 > li:hover { background-color: rgb(33, 229, 25); }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 > li:hover > ol { display: block; }
.dK4KSQp7Uw36NbAQJhUii .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
.dK4KSQp7Uw36NbAQJhUii .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.dK4KSQp7Uw36NbAQJhUii .banner > img { margin-bottom: 20px; }
.dK4KSQp7Uw36NbAQJhUii .headline { border-bottom: 2px solid rgb(50, 181, 233); }
.dK4KSQp7Uw36NbAQJhUii .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(50, 181, 233); border-radius: 8px 8px 0px 0px; }
.dK4KSQp7Uw36NbAQJhUii .headline > button { float: right; color: rgb(50, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.dK4KSQp7Uw36NbAQJhUii .recommend { height: 0px; overflow: hidden; }
.dK4KSQp7Uw36NbAQJhUii .recommend.show { height: auto; overflow: visible; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-track { margin: 0px; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev, .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev::before, .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next::before { display: none; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev i, .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev:hover, .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next:hover { background-color: rgb(50, 181, 233); }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots { position: static; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li.slick-active, .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li.slick-active:hover { background-color: rgb(50, 181, 233); }
.dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li button::before { display: none; }
.dK4KSQp7Uw36NbAQJhUii .main { position: relative; }
.dK4KSQp7Uw36NbAQJhUii .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(50, 181, 233); border-radius: 10px; width: 160px !important; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper > img { position: absolute; z-index: 2; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper.cross-platform, .dK4KSQp7Uw36NbAQJhUii .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(50, 181, 233); }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.dK4KSQp7Uw36NbAQJhUii .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.dK4KSQp7Uw36NbAQJhUii .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.dK4KSQp7Uw36NbAQJhUii .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(45deg, rgb(33, 229, 25), rgb(50, 181, 233)); border-radius: 5px; }
.dK4KSQp7Uw36NbAQJhUii .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.dK4KSQp7Uw36NbAQJhUii .game-logo:hover::after { content: "Play"; }
.dK4KSQp7Uw36NbAQJhUii .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.dK4KSQp7Uw36NbAQJhUii .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.dK4KSQp7Uw36NbAQJhUii .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dK4KSQp7Uw36NbAQJhUii .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.dK4KSQp7Uw36NbAQJhUii .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.dK4KSQp7Uw36NbAQJhUii .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.dK4KSQp7Uw36NbAQJhUii .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dK4KSQp7Uw36NbAQJhUii .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.dK4KSQp7Uw36NbAQJhUii .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.dK4KSQp7Uw36NbAQJhUii .lobby-pagination li:hover { background: rgb(50, 181, 233); }
._1Ow0m8CFByhpNeY7TVts8M { background: rgb(255, 255, 255); }
.rmmhhGijmUqZw1SIG3SAA .wrapper { width: 850px; position: relative; margin: 0px auto; }
.rmmhhGijmUqZw1SIG3SAA .logo { position: relative; height: 80px; display: inline-block; }
.rmmhhGijmUqZw1SIG3SAA .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.rmmhhGijmUqZw1SIG3SAA .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(0, 143, 241), rgb(0, 51, 193)); border-radius: 3px; }
.rmmhhGijmUqZw1SIG3SAA .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rmmhhGijmUqZw1SIG3SAA .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rmmhhGijmUqZw1SIG3SAA .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.rmmhhGijmUqZw1SIG3SAA .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.rmmhhGijmUqZw1SIG3SAA .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.rmmhhGijmUqZw1SIG3SAA .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(to right, rgb(0, 51, 193), rgb(0, 143, 241)); }
.rmmhhGijmUqZw1SIG3SAA .nav ul { padding: 0px; margin: 0px; list-style: none; }
.rmmhhGijmUqZw1SIG3SAA .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 { display: block; font-size: 0px; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 > li > span:hover { background: rgb(255, 0, 149); }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 0, 149); }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 > li:hover > ol { display: block; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 143, 241); cursor: pointer; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 > li > span { position: relative; display: block; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 > li:hover { background-color: rgb(255, 0, 149); }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 > li:hover > ol { display: block; }
.rmmhhGijmUqZw1SIG3SAA .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.rmmhhGijmUqZw1SIG3SAA .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.rmmhhGijmUqZw1SIG3SAA .banner > img { margin-bottom: 20px; }
.rmmhhGijmUqZw1SIG3SAA .headline { border-bottom-width: 2px; border-bottom-style: solid; }
.rmmhhGijmUqZw1SIG3SAA .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: linear-gradient(to right, rgb(0, 51, 193), rgb(0, 143, 241)); border-radius: 8px 8px 0px 0px; }
.rmmhhGijmUqZw1SIG3SAA .headline > button { float: right; font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.rmmhhGijmUqZw1SIG3SAA .recommend { height: 0px; overflow: hidden; }
.rmmhhGijmUqZw1SIG3SAA .recommend.show { height: auto; overflow: visible; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-track { margin: 0px; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev, .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev::before, .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next::before { display: none; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev i, .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev:hover, .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next:hover { }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots { position: static; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li.slick-active, .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li.slick-active:hover { }
.rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li button::before { display: none; }
.rmmhhGijmUqZw1SIG3SAA .main { position: relative; }
.rmmhhGijmUqZw1SIG3SAA .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper > img { position: absolute; z-index: 2; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper.cross-platform, .rmmhhGijmUqZw1SIG3SAA .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(to top, rgb(0, 51, 193), rgb(0, 143, 241)); }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.rmmhhGijmUqZw1SIG3SAA .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.rmmhhGijmUqZw1SIG3SAA .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.rmmhhGijmUqZw1SIG3SAA .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 0, 149); border-radius: 5px; }
.rmmhhGijmUqZw1SIG3SAA .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.rmmhhGijmUqZw1SIG3SAA .game-logo:hover::after { content: "Play"; }
.rmmhhGijmUqZw1SIG3SAA .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.rmmhhGijmUqZw1SIG3SAA .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.rmmhhGijmUqZw1SIG3SAA .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rmmhhGijmUqZw1SIG3SAA .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.rmmhhGijmUqZw1SIG3SAA .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.rmmhhGijmUqZw1SIG3SAA .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.rmmhhGijmUqZw1SIG3SAA .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination li:hover { background: rgb(0, 143, 241); }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination li:hover { background: rgb(0, 143, 241); }
.rmmhhGijmUqZw1SIG3SAA .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._2SwyE2r0Hqf-bKVvuxS6aK { background: rgb(255, 255, 255); }
._3mCYcGnNehLUboTvW8Udr3 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3mCYcGnNehLUboTvW8Udr3 .logo { position: relative; height: 80px; display: inline-block; }
._3mCYcGnNehLUboTvW8Udr3 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3mCYcGnNehLUboTvW8Udr3 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(49, 248, 232), rgb(25, 118, 138)); border-radius: 3px; }
._3mCYcGnNehLUboTvW8Udr3 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3mCYcGnNehLUboTvW8Udr3 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3mCYcGnNehLUboTvW8Udr3 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3mCYcGnNehLUboTvW8Udr3 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3mCYcGnNehLUboTvW8Udr3 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3mCYcGnNehLUboTvW8Udr3 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(25, 118, 138); }
._3mCYcGnNehLUboTvW8Udr3 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3mCYcGnNehLUboTvW8Udr3 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 { display: block; font-size: 0px; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 > li > span:hover { background: rgb(244, 29, 112); }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(244, 29, 112); }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 > li:hover > ol { display: block; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(25, 118, 138); cursor: pointer; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 > li > span { position: relative; display: block; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 > li:hover { background-color: rgb(244, 29, 112); }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 > li:hover > ol { display: block; }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3mCYcGnNehLUboTvW8Udr3 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3mCYcGnNehLUboTvW8Udr3 .banner > img { margin-bottom: 20px; }
._3mCYcGnNehLUboTvW8Udr3 .headline { border-bottom: 2px solid rgb(25, 118, 138); }
._3mCYcGnNehLUboTvW8Udr3 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(25, 118, 138); border-radius: 8px 8px 0px 0px; }
._3mCYcGnNehLUboTvW8Udr3 .headline > button { float: right; color: rgb(25, 118, 138); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3mCYcGnNehLUboTvW8Udr3 .recommend { height: 0px; overflow: hidden; }
._3mCYcGnNehLUboTvW8Udr3 .recommend.show { height: auto; overflow: visible; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-track { margin: 0px; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev, ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev::before, ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next::before { display: none; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev i, ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev:hover, ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next:hover { background-color: rgb(25, 118, 138); }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots { position: static; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li.slick-active, ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li.slick-active:hover { background-color: rgb(25, 118, 138); }
._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li button::before { display: none; }
._3mCYcGnNehLUboTvW8Udr3 .main { position: relative; }
._3mCYcGnNehLUboTvW8Udr3 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper > img { position: absolute; z-index: 2; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.cross-platform, ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(49, 248, 232), rgb(25, 118, 138)); }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3mCYcGnNehLUboTvW8Udr3 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3mCYcGnNehLUboTvW8Udr3 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3mCYcGnNehLUboTvW8Udr3 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(244, 29, 112); border-radius: 5px; }
._3mCYcGnNehLUboTvW8Udr3 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3mCYcGnNehLUboTvW8Udr3 .game-logo:hover::after { content: "Play"; }
._3mCYcGnNehLUboTvW8Udr3 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3mCYcGnNehLUboTvW8Udr3 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3mCYcGnNehLUboTvW8Udr3 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3mCYcGnNehLUboTvW8Udr3 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3mCYcGnNehLUboTvW8Udr3 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._3mCYcGnNehLUboTvW8Udr3 .lobby-pagination li:hover { background: rgb(25, 118, 138); }
._3TE3UTtlYOWOhKJfU_0APe { background: rgb(255, 255, 255); }
.p10oqfnvwkgcbYjX61Ma_ .wrapper { width: 850px; position: relative; margin: 0px auto; }
.p10oqfnvwkgcbYjX61Ma_ .logo { position: relative; height: 80px; display: inline-block; }
.p10oqfnvwkgcbYjX61Ma_ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.p10oqfnvwkgcbYjX61Ma_ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); border-radius: 3px; }
.p10oqfnvwkgcbYjX61Ma_ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.p10oqfnvwkgcbYjX61Ma_ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.p10oqfnvwkgcbYjX61Ma_ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.p10oqfnvwkgcbYjX61Ma_ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.p10oqfnvwkgcbYjX61Ma_ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.p10oqfnvwkgcbYjX61Ma_ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); }
.p10oqfnvwkgcbYjX61Ma_ .nav ul { padding: 0px; margin: 0px; list-style: none; }
.p10oqfnvwkgcbYjX61Ma_ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 { display: block; font-size: 0px; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 > li > span:hover { background: rgb(100, 40, 1); }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(100, 40, 1); }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 > li:hover > ol { display: block; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(243, 183, 32); cursor: pointer; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 > li > span { position: relative; display: block; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 > li:hover { background-color: rgb(100, 40, 1); }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 > li:hover > ol { display: block; }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.p10oqfnvwkgcbYjX61Ma_ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.p10oqfnvwkgcbYjX61Ma_ .banner > img { margin-bottom: 20px; }
.p10oqfnvwkgcbYjX61Ma_ .headline { border-bottom: 2px solid rgb(243, 183, 32); }
.p10oqfnvwkgcbYjX61Ma_ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(243, 183, 32); border-radius: 8px 8px 0px 0px; }
.p10oqfnvwkgcbYjX61Ma_ .headline > button { float: right; color: rgb(243, 183, 32); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.p10oqfnvwkgcbYjX61Ma_ .recommend { height: 0px; overflow: hidden; }
.p10oqfnvwkgcbYjX61Ma_ .recommend.show { height: auto; overflow: visible; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-track { margin: 0px; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev, .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev::before, .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next::before { display: none; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev i, .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev:hover, .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next:hover { background-color: rgb(243, 183, 32); }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots { position: static; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li.slick-active, .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li.slick-active:hover { background-color: rgb(243, 183, 32); }
.p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li button::before { display: none; }
.p10oqfnvwkgcbYjX61Ma_ .main { position: relative; }
.p10oqfnvwkgcbYjX61Ma_ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper > img { position: absolute; z-index: 2; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper.cross-platform, .p10oqfnvwkgcbYjX61Ma_ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(243, 183, 32); }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.p10oqfnvwkgcbYjX61Ma_ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.p10oqfnvwkgcbYjX61Ma_ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.p10oqfnvwkgcbYjX61Ma_ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); border-radius: 5px; }
.p10oqfnvwkgcbYjX61Ma_ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.p10oqfnvwkgcbYjX61Ma_ .game-logo:hover::after { content: "Play"; }
.p10oqfnvwkgcbYjX61Ma_ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.p10oqfnvwkgcbYjX61Ma_ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.p10oqfnvwkgcbYjX61Ma_ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p10oqfnvwkgcbYjX61Ma_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.p10oqfnvwkgcbYjX61Ma_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
.p10oqfnvwkgcbYjX61Ma_ .lobby-pagination li:hover { background: rgb(243, 183, 32); }
._1X148xj7POIBjx5m7Go5Ub { background: rgb(255, 255, 255); }
._1J5Xx-iE-MIieWdb0ccH9G .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1J5Xx-iE-MIieWdb0ccH9G .logo { position: relative; height: 80px; display: inline-block; }
._1J5Xx-iE-MIieWdb0ccH9G .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1J5Xx-iE-MIieWdb0ccH9G .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._1J5Xx-iE-MIieWdb0ccH9G .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1J5Xx-iE-MIieWdb0ccH9G .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1J5Xx-iE-MIieWdb0ccH9G .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1J5Xx-iE-MIieWdb0ccH9G .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1J5Xx-iE-MIieWdb0ccH9G .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1J5Xx-iE-MIieWdb0ccH9G .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1J5Xx-iE-MIieWdb0ccH9G .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 { display: block; font-size: 0px; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 > li > span:hover { background: rgb(255, 170, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 170, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 > li:hover > ol { display: block; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 > li > span { position: relative; display: block; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 > li:hover { background-color: rgb(255, 170, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 > li:hover > ol { display: block; }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1J5Xx-iE-MIieWdb0ccH9G .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1J5Xx-iE-MIieWdb0ccH9G .banner > img { margin-bottom: 20px; }
._1J5Xx-iE-MIieWdb0ccH9G .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._1J5Xx-iE-MIieWdb0ccH9G .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend { height: 0px; overflow: hidden; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend.show { height: auto; overflow: visible; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-track { margin: 0px; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev, ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev::before, ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next::before { display: none; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev i, ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev:hover, ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots { position: static; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li.slick-active, ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li button::before { display: none; }
._1J5Xx-iE-MIieWdb0ccH9G .main { position: relative; }
._1J5Xx-iE-MIieWdb0ccH9G .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img { position: absolute; z-index: 2; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.cross-platform, ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 170, 0); border-radius: 5px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo:hover::after { content: "Play"; }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1J5Xx-iE-MIieWdb0ccH9G .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1J5Xx-iE-MIieWdb0ccH9G .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1J5Xx-iE-MIieWdb0ccH9G .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1J5Xx-iE-MIieWdb0ccH9G .lobby-pagination li:hover { background: rgb(255, 170, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img { position: absolute; z-index: 2; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.cross-platform, ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 170, 0); }
._24r3KyVv5E5XgDvuTvXtbl { background: rgb(255, 255, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._163B_sxMZ8RLvkPPZHAMOQ .logo { position: relative; height: 80px; display: inline-block; }
._163B_sxMZ8RLvkPPZHAMOQ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._163B_sxMZ8RLvkPPZHAMOQ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(to right, rgb(152, 70, 255), rgb(233, 45, 255)); border-radius: 3px; }
._163B_sxMZ8RLvkPPZHAMOQ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._163B_sxMZ8RLvkPPZHAMOQ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._163B_sxMZ8RLvkPPZHAMOQ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._163B_sxMZ8RLvkPPZHAMOQ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._163B_sxMZ8RLvkPPZHAMOQ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._163B_sxMZ8RLvkPPZHAMOQ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(to right, rgb(152, 70, 255), rgb(233, 45, 255)); }
._163B_sxMZ8RLvkPPZHAMOQ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._163B_sxMZ8RLvkPPZHAMOQ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 { display: block; font-size: 0px; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 > li > span:hover { background: rgb(255, 221, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 221, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 > li:hover > ol { display: block; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(152, 70, 255); cursor: pointer; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 > li > span { position: relative; display: block; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 > li:hover { background-color: rgb(255, 221, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 > li:hover > ol { display: block; }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._163B_sxMZ8RLvkPPZHAMOQ .banner > img { margin-bottom: 20px; }
._163B_sxMZ8RLvkPPZHAMOQ .headline { border-bottom: 2px solid rgb(152, 70, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(152, 70, 255); border-radius: 8px 8px 0px 0px; }
._163B_sxMZ8RLvkPPZHAMOQ .headline > button { float: right; color: rgb(152, 70, 255); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend { height: 0px; overflow: hidden; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend.show { height: auto; overflow: visible; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-track { margin: 0px; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev, ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev::before, ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next::before { display: none; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev i, ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev:hover, ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next:hover { background-color: rgb(152, 70, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots { position: static; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li.slick-active, ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li.slick-active:hover { background-color: rgb(152, 70, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li button::before { display: none; }
._163B_sxMZ8RLvkPPZHAMOQ .main { position: relative; }
._163B_sxMZ8RLvkPPZHAMOQ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper > img { position: absolute; z-index: 2; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.cross-platform, ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(152, 70, 255), rgb(233, 45, 255)); }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 221, 0); border-radius: 5px; }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo:hover::after { content: "Play"; }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._163B_sxMZ8RLvkPPZHAMOQ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li:hover { background: rgb(152, 70, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li:hover { background: rgb(152, 70, 255); }
._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._2cljmumwIwJF-FSOB6HLzN { background: rgb(255, 255, 255); }
.ub7qzj_ReDMhtQzv216QT .wrapper { width: 850px; position: relative; margin: 0px auto; }
.ub7qzj_ReDMhtQzv216QT .logo { position: relative; height: 80px; display: inline-block; }
.ub7qzj_ReDMhtQzv216QT .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.ub7qzj_ReDMhtQzv216QT .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(100, 18, 126); border-radius: 3px; }
.ub7qzj_ReDMhtQzv216QT .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ub7qzj_ReDMhtQzv216QT .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ub7qzj_ReDMhtQzv216QT .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.ub7qzj_ReDMhtQzv216QT .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.ub7qzj_ReDMhtQzv216QT .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.ub7qzj_ReDMhtQzv216QT .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(100, 18, 126); }
.ub7qzj_ReDMhtQzv216QT .nav ul { padding: 0px; margin: 0px; list-style: none; }
.ub7qzj_ReDMhtQzv216QT .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 { display: block; font-size: 0px; }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 > li > span:hover { background: rgb(152, 40, 188); }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(152, 40, 188); }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 > li:hover > ol { display: block; }
.ub7qzj_ReDMhtQzv216QT .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(100, 18, 126); cursor: pointer; }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 > li > span { position: relative; display: block; }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 > li:hover { background-color: rgb(152, 40, 188); }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 > li:hover > ol { display: block; }
.ub7qzj_ReDMhtQzv216QT .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.ub7qzj_ReDMhtQzv216QT .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.ub7qzj_ReDMhtQzv216QT .banner > img { margin-bottom: 20px; }
.ub7qzj_ReDMhtQzv216QT .headline { border-bottom: 2px solid rgb(100, 18, 126); }
.ub7qzj_ReDMhtQzv216QT .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(100, 18, 126); border-radius: 8px 8px 0px 0px; }
.ub7qzj_ReDMhtQzv216QT .headline > button { float: right; color: rgb(100, 18, 126); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.ub7qzj_ReDMhtQzv216QT .recommend { height: 0px; overflow: hidden; }
.ub7qzj_ReDMhtQzv216QT .recommend.show { height: auto; overflow: visible; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-track { margin: 0px; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-prev, .ub7qzj_ReDMhtQzv216QT .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-prev::before, .ub7qzj_ReDMhtQzv216QT .recommend .slick-next::before { display: none; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-prev i, .ub7qzj_ReDMhtQzv216QT .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-prev:hover, .ub7qzj_ReDMhtQzv216QT .recommend .slick-next:hover { background-color: rgb(100, 18, 126); }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-dots { position: static; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li.slick-active, .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li.slick-active:hover { background-color: rgb(100, 18, 126); }
.ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li button::before { display: none; }
.ub7qzj_ReDMhtQzv216QT .main { position: relative; }
.ub7qzj_ReDMhtQzv216QT .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(100, 18, 126); border-radius: 10px; width: 160px !important; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.ub7qzj_ReDMhtQzv216QT .game-wrapper > img { position: absolute; z-index: 2; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper.cross-platform, .ub7qzj_ReDMhtQzv216QT .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(100, 18, 126); }
.ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.ub7qzj_ReDMhtQzv216QT .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.ub7qzj_ReDMhtQzv216QT .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.ub7qzj_ReDMhtQzv216QT .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(152, 40, 188); border-radius: 5px; }
.ub7qzj_ReDMhtQzv216QT .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.ub7qzj_ReDMhtQzv216QT .game-logo:hover::after { content: "Play"; }
.ub7qzj_ReDMhtQzv216QT .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.ub7qzj_ReDMhtQzv216QT .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.ub7qzj_ReDMhtQzv216QT .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ub7qzj_ReDMhtQzv216QT .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.ub7qzj_ReDMhtQzv216QT .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.ub7qzj_ReDMhtQzv216QT .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.ub7qzj_ReDMhtQzv216QT .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ub7qzj_ReDMhtQzv216QT .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.ub7qzj_ReDMhtQzv216QT .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.ub7qzj_ReDMhtQzv216QT .lobby-pagination li:hover { background: rgb(152, 40, 188); }
._79dmjw252i2nF5EJ2kZKw { background: rgb(255, 255, 255); }
._6_KScQSmwC_9tYnw3DW6W .wrapper { width: 850px; position: relative; margin: 0px auto; }
._6_KScQSmwC_9tYnw3DW6W .logo { position: relative; height: 80px; display: inline-block; }
._6_KScQSmwC_9tYnw3DW6W .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._6_KScQSmwC_9tYnw3DW6W .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(253, 219, 0); border-radius: 3px; }
._6_KScQSmwC_9tYnw3DW6W .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._6_KScQSmwC_9tYnw3DW6W .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._6_KScQSmwC_9tYnw3DW6W .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._6_KScQSmwC_9tYnw3DW6W .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._6_KScQSmwC_9tYnw3DW6W .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._6_KScQSmwC_9tYnw3DW6W .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(242, 148, 26); }
._6_KScQSmwC_9tYnw3DW6W .nav ul { padding: 0px; margin: 0px; list-style: none; }
._6_KScQSmwC_9tYnw3DW6W .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 { display: block; font-size: 0px; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 > li > span:hover { background: rgb(253, 219, 0); }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(253, 219, 0); }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 > li:hover > ol { display: block; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(242, 148, 26); cursor: pointer; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 > li > span { position: relative; display: block; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 > li:hover { background-color: rgb(253, 219, 0); }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 > li:hover > ol { display: block; }
._6_KScQSmwC_9tYnw3DW6W .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._6_KScQSmwC_9tYnw3DW6W .banner > img { margin-bottom: 20px; }
._6_KScQSmwC_9tYnw3DW6W .headline { border-bottom: 2px solid rgb(242, 148, 26); }
._6_KScQSmwC_9tYnw3DW6W .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(242, 148, 26); border-radius: 8px 8px 0px 0px; }
._6_KScQSmwC_9tYnw3DW6W .headline > button { float: right; color: rgb(242, 148, 26); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._6_KScQSmwC_9tYnw3DW6W .recommend { height: 0px; overflow: hidden; }
._6_KScQSmwC_9tYnw3DW6W .recommend.show { height: auto; overflow: visible; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-track { margin: 0px; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev, ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev::before, ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next::before { display: none; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev i, ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev:hover, ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next:hover { background-color: rgb(242, 148, 26); }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots { position: static; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li.slick-active, ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li.slick-active:hover { background-color: rgb(242, 148, 26); }
._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li button::before { display: none; }
._6_KScQSmwC_9tYnw3DW6W .main { position: relative; }
._6_KScQSmwC_9tYnw3DW6W .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img { position: absolute; z-index: 2; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.cross-platform, ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(253, 219, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._6_KScQSmwC_9tYnw3DW6W .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._6_KScQSmwC_9tYnw3DW6W .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(242, 148, 26); border-radius: 5px; }
._6_KScQSmwC_9tYnw3DW6W .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._6_KScQSmwC_9tYnw3DW6W .game-logo:hover::after { content: "Play"; }
._6_KScQSmwC_9tYnw3DW6W .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._6_KScQSmwC_9tYnw3DW6W .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._6_KScQSmwC_9tYnw3DW6W .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._6_KScQSmwC_9tYnw3DW6W .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._6_KScQSmwC_9tYnw3DW6W .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._6_KScQSmwC_9tYnw3DW6W .lobby-pagination li:hover { background: rgb(253, 219, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img { position: absolute; z-index: 2; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.cross-platform, ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(253, 219, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._6_KScQSmwC_9tYnw3DW6W .search form button { color: rgb(242, 148, 26); }
._2tXwNiFTKPOdC4Qky2h6ac { background: rgb(255, 255, 255); }
.yejtqlpWNCTDl1t1LEMTo .wrapper { width: 850px; position: relative; margin: 0px auto; }
.yejtqlpWNCTDl1t1LEMTo .logo { position: relative; height: 80px; display: inline-block; }
.yejtqlpWNCTDl1t1LEMTo .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.yejtqlpWNCTDl1t1LEMTo .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(to top, rgb(220, 60, 60), rgb(246, 186, 56)); border-radius: 3px; }
.yejtqlpWNCTDl1t1LEMTo .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.yejtqlpWNCTDl1t1LEMTo .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.yejtqlpWNCTDl1t1LEMTo .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.yejtqlpWNCTDl1t1LEMTo .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.yejtqlpWNCTDl1t1LEMTo .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.yejtqlpWNCTDl1t1LEMTo .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .nav ul { padding: 0px; margin: 0px; list-style: none; }
.yejtqlpWNCTDl1t1LEMTo .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 { display: block; font-size: 0px; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 > li > span:hover { background: rgb(116, 9, 15); }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(116, 9, 15); }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 > li:hover > ol { display: block; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(174, 13, 21); cursor: pointer; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 > li > span { position: relative; display: block; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 > li:hover { background-color: rgb(116, 9, 15); }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 > li:hover > ol { display: block; }
.yejtqlpWNCTDl1t1LEMTo .category-layer-1 > li:hover > span { color: rgb(255, 238, 85); }
.yejtqlpWNCTDl1t1LEMTo .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.yejtqlpWNCTDl1t1LEMTo .banner > img { margin-bottom: 20px; }
.yejtqlpWNCTDl1t1LEMTo .headline { border-bottom: 2px solid rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(220, 60, 60); border-radius: 8px 8px 0px 0px; }
.yejtqlpWNCTDl1t1LEMTo .headline > button { float: right; color: rgb(220, 60, 60); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.yejtqlpWNCTDl1t1LEMTo .recommend { height: 0px; overflow: hidden; }
.yejtqlpWNCTDl1t1LEMTo .recommend.show { height: auto; overflow: visible; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-track { margin: 0px; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev, .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev::before, .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next::before { display: none; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev i, .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev:hover, .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next:hover { background-color: rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots { position: static; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li.slick-active, .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li.slick-active:hover { background-color: rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li button::before { display: none; }
.yejtqlpWNCTDl1t1LEMTo .main { position: relative; }
.yejtqlpWNCTDl1t1LEMTo .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper > img { position: absolute; z-index: 2; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper.cross-platform, .yejtqlpWNCTDl1t1LEMTo .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.yejtqlpWNCTDl1t1LEMTo .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.yejtqlpWNCTDl1t1LEMTo .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.yejtqlpWNCTDl1t1LEMTo .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(218, 12, 24); border-radius: 5px; }
.yejtqlpWNCTDl1t1LEMTo .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.yejtqlpWNCTDl1t1LEMTo .game-logo:hover::after { content: "Play"; }
.yejtqlpWNCTDl1t1LEMTo .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.yejtqlpWNCTDl1t1LEMTo .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.yejtqlpWNCTDl1t1LEMTo .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.yejtqlpWNCTDl1t1LEMTo .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.yejtqlpWNCTDl1t1LEMTo .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.yejtqlpWNCTDl1t1LEMTo .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.yejtqlpWNCTDl1t1LEMTo .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination li:hover { background: rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination li:hover { background: rgb(220, 60, 60); }
.yejtqlpWNCTDl1t1LEMTo .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1gpisvs6m5LroMCRMSLI1v { background: rgb(255, 255, 255); }
._2NMshEpzGZGIxOaOxeJcTA .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2NMshEpzGZGIxOaOxeJcTA .logo { position: relative; height: 80px; display: inline-block; }
._2NMshEpzGZGIxOaOxeJcTA .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2NMshEpzGZGIxOaOxeJcTA .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(236, 181, 34); border-radius: 3px; }
._2NMshEpzGZGIxOaOxeJcTA .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2NMshEpzGZGIxOaOxeJcTA .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2NMshEpzGZGIxOaOxeJcTA .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2NMshEpzGZGIxOaOxeJcTA .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2NMshEpzGZGIxOaOxeJcTA .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2NMshEpzGZGIxOaOxeJcTA .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2NMshEpzGZGIxOaOxeJcTA .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 { display: block; font-size: 0px; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 > li > span:hover { background: rgb(27, 34, 39); }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(27, 34, 39); }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 > li:hover > ol { display: block; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(236, 181, 34); cursor: pointer; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 > li > span { position: relative; display: block; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 > li:hover { background-color: rgb(27, 34, 39); }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 > li:hover > ol { display: block; }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2NMshEpzGZGIxOaOxeJcTA .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2NMshEpzGZGIxOaOxeJcTA .banner > img { margin-bottom: 20px; }
._2NMshEpzGZGIxOaOxeJcTA .headline { border-bottom: 2px solid rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(236, 181, 34); border-radius: 8px 8px 0px 0px; }
._2NMshEpzGZGIxOaOxeJcTA .headline > button { float: right; color: rgb(236, 181, 34); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2NMshEpzGZGIxOaOxeJcTA .recommend { height: 0px; overflow: hidden; }
._2NMshEpzGZGIxOaOxeJcTA .recommend.show { height: auto; overflow: visible; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-track { margin: 0px; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev, ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev::before, ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next::before { display: none; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev i, ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev:hover, ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next:hover { background-color: rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots { position: static; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li.slick-active, ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li.slick-active:hover { background-color: rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li button::before { display: none; }
._2NMshEpzGZGIxOaOxeJcTA .main { position: relative; }
._2NMshEpzGZGIxOaOxeJcTA .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(27, 34, 39); border-radius: 10px; width: 160px !important; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper > img { position: absolute; z-index: 2; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.cross-platform, ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2NMshEpzGZGIxOaOxeJcTA .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2NMshEpzGZGIxOaOxeJcTA .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2NMshEpzGZGIxOaOxeJcTA .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 230, 134); border-radius: 5px; }
._2NMshEpzGZGIxOaOxeJcTA .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2NMshEpzGZGIxOaOxeJcTA .game-logo:hover::after { content: "Play"; }
._2NMshEpzGZGIxOaOxeJcTA .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2NMshEpzGZGIxOaOxeJcTA .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2NMshEpzGZGIxOaOxeJcTA .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li:hover { background: rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li:hover { background: rgb(236, 181, 34); }
._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3bO8YpdcqqAar-vjGk8nN- { background: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3jH3FYFb5yPIw9euLUYqnj .logo { position: relative; height: 80px; display: inline-block; }
._3jH3FYFb5yPIw9euLUYqnj .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3jH3FYFb5yPIw9euLUYqnj .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 204, 0); border-radius: 3px; }
._3jH3FYFb5yPIw9euLUYqnj .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3jH3FYFb5yPIw9euLUYqnj .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3jH3FYFb5yPIw9euLUYqnj .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3jH3FYFb5yPIw9euLUYqnj .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3jH3FYFb5yPIw9euLUYqnj .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3jH3FYFb5yPIw9euLUYqnj .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3jH3FYFb5yPIw9euLUYqnj .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 { display: block; font-size: 0px; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 > li:hover > ol { display: block; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li > span { position: relative; display: block; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover > ol { display: block; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3jH3FYFb5yPIw9euLUYqnj .banner > img { margin-bottom: 20px; }
._3jH3FYFb5yPIw9euLUYqnj .headline { border-bottom: 2px solid rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 204, 0); border-radius: 8px 8px 0px 0px; }
._3jH3FYFb5yPIw9euLUYqnj .headline > button { float: right; color: rgb(255, 204, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3jH3FYFb5yPIw9euLUYqnj .recommend { height: 0px; overflow: hidden; }
._3jH3FYFb5yPIw9euLUYqnj .recommend.show { height: auto; overflow: visible; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-track { margin: 0px; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev, ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev::before, ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next::before { display: none; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev i, ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev:hover, ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next:hover { background-color: rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots { position: static; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li.slick-active, ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li button::before { display: none; }
._3jH3FYFb5yPIw9euLUYqnj .main { position: relative; }
._3jH3FYFb5yPIw9euLUYqnj .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper > img { position: absolute; z-index: 2; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.cross-platform, ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3jH3FYFb5yPIw9euLUYqnj .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3jH3FYFb5yPIw9euLUYqnj .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 204, 0); border-radius: 5px; }
._3jH3FYFb5yPIw9euLUYqnj .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3jH3FYFb5yPIw9euLUYqnj .game-logo:hover::after { content: "Play"; }
._3jH3FYFb5yPIw9euLUYqnj .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3jH3FYFb5yPIw9euLUYqnj .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3jH3FYFb5yPIw9euLUYqnj .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li:hover { background: rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li:hover { background: rgb(255, 204, 0); }
._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li:hover { color: rgb(0, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li > span { position: relative; display: block; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover > ol { display: block; }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li { color: rgb(255, 255, 255); }
._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 > li:hover { background: rgb(255, 204, 0); }
.s6uJSFZ_VMNPfxn2hlfiw { background: rgb(255, 255, 255); }
._3x439Wihi-q0oFHOdFcLDj .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3x439Wihi-q0oFHOdFcLDj .logo { position: relative; height: 80px; display: inline-block; }
._3x439Wihi-q0oFHOdFcLDj .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3x439Wihi-q0oFHOdFcLDj .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(20, 199, 81); border-radius: 3px; }
._3x439Wihi-q0oFHOdFcLDj .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3x439Wihi-q0oFHOdFcLDj .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3x439Wihi-q0oFHOdFcLDj .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3x439Wihi-q0oFHOdFcLDj .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3x439Wihi-q0oFHOdFcLDj .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3x439Wihi-q0oFHOdFcLDj .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(217, 217, 217); }
._3x439Wihi-q0oFHOdFcLDj .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3x439Wihi-q0oFHOdFcLDj .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 { display: block; font-size: 0px; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 > li > span:hover { background: rgb(20, 199, 81); }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(20, 199, 81); }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 > li:hover > ol { display: block; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(217, 217, 217); cursor: pointer; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 > li > span { position: relative; display: block; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 > li:hover { background-color: rgb(20, 199, 81); }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 > li:hover > ol { display: block; }
._3x439Wihi-q0oFHOdFcLDj .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3x439Wihi-q0oFHOdFcLDj .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3x439Wihi-q0oFHOdFcLDj .banner > img { margin-bottom: 20px; }
._3x439Wihi-q0oFHOdFcLDj .headline { border-bottom: 2px solid rgb(217, 217, 217); }
._3x439Wihi-q0oFHOdFcLDj .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(217, 217, 217); border-radius: 8px 8px 0px 0px; }
._3x439Wihi-q0oFHOdFcLDj .headline > button { float: right; color: rgb(217, 217, 217); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3x439Wihi-q0oFHOdFcLDj .recommend { height: 0px; overflow: hidden; }
._3x439Wihi-q0oFHOdFcLDj .recommend.show { height: auto; overflow: visible; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-track { margin: 0px; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev, ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev::before, ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next::before { display: none; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev i, ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev:hover, ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next:hover { background-color: rgb(217, 217, 217); }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots { position: static; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li.slick-active, ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li.slick-active:hover { background-color: rgb(217, 217, 217); }
._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li button::before { display: none; }
._3x439Wihi-q0oFHOdFcLDj .main { position: relative; }
._3x439Wihi-q0oFHOdFcLDj .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper > img { position: absolute; z-index: 2; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper.cross-platform, ._3x439Wihi-q0oFHOdFcLDj .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 228, 1); }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3x439Wihi-q0oFHOdFcLDj .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3x439Wihi-q0oFHOdFcLDj .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3x439Wihi-q0oFHOdFcLDj .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(20, 199, 81); border-radius: 5px; }
._3x439Wihi-q0oFHOdFcLDj .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3x439Wihi-q0oFHOdFcLDj .game-logo:hover::after { content: "Play"; }
._3x439Wihi-q0oFHOdFcLDj .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3x439Wihi-q0oFHOdFcLDj .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3x439Wihi-q0oFHOdFcLDj .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li:hover { background: rgb(20, 199, 81); }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li:hover { background: rgb(20, 199, 81); }
._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._7pd3moXgVgPOL0wRG4BoG { background: rgb(255, 255, 255); }
._1KRPzb74agmbrXROUR81xN .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1KRPzb74agmbrXROUR81xN .logo { position: relative; height: 80px; display: inline-block; }
._1KRPzb74agmbrXROUR81xN .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1KRPzb74agmbrXROUR81xN .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(51, 181, 233); border-radius: 3px; }
._1KRPzb74agmbrXROUR81xN .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1KRPzb74agmbrXROUR81xN .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1KRPzb74agmbrXROUR81xN .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1KRPzb74agmbrXROUR81xN .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1KRPzb74agmbrXROUR81xN .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1KRPzb74agmbrXROUR81xN .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(51, 181, 233); }
._1KRPzb74agmbrXROUR81xN .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1KRPzb74agmbrXROUR81xN .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1KRPzb74agmbrXROUR81xN .category-layer-0 { display: block; font-size: 0px; }
._1KRPzb74agmbrXROUR81xN .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1KRPzb74agmbrXROUR81xN .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1KRPzb74agmbrXROUR81xN .category-layer-0 > li > span:hover { background: rgb(0, 98, 213); }
._1KRPzb74agmbrXROUR81xN .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 98, 213); }
._1KRPzb74agmbrXROUR81xN .category-layer-0 > li:hover > ol { display: block; }
._1KRPzb74agmbrXROUR81xN .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1KRPzb74agmbrXROUR81xN .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1KRPzb74agmbrXROUR81xN .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(51, 181, 233); cursor: pointer; }
._1KRPzb74agmbrXROUR81xN .category-layer-1 > li > span { position: relative; display: block; }
._1KRPzb74agmbrXROUR81xN .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1KRPzb74agmbrXROUR81xN .category-layer-1 > li:hover { background-color: rgb(0, 98, 213); }
._1KRPzb74agmbrXROUR81xN .category-layer-1 > li:hover > ol { display: block; }
._1KRPzb74agmbrXROUR81xN .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1KRPzb74agmbrXROUR81xN .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1KRPzb74agmbrXROUR81xN .banner > img { margin-bottom: 20px; }
._1KRPzb74agmbrXROUR81xN .headline { border-bottom: 2px solid rgb(51, 181, 233); }
._1KRPzb74agmbrXROUR81xN .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(51, 181, 233); border-radius: 8px 8px 0px 0px; }
._1KRPzb74agmbrXROUR81xN .headline > button { float: right; color: rgb(51, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1KRPzb74agmbrXROUR81xN .recommend { height: 0px; overflow: hidden; }
._1KRPzb74agmbrXROUR81xN .recommend.show { height: auto; overflow: visible; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-track { margin: 0px; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-prev, ._1KRPzb74agmbrXROUR81xN .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-prev::before, ._1KRPzb74agmbrXROUR81xN .recommend .slick-next::before { display: none; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-prev i, ._1KRPzb74agmbrXROUR81xN .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-prev:hover, ._1KRPzb74agmbrXROUR81xN .recommend .slick-next:hover { background-color: rgb(51, 181, 233); }
._1KRPzb74agmbrXROUR81xN .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-dots { position: static; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li.slick-active, ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li.slick-active:hover { background-color: rgb(51, 181, 233); }
._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li button::before { display: none; }
._1KRPzb74agmbrXROUR81xN .main { position: relative; }
._1KRPzb74agmbrXROUR81xN .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1KRPzb74agmbrXROUR81xN .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._1KRPzb74agmbrXROUR81xN .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1KRPzb74agmbrXROUR81xN .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1KRPzb74agmbrXROUR81xN .game-wrapper > img { position: absolute; z-index: 2; }
._1KRPzb74agmbrXROUR81xN .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1KRPzb74agmbrXROUR81xN .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1KRPzb74agmbrXROUR81xN .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1KRPzb74agmbrXROUR81xN .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1KRPzb74agmbrXROUR81xN .game-wrapper.cross-platform, ._1KRPzb74agmbrXROUR81xN .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(51, 181, 233); }
._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1KRPzb74agmbrXROUR81xN .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1KRPzb74agmbrXROUR81xN .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1KRPzb74agmbrXROUR81xN .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(51, 181, 233); border-radius: 5px; }
._1KRPzb74agmbrXROUR81xN .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1KRPzb74agmbrXROUR81xN .game-logo:hover::after { content: "Play"; }
._1KRPzb74agmbrXROUR81xN .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1KRPzb74agmbrXROUR81xN .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1KRPzb74agmbrXROUR81xN .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1KRPzb74agmbrXROUR81xN .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1KRPzb74agmbrXROUR81xN .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1KRPzb74agmbrXROUR81xN .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1KRPzb74agmbrXROUR81xN .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1KRPzb74agmbrXROUR81xN .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1KRPzb74agmbrXROUR81xN .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1KRPzb74agmbrXROUR81xN .lobby-pagination li:hover { background: rgb(51, 181, 233); }
._3ZmwJGLgRgNqeA58-kJMFH { background: rgb(255, 255, 255); }
._1CgvmA-WBes7ON8mrZ8-Fw .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1CgvmA-WBes7ON8mrZ8-Fw .logo { position: relative; height: 80px; display: inline-block; }
._1CgvmA-WBes7ON8mrZ8-Fw .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1CgvmA-WBes7ON8mrZ8-Fw .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(51, 181, 233); border-radius: 3px; }
._1CgvmA-WBes7ON8mrZ8-Fw .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1CgvmA-WBes7ON8mrZ8-Fw .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1CgvmA-WBes7ON8mrZ8-Fw .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1CgvmA-WBes7ON8mrZ8-Fw .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1CgvmA-WBes7ON8mrZ8-Fw .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1CgvmA-WBes7ON8mrZ8-Fw .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(51, 181, 233); }
._1CgvmA-WBes7ON8mrZ8-Fw .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1CgvmA-WBes7ON8mrZ8-Fw .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 { display: block; font-size: 0px; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 > li > span:hover { background: rgb(0, 98, 213); }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 98, 213); }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 > li:hover > ol { display: block; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(51, 181, 233); cursor: pointer; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 > li > span { position: relative; display: block; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 > li:hover { background-color: rgb(0, 98, 213); }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 > li:hover > ol { display: block; }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1CgvmA-WBes7ON8mrZ8-Fw .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1CgvmA-WBes7ON8mrZ8-Fw .banner > img { margin-bottom: 20px; }
._1CgvmA-WBes7ON8mrZ8-Fw .headline { border-bottom: 2px solid rgb(51, 181, 233); }
._1CgvmA-WBes7ON8mrZ8-Fw .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(51, 181, 233); border-radius: 8px 8px 0px 0px; }
._1CgvmA-WBes7ON8mrZ8-Fw .headline > button { float: right; color: rgb(51, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend { height: 0px; overflow: hidden; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend.show { height: auto; overflow: visible; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-track { margin: 0px; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-prev, ._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-prev::before, ._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-next::before { display: none; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-prev i, ._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-prev:hover, ._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-next:hover { background-color: rgb(51, 181, 233); }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-dots { position: static; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-dots li.slick-active, ._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-dots li.slick-active:hover { background-color: rgb(51, 181, 233); }
._1CgvmA-WBes7ON8mrZ8-Fw .recommend .slick-dots li button::before { display: none; }
._1CgvmA-WBes7ON8mrZ8-Fw .main { position: relative; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper > img { position: absolute; z-index: 2; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper.cross-platform, ._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(51, 181, 233); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(51, 181, 233); border-radius: 5px; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo:hover::after { content: "Play"; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1CgvmA-WBes7ON8mrZ8-Fw .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1CgvmA-WBes7ON8mrZ8-Fw .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1CgvmA-WBes7ON8mrZ8-Fw .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1CgvmA-WBes7ON8mrZ8-Fw .lobby-pagination li:hover { background: rgb(51, 181, 233); }
._2AE1tb6xFKDZ1egHrU--YE { background: rgb(255, 255, 255); }
._3PeVtaYd-TulHShVw4t2R_ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3PeVtaYd-TulHShVw4t2R_ .logo { position: relative; height: 80px; display: inline-block; }
._3PeVtaYd-TulHShVw4t2R_ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3PeVtaYd-TulHShVw4t2R_ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(234, 33, 29); border-radius: 3px; }
._3PeVtaYd-TulHShVw4t2R_ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3PeVtaYd-TulHShVw4t2R_ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3PeVtaYd-TulHShVw4t2R_ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3PeVtaYd-TulHShVw4t2R_ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3PeVtaYd-TulHShVw4t2R_ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3PeVtaYd-TulHShVw4t2R_ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(168, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3PeVtaYd-TulHShVw4t2R_ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 { display: block; font-size: 0px; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 > li > span:hover { background: linear-gradient(to top, rgb(255, 249, 92), rgb(255, 255, 170)); }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 > li.active > span { color: rgb(237, 29, 29); background: linear-gradient(to top, rgb(255, 249, 92), rgb(255, 255, 170)); }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 > li:hover > ol { display: block; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 > li:hover > span:hover { color: rgb(237, 29, 29); }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(237, 29, 29); cursor: pointer; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 > li > span { position: relative; display: block; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 > li:hover { }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 > li:hover > ol { display: block; }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 > li:hover > span { color: rgb(255, 249, 92); }
._3PeVtaYd-TulHShVw4t2R_ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3PeVtaYd-TulHShVw4t2R_ .banner > img { margin-bottom: 20px; }
._3PeVtaYd-TulHShVw4t2R_ .headline { border-bottom: 2px solid rgb(168, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(168, 0, 0); border-radius: 8px 8px 0px 0px; }
._3PeVtaYd-TulHShVw4t2R_ .headline > button { float: right; color: rgb(168, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3PeVtaYd-TulHShVw4t2R_ .recommend { height: 0px; overflow: hidden; }
._3PeVtaYd-TulHShVw4t2R_ .recommend.show { height: auto; overflow: visible; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-track { margin: 0px; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev, ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev::before, ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next::before { display: none; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev i, ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev:hover, ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next:hover { background-color: rgb(168, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots { position: static; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li.slick-active, ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li.slick-active:hover { background-color: rgb(168, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li button::before { display: none; }
._3PeVtaYd-TulHShVw4t2R_ .main { position: relative; }
._3PeVtaYd-TulHShVw4t2R_ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper > img { position: absolute; z-index: 2; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.cross-platform, ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(168, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3PeVtaYd-TulHShVw4t2R_ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3PeVtaYd-TulHShVw4t2R_ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(237, 29, 29); border-radius: 5px; }
._3PeVtaYd-TulHShVw4t2R_ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3PeVtaYd-TulHShVw4t2R_ .game-logo:hover::after { content: "Play"; }
._3PeVtaYd-TulHShVw4t2R_ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3PeVtaYd-TulHShVw4t2R_ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3PeVtaYd-TulHShVw4t2R_ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li:hover { background: rgb(237, 29, 29); }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li:hover { background: rgb(237, 29, 29); }
._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.G2H369R4IUqLl_2B_23h { background: rgb(255, 255, 255); }
._2Ng3XUHTpUgZYJuwoJtNCt .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2Ng3XUHTpUgZYJuwoJtNCt .logo { position: relative; height: 80px; display: inline-block; }
._2Ng3XUHTpUgZYJuwoJtNCt .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2Ng3XUHTpUgZYJuwoJtNCt .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); border-radius: 3px; }
._2Ng3XUHTpUgZYJuwoJtNCt .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Ng3XUHTpUgZYJuwoJtNCt .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Ng3XUHTpUgZYJuwoJtNCt .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2Ng3XUHTpUgZYJuwoJtNCt .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2Ng3XUHTpUgZYJuwoJtNCt .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2Ng3XUHTpUgZYJuwoJtNCt .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(246, 57, 27); }
._2Ng3XUHTpUgZYJuwoJtNCt .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2Ng3XUHTpUgZYJuwoJtNCt .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 { display: block; font-size: 0px; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 > li > span:hover { background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 > li.active > span { color: rgb(246, 57, 27); background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 > li:hover > ol { display: block; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 > li:hover > span:hover { color: rgb(246, 57, 27); }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(246, 57, 27); cursor: pointer; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 > li > span { position: relative; display: block; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 > li:hover { background-color: rgb(246, 57, 27); }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 > li:hover > ol { display: block; }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 > li:hover > span { color: rgb(255, 236, 90); }
._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2Ng3XUHTpUgZYJuwoJtNCt .banner > img { margin-bottom: 20px; }
._2Ng3XUHTpUgZYJuwoJtNCt .headline { border-bottom: 2px solid rgb(246, 57, 27); }
._2Ng3XUHTpUgZYJuwoJtNCt .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(246, 57, 27); border-radius: 8px 8px 0px 0px; }
._2Ng3XUHTpUgZYJuwoJtNCt .headline > button { float: right; color: rgb(246, 57, 27); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend { height: 0px; overflow: hidden; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend.show { height: auto; overflow: visible; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-track { margin: 0px; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev, ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev::before, ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next::before { display: none; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev i, ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev:hover, ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next:hover { background-color: rgb(246, 57, 27); }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots { position: static; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li.slick-active, ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li.slick-active:hover { background-color: rgb(246, 57, 27); }
._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li button::before { display: none; }
._2Ng3XUHTpUgZYJuwoJtNCt .main { position: relative; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper > img { position: absolute; z-index: 2; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.cross-platform, ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(246, 57, 27); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); border-radius: 5px; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo:hover::after { content: "Play"; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2Ng3XUHTpUgZYJuwoJtNCt .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._20hjj_XA9LRoDPU4kWJ0Bf { background: rgb(255, 255, 255); }
._1y7gC5jN3mEAicIC5cw680 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1y7gC5jN3mEAicIC5cw680 .logo { position: relative; height: 80px; display: inline-block; }
._1y7gC5jN3mEAicIC5cw680 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1y7gC5jN3mEAicIC5cw680 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(200, 112, 246), rgb(141, 84, 246)); border-radius: 3px; }
._1y7gC5jN3mEAicIC5cw680 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1y7gC5jN3mEAicIC5cw680 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1y7gC5jN3mEAicIC5cw680 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1y7gC5jN3mEAicIC5cw680 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1y7gC5jN3mEAicIC5cw680 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1y7gC5jN3mEAicIC5cw680 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1y7gC5jN3mEAicIC5cw680 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 { display: block; font-size: 0px; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 > li.active > span { color: rgb(141, 84, 246); background: rgb(255, 255, 255); }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 > li:hover > ol { display: block; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-0 > li:hover > span:hover { color: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(141, 84, 246); cursor: pointer; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 > li > span { position: relative; display: block; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 > li:hover { background-color: rgb(200, 112, 246); }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 > li:hover > ol { display: block; }
._1y7gC5jN3mEAicIC5cw680 .category-layer-1 > li:hover > span { color: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1y7gC5jN3mEAicIC5cw680 .banner > img { margin-bottom: 20px; }
._1y7gC5jN3mEAicIC5cw680 .headline { border-bottom: 2px solid rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(141, 84, 246); border-radius: 8px 8px 0px 0px; }
._1y7gC5jN3mEAicIC5cw680 .headline > button { float: right; color: rgb(141, 84, 246); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1y7gC5jN3mEAicIC5cw680 .recommend { height: 0px; overflow: hidden; }
._1y7gC5jN3mEAicIC5cw680 .recommend.show { height: auto; overflow: visible; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-track { margin: 0px; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-prev, ._1y7gC5jN3mEAicIC5cw680 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-prev::before, ._1y7gC5jN3mEAicIC5cw680 .recommend .slick-next::before { display: none; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-prev i, ._1y7gC5jN3mEAicIC5cw680 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-prev:hover, ._1y7gC5jN3mEAicIC5cw680 .recommend .slick-next:hover { background-color: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-dots { position: static; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-dots li.slick-active, ._1y7gC5jN3mEAicIC5cw680 .recommend .slick-dots li.slick-active:hover { background-color: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .recommend .slick-dots li button::before { display: none; }
._1y7gC5jN3mEAicIC5cw680 .main { position: relative; }
._1y7gC5jN3mEAicIC5cw680 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(141, 84, 246); border-radius: 10px; width: 160px !important; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper > img { position: absolute; z-index: 2; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper.cross-platform, ._1y7gC5jN3mEAicIC5cw680 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(200, 112, 246), rgb(141, 84, 246)); }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1y7gC5jN3mEAicIC5cw680 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1y7gC5jN3mEAicIC5cw680 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1y7gC5jN3mEAicIC5cw680 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1y7gC5jN3mEAicIC5cw680 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(200, 112, 246), rgb(141, 84, 246)); border-radius: 5px; }
._1y7gC5jN3mEAicIC5cw680 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1y7gC5jN3mEAicIC5cw680 .game-logo:hover::after { content: "Play"; }
._1y7gC5jN3mEAicIC5cw680 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1y7gC5jN3mEAicIC5cw680 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1y7gC5jN3mEAicIC5cw680 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1y7gC5jN3mEAicIC5cw680 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1y7gC5jN3mEAicIC5cw680 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1y7gC5jN3mEAicIC5cw680 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1y7gC5jN3mEAicIC5cw680 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination li:hover { background: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination li:hover { background: rgb(141, 84, 246); }
._1y7gC5jN3mEAicIC5cw680 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1FeBAgbGWfnzB5nJ3_P_6N { background: rgb(255, 255, 255); }
._3GvNu1_tUP7tyVMa5tEM2Q .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3GvNu1_tUP7tyVMa5tEM2Q .logo { position: relative; height: 80px; display: inline-block; }
._3GvNu1_tUP7tyVMa5tEM2Q .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3GvNu1_tUP7tyVMa5tEM2Q .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(54, 6, 8); border-radius: 3px; }
._3GvNu1_tUP7tyVMa5tEM2Q .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GvNu1_tUP7tyVMa5tEM2Q .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GvNu1_tUP7tyVMa5tEM2Q .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3GvNu1_tUP7tyVMa5tEM2Q .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3GvNu1_tUP7tyVMa5tEM2Q .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3GvNu1_tUP7tyVMa5tEM2Q .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 165, 9); }
._3GvNu1_tUP7tyVMa5tEM2Q .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3GvNu1_tUP7tyVMa5tEM2Q .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 { display: block; font-size: 0px; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(54, 6, 8); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 > li > span:hover { background: rgb(255, 230, 89); }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 > li.active > span { color: rgb(54, 6, 8); background: rgb(255, 230, 89); }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 > li:hover > ol { display: block; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-0 > li:hover > span:hover { color: rgb(54, 6, 8); }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 > li { position: relative; display: block; color: rgb(54, 6, 8); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 165, 9); cursor: pointer; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 > li > span { position: relative; display: block; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 > li:hover { background-color: rgb(255, 230, 89); }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 > li:hover > ol { display: block; }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-1 > li:hover > span { color: rgb(54, 6, 8); }
._3GvNu1_tUP7tyVMa5tEM2Q .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3GvNu1_tUP7tyVMa5tEM2Q .banner > img { margin-bottom: 20px; }
._3GvNu1_tUP7tyVMa5tEM2Q .headline { border-bottom: 2px solid rgb(255, 165, 9); }
._3GvNu1_tUP7tyVMa5tEM2Q .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 165, 9); border-radius: 8px 8px 0px 0px; }
._3GvNu1_tUP7tyVMa5tEM2Q .headline > button { float: right; color: rgb(255, 165, 9); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend { height: 0px; overflow: hidden; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend.show { height: auto; overflow: visible; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-track { margin: 0px; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-prev, ._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-prev::before, ._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-next::before { display: none; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-prev i, ._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-prev:hover, ._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-next:hover { background-color: rgb(255, 165, 9); }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-dots { position: static; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-dots li.slick-active, ._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 165, 9); }
._3GvNu1_tUP7tyVMa5tEM2Q .recommend .slick-dots li button::before { display: none; }
._3GvNu1_tUP7tyVMa5tEM2Q .main { position: relative; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(54, 6, 8); border-radius: 10px; width: 160px !important; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper > img { position: absolute; z-index: 2; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper.cross-platform, ._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 165, 9); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(54, 6, 8); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 230, 89); border-radius: 5px; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo:hover::after { content: "Play"; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3GvNu1_tUP7tyVMa5tEM2Q .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3GvNu1_tUP7tyVMa5tEM2Q .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3GvNu1_tUP7tyVMa5tEM2Q .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(54, 6, 8); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(219, 222, 238); }
._3GvNu1_tUP7tyVMa5tEM2Q .lobby-pagination li:hover { background: rgb(255, 165, 9); }
._2fA6eUX_TWCjtlipOJXhUb { background: rgb(255, 255, 255); }
._30V3lvN8SD45BCdn2cAmiS .wrapper { width: 850px; position: relative; margin: 0px auto; }
._30V3lvN8SD45BCdn2cAmiS .logo { position: relative; height: 80px; display: inline-block; }
._30V3lvN8SD45BCdn2cAmiS .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._30V3lvN8SD45BCdn2cAmiS .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); border-radius: 3px; }
._30V3lvN8SD45BCdn2cAmiS .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._30V3lvN8SD45BCdn2cAmiS .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._30V3lvN8SD45BCdn2cAmiS .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._30V3lvN8SD45BCdn2cAmiS .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._30V3lvN8SD45BCdn2cAmiS .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._30V3lvN8SD45BCdn2cAmiS .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(246, 57, 27); }
._30V3lvN8SD45BCdn2cAmiS .nav ul { padding: 0px; margin: 0px; list-style: none; }
._30V3lvN8SD45BCdn2cAmiS .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 { display: block; font-size: 0px; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 > li > span:hover { background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 > li.active > span { color: rgb(246, 57, 27); background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 > li:hover > ol { display: block; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-0 > li:hover > span:hover { color: rgb(246, 57, 27); }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(246, 57, 27); cursor: pointer; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 > li > span { position: relative; display: block; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 > li:hover { background-color: rgb(246, 57, 27); }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 > li:hover > ol { display: block; }
._30V3lvN8SD45BCdn2cAmiS .category-layer-1 > li:hover > span { color: rgb(255, 236, 90); }
._30V3lvN8SD45BCdn2cAmiS .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._30V3lvN8SD45BCdn2cAmiS .banner > img { margin-bottom: 20px; }
._30V3lvN8SD45BCdn2cAmiS .headline { border-bottom: 2px solid rgb(246, 57, 27); }
._30V3lvN8SD45BCdn2cAmiS .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(246, 57, 27); border-radius: 8px 8px 0px 0px; }
._30V3lvN8SD45BCdn2cAmiS .headline > button { float: right; color: rgb(246, 57, 27); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._30V3lvN8SD45BCdn2cAmiS .recommend { height: 0px; overflow: hidden; }
._30V3lvN8SD45BCdn2cAmiS .recommend.show { height: auto; overflow: visible; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-track { margin: 0px; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-prev, ._30V3lvN8SD45BCdn2cAmiS .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-prev::before, ._30V3lvN8SD45BCdn2cAmiS .recommend .slick-next::before { display: none; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-prev i, ._30V3lvN8SD45BCdn2cAmiS .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-prev:hover, ._30V3lvN8SD45BCdn2cAmiS .recommend .slick-next:hover { background-color: rgb(246, 57, 27); }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-dots { position: static; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-dots li.slick-active, ._30V3lvN8SD45BCdn2cAmiS .recommend .slick-dots li.slick-active:hover { background-color: rgb(246, 57, 27); }
._30V3lvN8SD45BCdn2cAmiS .recommend .slick-dots li button::before { display: none; }
._30V3lvN8SD45BCdn2cAmiS .main { position: relative; }
._30V3lvN8SD45BCdn2cAmiS .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper > img { position: absolute; z-index: 2; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper.cross-platform, ._30V3lvN8SD45BCdn2cAmiS .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._30V3lvN8SD45BCdn2cAmiS .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._30V3lvN8SD45BCdn2cAmiS .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._30V3lvN8SD45BCdn2cAmiS .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._30V3lvN8SD45BCdn2cAmiS .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(246, 57, 27); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); border-radius: 5px; }
._30V3lvN8SD45BCdn2cAmiS .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._30V3lvN8SD45BCdn2cAmiS .game-logo:hover::after { content: "Play"; }
._30V3lvN8SD45BCdn2cAmiS .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._30V3lvN8SD45BCdn2cAmiS .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._30V3lvN8SD45BCdn2cAmiS .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._30V3lvN8SD45BCdn2cAmiS .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._30V3lvN8SD45BCdn2cAmiS .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._30V3lvN8SD45BCdn2cAmiS .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._30V3lvN8SD45BCdn2cAmiS .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._30V3lvN8SD45BCdn2cAmiS .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.Ngml6RaPBym0Bhhe9uMdi { background: rgb(255, 255, 255); }
._2Y3dRYJ0i1JblZr2zb4_C5 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2Y3dRYJ0i1JblZr2zb4_C5 .logo { position: relative; height: 80px; display: inline-block; }
._2Y3dRYJ0i1JblZr2zb4_C5 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 3px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Y3dRYJ0i1JblZr2zb4_C5 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Y3dRYJ0i1JblZr2zb4_C5 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2Y3dRYJ0i1JblZr2zb4_C5 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2Y3dRYJ0i1JblZr2zb4_C5 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2Y3dRYJ0i1JblZr2zb4_C5 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(5, 80, 187); }
._2Y3dRYJ0i1JblZr2zb4_C5 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2Y3dRYJ0i1JblZr2zb4_C5 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 { display: block; font-size: 0px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 > li > span:hover { background: rgb(0, 53, 128); }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 53, 128); }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 > li:hover > ol { display: block; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(5, 80, 187); cursor: pointer; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 > li > span { position: relative; display: block; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 > li:hover { background-color: rgb(0, 53, 128); }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 > li:hover > ol { display: block; }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .banner > img { margin-bottom: 20px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .headline { border-bottom: 2px solid rgb(5, 80, 187); }
._2Y3dRYJ0i1JblZr2zb4_C5 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(5, 80, 187); border-radius: 8px 8px 0px 0px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .headline > button { float: right; color: rgb(5, 80, 187); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend { height: 0px; overflow: hidden; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend.show { height: auto; overflow: visible; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-track { margin: 0px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev, ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev::before, ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next::before { display: none; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev i, ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev:hover, ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next:hover { background-color: rgb(5, 80, 187); }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots { position: static; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li.slick-active, ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li.slick-active:hover { background-color: rgb(5, 80, 187); }
._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li button::before { display: none; }
._2Y3dRYJ0i1JblZr2zb4_C5 .main { position: relative; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper > img { position: absolute; z-index: 2; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.cross-platform, ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 5px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo:hover::after { content: "Play"; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li:hover { background: rgb(53, 147, 252); }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li:hover { background: rgb(53, 147, 252); }
._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1SwSIh5jvflzUGDWZWcS6Y { background: rgb(255, 255, 255); }
.BG0PjIJTvm1LcfN1n074x .wrapper { width: 850px; position: relative; margin: 0px auto; }
.BG0PjIJTvm1LcfN1n074x .logo { position: relative; height: 80px; display: inline-block; }
.BG0PjIJTvm1LcfN1n074x .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.BG0PjIJTvm1LcfN1n074x .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(49, 47, 110); border-radius: 3px; }
.BG0PjIJTvm1LcfN1n074x .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.BG0PjIJTvm1LcfN1n074x .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.BG0PjIJTvm1LcfN1n074x .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.BG0PjIJTvm1LcfN1n074x .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.BG0PjIJTvm1LcfN1n074x .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.BG0PjIJTvm1LcfN1n074x .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(238, 238, 238); }
.BG0PjIJTvm1LcfN1n074x .nav ul { padding: 0px; margin: 0px; list-style: none; }
.BG0PjIJTvm1LcfN1n074x .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 { display: block; font-size: 0px; }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(49, 47, 110); border-radius: 15px; font-size: 15px; line-height: 30px; }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 > li > span:hover { background: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 > li:hover > ol { display: block; }
.BG0PjIJTvm1LcfN1n074x .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 > li { position: relative; display: block; color: rgb(49, 47, 110); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(49, 47, 110); cursor: pointer; }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 > li > span { position: relative; display: block; }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 > li:hover { background-color: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 > li:hover > ol { display: block; }
.BG0PjIJTvm1LcfN1n074x .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.BG0PjIJTvm1LcfN1n074x .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.BG0PjIJTvm1LcfN1n074x .banner > img { margin-bottom: 20px; }
.BG0PjIJTvm1LcfN1n074x .headline { border-bottom: 2px solid rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(49, 47, 110); border-radius: 8px 8px 0px 0px; }
.BG0PjIJTvm1LcfN1n074x .headline > button { float: right; color: rgb(49, 47, 110); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.BG0PjIJTvm1LcfN1n074x .recommend { height: 0px; overflow: hidden; }
.BG0PjIJTvm1LcfN1n074x .recommend.show { height: auto; overflow: visible; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-track { margin: 0px; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-prev, .BG0PjIJTvm1LcfN1n074x .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-prev::before, .BG0PjIJTvm1LcfN1n074x .recommend .slick-next::before { display: none; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-prev i, .BG0PjIJTvm1LcfN1n074x .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-prev:hover, .BG0PjIJTvm1LcfN1n074x .recommend .slick-next:hover { background-color: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-dots { position: static; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li.slick-active, .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li.slick-active:hover { background-color: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li button::before { display: none; }
.BG0PjIJTvm1LcfN1n074x .main { position: relative; }
.BG0PjIJTvm1LcfN1n074x .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.BG0PjIJTvm1LcfN1n074x .game-wrapper > img { position: absolute; z-index: 2; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper.cross-platform, .BG0PjIJTvm1LcfN1n074x .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.BG0PjIJTvm1LcfN1n074x .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.BG0PjIJTvm1LcfN1n074x .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.BG0PjIJTvm1LcfN1n074x .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(49, 47, 110); border-radius: 5px; }
.BG0PjIJTvm1LcfN1n074x .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.BG0PjIJTvm1LcfN1n074x .game-logo:hover::after { content: "Play"; }
.BG0PjIJTvm1LcfN1n074x .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.BG0PjIJTvm1LcfN1n074x .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.BG0PjIJTvm1LcfN1n074x .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.BG0PjIJTvm1LcfN1n074x .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.BG0PjIJTvm1LcfN1n074x .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.BG0PjIJTvm1LcfN1n074x .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.BG0PjIJTvm1LcfN1n074x .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination li:hover { background: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination li:hover { background: rgb(49, 47, 110); }
.BG0PjIJTvm1LcfN1n074x .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1Cm07UOdbxM0UHxkLounPl { background: rgb(255, 255, 255); }
._1QmQD7hk1JPEaP11vWavV2 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1QmQD7hk1JPEaP11vWavV2 .logo { position: relative; height: 80px; display: inline-block; }
._1QmQD7hk1JPEaP11vWavV2 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1QmQD7hk1JPEaP11vWavV2 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._1QmQD7hk1JPEaP11vWavV2 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1QmQD7hk1JPEaP11vWavV2 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1QmQD7hk1JPEaP11vWavV2 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1QmQD7hk1JPEaP11vWavV2 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1QmQD7hk1JPEaP11vWavV2 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1QmQD7hk1JPEaP11vWavV2 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(191, 13, 11); }
._1QmQD7hk1JPEaP11vWavV2 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1QmQD7hk1JPEaP11vWavV2 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 { display: block; font-size: 0px; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 > li > span:hover { background: rgb(51, 51, 51); }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(51, 51, 51); }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 > li:hover > ol { display: block; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(102, 102, 102); cursor: pointer; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 > li > span { position: relative; display: block; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 > li:hover { background-color: rgb(51, 51, 51); }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 > li:hover > ol { display: block; }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1QmQD7hk1JPEaP11vWavV2 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1QmQD7hk1JPEaP11vWavV2 .banner > img { margin-bottom: 20px; }
._1QmQD7hk1JPEaP11vWavV2 .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._1QmQD7hk1JPEaP11vWavV2 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._1QmQD7hk1JPEaP11vWavV2 .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1QmQD7hk1JPEaP11vWavV2 .recommend { height: 0px; overflow: hidden; }
._1QmQD7hk1JPEaP11vWavV2 .recommend.show { height: auto; overflow: visible; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-track { margin: 0px; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev, ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev::before, ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next::before { display: none; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev i, ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev:hover, ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next:hover { background-color: rgb(102, 102, 102); }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots { position: static; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li.slick-active, ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li button::before { display: none; }
._1QmQD7hk1JPEaP11vWavV2 .main { position: relative; }
._1QmQD7hk1JPEaP11vWavV2 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper > img { position: absolute; z-index: 2; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.cross-platform, ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(178, 17, 23); }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1QmQD7hk1JPEaP11vWavV2 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1QmQD7hk1JPEaP11vWavV2 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1QmQD7hk1JPEaP11vWavV2 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(178, 17, 23); font-size: 16px; text-align: center; line-height: 31px; background: rgb(204, 204, 204); border-radius: 5px; }
._1QmQD7hk1JPEaP11vWavV2 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1QmQD7hk1JPEaP11vWavV2 .game-logo:hover::after { content: "Play"; }
._1QmQD7hk1JPEaP11vWavV2 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1QmQD7hk1JPEaP11vWavV2 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1QmQD7hk1JPEaP11vWavV2 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1QmQD7hk1JPEaP11vWavV2 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1QmQD7hk1JPEaP11vWavV2 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(75, 17, 16); }
._1QmQD7hk1JPEaP11vWavV2 .lobby-pagination li:hover { background: rgb(194, 0, 7); }
._1QmQD7hk1JPEaP11vWavV2 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(191, 13, 11); }
._1QmQD7hk1JPEaP11vWavV2 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1QmQD7hk1JPEaP11vWavV2 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1QmQD7hk1JPEaP11vWavV2 .nav { padding-top: 0px; }
._2hHowNNp2MtBWYA4cr0XxF { background: rgb(255, 255, 255); }
.Pq8Lp81cZag_vaX9R4YSI .wrapper { width: 850px; position: relative; margin: 0px auto; }
.Pq8Lp81cZag_vaX9R4YSI .logo { position: relative; height: 80px; display: inline-block; }
.Pq8Lp81cZag_vaX9R4YSI .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.Pq8Lp81cZag_vaX9R4YSI .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 3px; }
.Pq8Lp81cZag_vaX9R4YSI .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.Pq8Lp81cZag_vaX9R4YSI .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.Pq8Lp81cZag_vaX9R4YSI .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.Pq8Lp81cZag_vaX9R4YSI .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.Pq8Lp81cZag_vaX9R4YSI .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.Pq8Lp81cZag_vaX9R4YSI .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(5, 80, 187); }
.Pq8Lp81cZag_vaX9R4YSI .nav ul { padding: 0px; margin: 0px; list-style: none; }
.Pq8Lp81cZag_vaX9R4YSI .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 { display: block; font-size: 0px; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 > li > span:hover { background: rgb(0, 53, 128); }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 53, 128); }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 > li:hover > ol { display: block; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(5, 80, 187); cursor: pointer; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 > li > span { position: relative; display: block; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 > li:hover { background-color: rgb(0, 53, 128); }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 > li:hover > ol { display: block; }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.Pq8Lp81cZag_vaX9R4YSI .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.Pq8Lp81cZag_vaX9R4YSI .banner > img { margin-bottom: 20px; }
.Pq8Lp81cZag_vaX9R4YSI .headline { border-bottom: 2px solid rgb(5, 80, 187); }
.Pq8Lp81cZag_vaX9R4YSI .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(5, 80, 187); border-radius: 8px 8px 0px 0px; }
.Pq8Lp81cZag_vaX9R4YSI .headline > button { float: right; color: rgb(5, 80, 187); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.Pq8Lp81cZag_vaX9R4YSI .recommend { height: 0px; overflow: hidden; }
.Pq8Lp81cZag_vaX9R4YSI .recommend.show { height: auto; overflow: visible; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-track { margin: 0px; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev, .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev::before, .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next::before { display: none; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev i, .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev:hover, .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next:hover { background-color: rgb(5, 80, 187); }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots { position: static; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li.slick-active, .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li.slick-active:hover { background-color: rgb(5, 80, 187); }
.Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li button::before { display: none; }
.Pq8Lp81cZag_vaX9R4YSI .main { position: relative; }
.Pq8Lp81cZag_vaX9R4YSI .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper > img { position: absolute; z-index: 2; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper.cross-platform, .Pq8Lp81cZag_vaX9R4YSI .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.Pq8Lp81cZag_vaX9R4YSI .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.Pq8Lp81cZag_vaX9R4YSI .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.Pq8Lp81cZag_vaX9R4YSI .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 5px; }
.Pq8Lp81cZag_vaX9R4YSI .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.Pq8Lp81cZag_vaX9R4YSI .game-logo:hover::after { content: "Play"; }
.Pq8Lp81cZag_vaX9R4YSI .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.Pq8Lp81cZag_vaX9R4YSI .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.Pq8Lp81cZag_vaX9R4YSI .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li:hover { background: rgb(53, 147, 252); }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li:hover { background: rgb(53, 147, 252); }
.Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1z_Rag45MuU3rjZRm18kaS { background: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1orrTZlHSku5DL78ysqVoo .logo { position: relative; height: 80px; display: inline-block; }
._1orrTZlHSku5DL78ysqVoo .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1orrTZlHSku5DL78ysqVoo .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._1orrTZlHSku5DL78ysqVoo .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1orrTZlHSku5DL78ysqVoo .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1orrTZlHSku5DL78ysqVoo .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1orrTZlHSku5DL78ysqVoo .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1orrTZlHSku5DL78ysqVoo .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1orrTZlHSku5DL78ysqVoo .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(254, 73, 3); }
._1orrTZlHSku5DL78ysqVoo .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1orrTZlHSku5DL78ysqVoo .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 { display: block; font-size: 0px; }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 > li.active > span { color: rgb(254, 73, 3); background: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 > li:hover > ol { display: block; }
._1orrTZlHSku5DL78ysqVoo .category-layer-0 > li:hover > span:hover { color: rgb(254, 73, 3); }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 > li > span { position: relative; display: block; }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 > li:hover > ol { display: block; }
._1orrTZlHSku5DL78ysqVoo .category-layer-1 > li:hover > span { color: rgb(254, 73, 3); }
._1orrTZlHSku5DL78ysqVoo .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1orrTZlHSku5DL78ysqVoo .banner > img { margin-bottom: 20px; }
._1orrTZlHSku5DL78ysqVoo .headline { border-bottom: 2px solid rgb(254, 73, 3); }
._1orrTZlHSku5DL78ysqVoo .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(254, 73, 3); border-radius: 8px 8px 0px 0px; }
._1orrTZlHSku5DL78ysqVoo .headline > button { float: right; color: rgb(254, 73, 3); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1orrTZlHSku5DL78ysqVoo .recommend { height: 0px; overflow: hidden; }
._1orrTZlHSku5DL78ysqVoo .recommend.show { height: auto; overflow: visible; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-track { margin: 0px; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-prev, ._1orrTZlHSku5DL78ysqVoo .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-prev::before, ._1orrTZlHSku5DL78ysqVoo .recommend .slick-next::before { display: none; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-prev i, ._1orrTZlHSku5DL78ysqVoo .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-prev:hover, ._1orrTZlHSku5DL78ysqVoo .recommend .slick-next:hover { background-color: rgb(254, 73, 3); }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-dots { position: static; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-dots li.slick-active, ._1orrTZlHSku5DL78ysqVoo .recommend .slick-dots li.slick-active:hover { background-color: rgb(254, 73, 3); }
._1orrTZlHSku5DL78ysqVoo .recommend .slick-dots li button::before { display: none; }
._1orrTZlHSku5DL78ysqVoo .main { position: relative; }
._1orrTZlHSku5DL78ysqVoo .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img { position: absolute; z-index: 2; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.cross-platform, ._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1orrTZlHSku5DL78ysqVoo .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1orrTZlHSku5DL78ysqVoo .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(254, 73, 3); border-radius: 5px; }
._1orrTZlHSku5DL78ysqVoo .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1orrTZlHSku5DL78ysqVoo .game-logo:hover::after { content: "Play"; }
._1orrTZlHSku5DL78ysqVoo .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1orrTZlHSku5DL78ysqVoo .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1orrTZlHSku5DL78ysqVoo .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1orrTZlHSku5DL78ysqVoo .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._1orrTZlHSku5DL78ysqVoo .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img { position: absolute; z-index: 2; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.cross-platform, ._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover { border-color: rgb(0, 0, 0); }
._1orrTZlHSku5DL78ysqVoo .game-wrapper:hover .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.kDzxAJlUcOq2_G0W7h57P { background: rgb(255, 255, 255); }
._18wb5j4LKgmDOBx1PSLik8 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._18wb5j4LKgmDOBx1PSLik8 .logo { position: relative; height: 80px; display: inline-block; }
._18wb5j4LKgmDOBx1PSLik8 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._18wb5j4LKgmDOBx1PSLik8 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(189, 0, 0); border-radius: 3px; }
._18wb5j4LKgmDOBx1PSLik8 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._18wb5j4LKgmDOBx1PSLik8 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._18wb5j4LKgmDOBx1PSLik8 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._18wb5j4LKgmDOBx1PSLik8 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._18wb5j4LKgmDOBx1PSLik8 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._18wb5j4LKgmDOBx1PSLik8 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(189, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._18wb5j4LKgmDOBx1PSLik8 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 { display: block; font-size: 0px; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 > li > span:hover { background: rgb(92, 17, 17); }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 > li.active > span { color: rgb(255, 222, 3); background: rgb(92, 17, 17); }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 > li:hover > ol { display: block; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 > li:hover > span:hover { color: rgb(255, 222, 3); }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(189, 0, 0); cursor: pointer; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 > li > span { position: relative; display: block; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 > li:hover { background-color: rgb(92, 17, 17); }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 > li:hover > ol { display: block; }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 > li:hover > span { color: rgb(255, 222, 3); }
._18wb5j4LKgmDOBx1PSLik8 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._18wb5j4LKgmDOBx1PSLik8 .banner > img { margin-bottom: 20px; }
._18wb5j4LKgmDOBx1PSLik8 .headline { border-bottom: 2px solid rgb(189, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(189, 0, 0); border-radius: 8px 8px 0px 0px; }
._18wb5j4LKgmDOBx1PSLik8 .headline > button { float: right; color: rgb(189, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._18wb5j4LKgmDOBx1PSLik8 .recommend { height: 0px; overflow: hidden; }
._18wb5j4LKgmDOBx1PSLik8 .recommend.show { height: auto; overflow: visible; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-track { margin: 0px; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev, ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev::before, ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next::before { display: none; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev i, ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev:hover, ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next:hover { background-color: rgb(189, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots { position: static; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li.slick-active, ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li.slick-active:hover { background-color: rgb(189, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li button::before { display: none; }
._18wb5j4LKgmDOBx1PSLik8 .main { position: relative; }
._18wb5j4LKgmDOBx1PSLik8 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(189, 0, 0); border-radius: 10px; width: 160px !important; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper > img { position: absolute; z-index: 2; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.cross-platform, ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(189, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._18wb5j4LKgmDOBx1PSLik8 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._18wb5j4LKgmDOBx1PSLik8 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(189, 0, 0); border-radius: 5px; }
._18wb5j4LKgmDOBx1PSLik8 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._18wb5j4LKgmDOBx1PSLik8 .game-logo:hover::after { content: "Play"; }
._18wb5j4LKgmDOBx1PSLik8 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._18wb5j4LKgmDOBx1PSLik8 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._18wb5j4LKgmDOBx1PSLik8 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._18wb5j4LKgmDOBx1PSLik8 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._18wb5j4LKgmDOBx1PSLik8 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(74, 16, 16); }
._18wb5j4LKgmDOBx1PSLik8 .lobby-pagination li:hover { background: rgb(189, 0, 0); }
.XvSl4l1xz6k9Ea9qRkw_7 { background: rgb(255, 255, 255); }
._3kdEet50rzItCz5OVBLX34 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3kdEet50rzItCz5OVBLX34 .logo { position: relative; height: 80px; display: inline-block; }
._3kdEet50rzItCz5OVBLX34 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3kdEet50rzItCz5OVBLX34 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(60, 232, 151); border-radius: 3px; }
._3kdEet50rzItCz5OVBLX34 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3kdEet50rzItCz5OVBLX34 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3kdEet50rzItCz5OVBLX34 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3kdEet50rzItCz5OVBLX34 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3kdEet50rzItCz5OVBLX34 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3kdEet50rzItCz5OVBLX34 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(60, 232, 151); }
._3kdEet50rzItCz5OVBLX34 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3kdEet50rzItCz5OVBLX34 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 { display: block; font-size: 0px; }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 > li > span:hover { background: rgb(255, 208, 0); }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 208, 0); }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 > li:hover > ol { display: block; }
._3kdEet50rzItCz5OVBLX34 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(60, 232, 151); cursor: pointer; }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 > li > span { position: relative; display: block; }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 > li:hover { background-color: rgb(255, 208, 0); }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 > li:hover > ol { display: block; }
._3kdEet50rzItCz5OVBLX34 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3kdEet50rzItCz5OVBLX34 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3kdEet50rzItCz5OVBLX34 .banner > img { margin-bottom: 20px; }
._3kdEet50rzItCz5OVBLX34 .headline { border-bottom: 2px solid rgb(60, 232, 151); }
._3kdEet50rzItCz5OVBLX34 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(60, 232, 151); border-radius: 8px 8px 0px 0px; }
._3kdEet50rzItCz5OVBLX34 .headline > button { float: right; color: rgb(60, 232, 151); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3kdEet50rzItCz5OVBLX34 .recommend { height: 0px; overflow: hidden; }
._3kdEet50rzItCz5OVBLX34 .recommend.show { height: auto; overflow: visible; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-track { margin: 0px; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev, ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev::before, ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next::before { display: none; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev i, ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev:hover, ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next:hover { background-color: rgb(60, 232, 151); }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots { position: static; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li.slick-active, ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li.slick-active:hover { background-color: rgb(60, 232, 151); }
._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li button::before { display: none; }
._3kdEet50rzItCz5OVBLX34 .main { position: relative; }
._3kdEet50rzItCz5OVBLX34 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(60, 232, 151); border-radius: 10px; width: 160px !important; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3kdEet50rzItCz5OVBLX34 .game-wrapper > img { position: absolute; z-index: 2; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper.cross-platform, ._3kdEet50rzItCz5OVBLX34 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(60, 232, 151); }
._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3kdEet50rzItCz5OVBLX34 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3kdEet50rzItCz5OVBLX34 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3kdEet50rzItCz5OVBLX34 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(60, 232, 151); border-radius: 5px; }
._3kdEet50rzItCz5OVBLX34 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3kdEet50rzItCz5OVBLX34 .game-logo:hover::after { content: "Play"; }
._3kdEet50rzItCz5OVBLX34 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3kdEet50rzItCz5OVBLX34 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3kdEet50rzItCz5OVBLX34 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3kdEet50rzItCz5OVBLX34 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3kdEet50rzItCz5OVBLX34 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3kdEet50rzItCz5OVBLX34 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3kdEet50rzItCz5OVBLX34 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3kdEet50rzItCz5OVBLX34 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3kdEet50rzItCz5OVBLX34 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3kdEet50rzItCz5OVBLX34 .lobby-pagination li:hover { background: rgb(60, 232, 151); }
.S020gIlgvrX_TlRnKWX0m { background: rgb(255, 255, 255); }
._3Nes-MM2T9t0NxUtzQrfzJ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3Nes-MM2T9t0NxUtzQrfzJ .logo { position: relative; height: 80px; display: inline-block; }
._3Nes-MM2T9t0NxUtzQrfzJ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3Nes-MM2T9t0NxUtzQrfzJ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(234, 0, 12), rgb(176, 14, 22)); border-radius: 3px; }
._3Nes-MM2T9t0NxUtzQrfzJ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Nes-MM2T9t0NxUtzQrfzJ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Nes-MM2T9t0NxUtzQrfzJ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3Nes-MM2T9t0NxUtzQrfzJ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3Nes-MM2T9t0NxUtzQrfzJ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3Nes-MM2T9t0NxUtzQrfzJ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(220, 60, 60); }
._3Nes-MM2T9t0NxUtzQrfzJ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3Nes-MM2T9t0NxUtzQrfzJ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 { display: block; font-size: 0px; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 > li > span:hover { background: rgb(115, 9, 15); }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(115, 9, 15); }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 > li:hover > ol { display: block; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(176, 14, 22); cursor: pointer; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 > li > span { position: relative; display: block; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 > li:hover { background-color: rgb(115, 9, 15); }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 > li:hover > ol { display: block; }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3Nes-MM2T9t0NxUtzQrfzJ .banner > img { margin-bottom: 20px; }
._3Nes-MM2T9t0NxUtzQrfzJ .headline { border-bottom: 2px solid rgb(176, 14, 22); }
._3Nes-MM2T9t0NxUtzQrfzJ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(176, 14, 22); border-radius: 8px 8px 0px 0px; }
._3Nes-MM2T9t0NxUtzQrfzJ .headline > button { float: right; color: rgb(176, 14, 22); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend { height: 0px; overflow: hidden; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend.show { height: auto; overflow: visible; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-track { margin: 0px; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev, ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev::before, ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next::before { display: none; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev i, ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev:hover, ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next:hover { background-color: rgb(176, 14, 22); }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots { position: static; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li.slick-active, ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li.slick-active:hover { background-color: rgb(176, 14, 22); }
._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li button::before { display: none; }
._3Nes-MM2T9t0NxUtzQrfzJ .main { position: relative; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper > img { position: absolute; z-index: 2; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.cross-platform, ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(220, 60, 60); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(176, 14, 22); border-radius: 5px; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo:hover::after { content: "Play"; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3Nes-MM2T9t0NxUtzQrfzJ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3Nes-MM2T9t0NxUtzQrfzJ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3Nes-MM2T9t0NxUtzQrfzJ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._3Nes-MM2T9t0NxUtzQrfzJ .lobby-pagination li:hover { background: rgb(176, 14, 22); }
._16OGgW33Hg47WbGun0PECI { background: rgb(255, 255, 255); }
._3TIPL_g9iTKGTqhu3M5oPv .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3TIPL_g9iTKGTqhu3M5oPv .logo { position: relative; height: 80px; display: inline-block; }
._3TIPL_g9iTKGTqhu3M5oPv .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3TIPL_g9iTKGTqhu3M5oPv .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(253, 219, 0); border-radius: 3px; }
._3TIPL_g9iTKGTqhu3M5oPv .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3TIPL_g9iTKGTqhu3M5oPv .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3TIPL_g9iTKGTqhu3M5oPv .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3TIPL_g9iTKGTqhu3M5oPv .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3TIPL_g9iTKGTqhu3M5oPv .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3TIPL_g9iTKGTqhu3M5oPv .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(242, 148, 26); }
._3TIPL_g9iTKGTqhu3M5oPv .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3TIPL_g9iTKGTqhu3M5oPv .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 { display: block; font-size: 0px; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 > li > span:hover { background: rgb(253, 219, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(253, 219, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 > li:hover > ol { display: block; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(242, 148, 26); cursor: pointer; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 > li > span { position: relative; display: block; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 > li:hover { background-color: rgb(253, 219, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 > li:hover > ol { display: block; }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3TIPL_g9iTKGTqhu3M5oPv .banner > img { margin-bottom: 20px; }
._3TIPL_g9iTKGTqhu3M5oPv .headline { border-bottom: 2px solid rgb(242, 148, 26); }
._3TIPL_g9iTKGTqhu3M5oPv .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(242, 148, 26); border-radius: 8px 8px 0px 0px; }
._3TIPL_g9iTKGTqhu3M5oPv .headline > button { float: right; color: rgb(242, 148, 26); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend { height: 0px; overflow: hidden; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend.show { height: auto; overflow: visible; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-track { margin: 0px; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev, ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev::before, ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next::before { display: none; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev i, ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev:hover, ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next:hover { background-color: rgb(242, 148, 26); }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots { position: static; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li.slick-active, ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li.slick-active:hover { background-color: rgb(242, 148, 26); }
._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li button::before { display: none; }
._3TIPL_g9iTKGTqhu3M5oPv .main { position: relative; }
._3TIPL_g9iTKGTqhu3M5oPv .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img { position: absolute; z-index: 2; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.cross-platform, ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(253, 219, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(242, 148, 26); border-radius: 5px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo:hover::after { content: "Play"; }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3TIPL_g9iTKGTqhu3M5oPv .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3TIPL_g9iTKGTqhu3M5oPv .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3TIPL_g9iTKGTqhu3M5oPv .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3TIPL_g9iTKGTqhu3M5oPv .lobby-pagination li:hover { background: rgb(253, 219, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img { position: absolute; z-index: 2; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.cross-platform, ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(253, 219, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3TIPL_g9iTKGTqhu3M5oPv .search form button { color: rgb(242, 148, 26); }
._1qU_A7USFYXUPKARt_pEwt { background: rgb(255, 255, 255); }
.kWFNBdlkN8Bl31_vhZIyB .wrapper { width: 850px; position: relative; margin: 0px auto; }
.kWFNBdlkN8Bl31_vhZIyB .logo { position: relative; height: 80px; display: inline-block; }
.kWFNBdlkN8Bl31_vhZIyB .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.kWFNBdlkN8Bl31_vhZIyB .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(55, 18, 0); border-radius: 3px; }
.kWFNBdlkN8Bl31_vhZIyB .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.kWFNBdlkN8Bl31_vhZIyB .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.kWFNBdlkN8Bl31_vhZIyB .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.kWFNBdlkN8Bl31_vhZIyB .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.kWFNBdlkN8Bl31_vhZIyB .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.kWFNBdlkN8Bl31_vhZIyB .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(55, 18, 0); }
.kWFNBdlkN8Bl31_vhZIyB .nav ul { padding: 0px; margin: 0px; list-style: none; }
.kWFNBdlkN8Bl31_vhZIyB .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 { display: block; font-size: 0px; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 > li > span:hover { background: rgb(125, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(125, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 > li:hover > ol { display: block; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(55, 18, 0); cursor: pointer; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 > li > span { position: relative; display: block; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 > li:hover { background-color: rgb(125, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 > li:hover > ol { display: block; }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.kWFNBdlkN8Bl31_vhZIyB .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.kWFNBdlkN8Bl31_vhZIyB .banner > img { margin-bottom: 20px; }
.kWFNBdlkN8Bl31_vhZIyB .headline { border-bottom: 2px solid rgb(55, 18, 0); }
.kWFNBdlkN8Bl31_vhZIyB .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(55, 18, 0); border-radius: 8px 8px 0px 0px; }
.kWFNBdlkN8Bl31_vhZIyB .headline > button { float: right; color: rgb(55, 18, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.kWFNBdlkN8Bl31_vhZIyB .recommend { height: 0px; overflow: hidden; }
.kWFNBdlkN8Bl31_vhZIyB .recommend.show { height: auto; overflow: visible; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-track { margin: 0px; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev, .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev::before, .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next::before { display: none; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev i, .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev:hover, .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next:hover { background-color: rgb(55, 18, 0); }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots { position: static; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li.slick-active, .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li.slick-active:hover { background-color: rgb(55, 18, 0); }
.kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li button::before { display: none; }
.kWFNBdlkN8Bl31_vhZIyB .main { position: relative; }
.kWFNBdlkN8Bl31_vhZIyB .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper > img { position: absolute; z-index: 2; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper.cross-platform, .kWFNBdlkN8Bl31_vhZIyB .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(125, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.kWFNBdlkN8Bl31_vhZIyB .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.kWFNBdlkN8Bl31_vhZIyB .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(125, 0, 0); border-radius: 5px; }
.kWFNBdlkN8Bl31_vhZIyB .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.kWFNBdlkN8Bl31_vhZIyB .game-logo:hover::after { content: "Play"; }
.kWFNBdlkN8Bl31_vhZIyB .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.kWFNBdlkN8Bl31_vhZIyB .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.kWFNBdlkN8Bl31_vhZIyB .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kWFNBdlkN8Bl31_vhZIyB .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.kWFNBdlkN8Bl31_vhZIyB .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(55, 18, 0); }
.kWFNBdlkN8Bl31_vhZIyB .lobby-pagination li:hover { background: rgb(125, 0, 0); }
._2jE4t3Ql8tEodt9Tb1brrP { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9cd03d6173af44ab2d6bfae215349fee.jpg") center top no-repeat; }
._3_q9v0lCecF4T2pMvlivQ0 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3_q9v0lCecF4T2pMvlivQ0 .logo { position: relative; height: 80px; display: inline-block; }
._3_q9v0lCecF4T2pMvlivQ0 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3_q9v0lCecF4T2pMvlivQ0 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 170, 223); border-radius: 3px; }
._3_q9v0lCecF4T2pMvlivQ0 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3_q9v0lCecF4T2pMvlivQ0 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3_q9v0lCecF4T2pMvlivQ0 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3_q9v0lCecF4T2pMvlivQ0 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3_q9v0lCecF4T2pMvlivQ0 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3_q9v0lCecF4T2pMvlivQ0 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(4, 141, 184); }
._3_q9v0lCecF4T2pMvlivQ0 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3_q9v0lCecF4T2pMvlivQ0 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 { display: block; font-size: 0px; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 > li > span:hover { background: rgb(49, 181, 233); }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 > li.active > span { color: rgb(255, 255, 0); background: rgb(49, 181, 233); }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 > li:hover > ol { display: block; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(4, 141, 184); cursor: pointer; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 > li > span { position: relative; display: block; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 > li:hover { background-color: rgb(49, 181, 233); }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 > li:hover > ol { display: block; }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 > li:hover > span { color: rgb(255, 255, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3_q9v0lCecF4T2pMvlivQ0 .banner > img { margin-bottom: 20px; }
._3_q9v0lCecF4T2pMvlivQ0 .headline { border-bottom: 2px solid rgb(4, 141, 184); }
._3_q9v0lCecF4T2pMvlivQ0 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(4, 141, 184); border-radius: 8px 8px 0px 0px; }
._3_q9v0lCecF4T2pMvlivQ0 .headline > button { float: right; color: rgb(4, 141, 184); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend { height: 0px; overflow: hidden; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend.show { height: auto; overflow: visible; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-track { margin: 0px; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev, ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev::before, ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next::before { display: none; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev i, ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev:hover, ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next:hover { background-color: rgb(4, 141, 184); }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots { position: static; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li.slick-active, ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li.slick-active:hover { background-color: rgb(4, 141, 184); }
._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li button::before { display: none; }
._3_q9v0lCecF4T2pMvlivQ0 .main { position: relative; }
._3_q9v0lCecF4T2pMvlivQ0 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 45, 151); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 151, 192); border-radius: 10px; width: 160px !important; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover { cursor: pointer; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img { position: absolute; z-index: 2; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.cross-platform, ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 170, 223); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 114, 159); border-radius: 5px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo:hover::after { content: "Play"; }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3_q9v0lCecF4T2pMvlivQ0 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3_q9v0lCecF4T2pMvlivQ0 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3_q9v0lCecF4T2pMvlivQ0 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._3_q9v0lCecF4T2pMvlivQ0 .lobby-pagination li:hover { background: rgb(0, 170, 223); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 45, 151); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 151, 192); border-radius: 10px; width: 160px !important; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover { cursor: pointer; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img { position: absolute; z-index: 2; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.cross-platform, ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 170, 223); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper { background-color: rgb(78, 217, 255); }
.yuq43hKnvQq_oFbB_HDDW { background: rgb(255, 255, 255); }
._1pt6JDoqIEKLP2DhchtMEc .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1pt6JDoqIEKLP2DhchtMEc .logo { position: relative; height: 80px; display: inline-block; }
._1pt6JDoqIEKLP2DhchtMEc .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1pt6JDoqIEKLP2DhchtMEc .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._1pt6JDoqIEKLP2DhchtMEc .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1pt6JDoqIEKLP2DhchtMEc .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1pt6JDoqIEKLP2DhchtMEc .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1pt6JDoqIEKLP2DhchtMEc .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1pt6JDoqIEKLP2DhchtMEc .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1pt6JDoqIEKLP2DhchtMEc .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1pt6JDoqIEKLP2DhchtMEc .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 { display: block; font-size: 0px; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 > li > span:hover { background: rgb(255, 170, 0); }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 170, 0); }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 > li:hover > ol { display: block; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 > li > span { position: relative; display: block; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 > li:hover { background-color: rgb(255, 170, 0); }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 > li:hover > ol { display: block; }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1pt6JDoqIEKLP2DhchtMEc .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1pt6JDoqIEKLP2DhchtMEc .banner > img { margin-bottom: 20px; }
._1pt6JDoqIEKLP2DhchtMEc .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._1pt6JDoqIEKLP2DhchtMEc .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1pt6JDoqIEKLP2DhchtMEc .recommend { height: 0px; overflow: hidden; }
._1pt6JDoqIEKLP2DhchtMEc .recommend.show { height: auto; overflow: visible; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-track { margin: 0px; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev, ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev::before, ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next::before { display: none; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev i, ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev:hover, ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots { position: static; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li.slick-active, ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li button::before { display: none; }
._1pt6JDoqIEKLP2DhchtMEc .main { position: relative; }
._1pt6JDoqIEKLP2DhchtMEc .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img { position: absolute; z-index: 2; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.cross-platform, ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1pt6JDoqIEKLP2DhchtMEc .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1pt6JDoqIEKLP2DhchtMEc .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 170, 0); border-radius: 5px; }
._1pt6JDoqIEKLP2DhchtMEc .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1pt6JDoqIEKLP2DhchtMEc .game-logo:hover::after { content: "Play"; }
._1pt6JDoqIEKLP2DhchtMEc .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1pt6JDoqIEKLP2DhchtMEc .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1pt6JDoqIEKLP2DhchtMEc .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1pt6JDoqIEKLP2DhchtMEc .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1pt6JDoqIEKLP2DhchtMEc .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1pt6JDoqIEKLP2DhchtMEc .lobby-pagination li:hover { background: rgb(255, 170, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img { position: absolute; z-index: 2; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.cross-platform, ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 170, 0); }
.bYC6LbeamPCwlyHWS-C8i { background: rgb(255, 255, 255); }
._1ss-ebQ42wHiRyanPvBnzI .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1ss-ebQ42wHiRyanPvBnzI .logo { position: relative; height: 80px; display: inline-block; }
._1ss-ebQ42wHiRyanPvBnzI .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1ss-ebQ42wHiRyanPvBnzI .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(49, 248, 232), rgb(25, 118, 138)); border-radius: 3px; }
._1ss-ebQ42wHiRyanPvBnzI .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1ss-ebQ42wHiRyanPvBnzI .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1ss-ebQ42wHiRyanPvBnzI .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1ss-ebQ42wHiRyanPvBnzI .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1ss-ebQ42wHiRyanPvBnzI .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1ss-ebQ42wHiRyanPvBnzI .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(25, 118, 138); }
._1ss-ebQ42wHiRyanPvBnzI .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1ss-ebQ42wHiRyanPvBnzI .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 { display: block; font-size: 0px; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 > li > span:hover { background: rgb(244, 29, 112); }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(244, 29, 112); }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 > li:hover > ol { display: block; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(25, 118, 138); cursor: pointer; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 > li > span { position: relative; display: block; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 > li:hover { background-color: rgb(244, 29, 112); }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 > li:hover > ol { display: block; }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1ss-ebQ42wHiRyanPvBnzI .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1ss-ebQ42wHiRyanPvBnzI .banner > img { margin-bottom: 20px; }
._1ss-ebQ42wHiRyanPvBnzI .headline { border-bottom: 2px solid rgb(25, 118, 138); }
._1ss-ebQ42wHiRyanPvBnzI .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(25, 118, 138); border-radius: 8px 8px 0px 0px; }
._1ss-ebQ42wHiRyanPvBnzI .headline > button { float: right; color: rgb(25, 118, 138); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1ss-ebQ42wHiRyanPvBnzI .recommend { height: 0px; overflow: hidden; }
._1ss-ebQ42wHiRyanPvBnzI .recommend.show { height: auto; overflow: visible; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-track { margin: 0px; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev, ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev::before, ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next::before { display: none; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev i, ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev:hover, ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next:hover { background-color: rgb(25, 118, 138); }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots { position: static; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li.slick-active, ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li.slick-active:hover { background-color: rgb(25, 118, 138); }
._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li button::before { display: none; }
._1ss-ebQ42wHiRyanPvBnzI .main { position: relative; }
._1ss-ebQ42wHiRyanPvBnzI .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper > img { position: absolute; z-index: 2; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.cross-platform, ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(49, 248, 232), rgb(25, 118, 138)); }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1ss-ebQ42wHiRyanPvBnzI .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1ss-ebQ42wHiRyanPvBnzI .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1ss-ebQ42wHiRyanPvBnzI .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(244, 29, 112); border-radius: 5px; }
._1ss-ebQ42wHiRyanPvBnzI .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1ss-ebQ42wHiRyanPvBnzI .game-logo:hover::after { content: "Play"; }
._1ss-ebQ42wHiRyanPvBnzI .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1ss-ebQ42wHiRyanPvBnzI .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1ss-ebQ42wHiRyanPvBnzI .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1ss-ebQ42wHiRyanPvBnzI .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1ss-ebQ42wHiRyanPvBnzI .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._1ss-ebQ42wHiRyanPvBnzI .lobby-pagination li:hover { background: rgb(25, 118, 138); }
._2uMA2eUcXP7SgWSHyobDfn { background: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1h4LEDZRLqOWnylW1QrWRL .logo { position: relative; height: 80px; display: inline-block; }
._1h4LEDZRLqOWnylW1QrWRL .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1h4LEDZRLqOWnylW1QrWRL .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(202, 189, 134), rgb(111, 97, 68)); border-radius: 3px; }
._1h4LEDZRLqOWnylW1QrWRL .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1h4LEDZRLqOWnylW1QrWRL .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1h4LEDZRLqOWnylW1QrWRL .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1h4LEDZRLqOWnylW1QrWRL .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1h4LEDZRLqOWnylW1QrWRL .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1h4LEDZRLqOWnylW1QrWRL .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(224, 224, 224); }
._1h4LEDZRLqOWnylW1QrWRL .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1h4LEDZRLqOWnylW1QrWRL .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 { display: block; font-size: 0px; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 > li > span:hover { background: rgb(146, 132, 93); }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(146, 132, 93); }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 > li:hover > ol { display: block; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(224, 224, 224); cursor: pointer; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 > li > span { position: relative; display: block; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 > li:hover { background-color: rgb(146, 132, 93); }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 > li:hover > ol { display: block; }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1h4LEDZRLqOWnylW1QrWRL .banner > img { margin-bottom: 20px; }
._1h4LEDZRLqOWnylW1QrWRL .headline { border-bottom: 2px solid rgb(111, 97, 68); }
._1h4LEDZRLqOWnylW1QrWRL .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(111, 97, 68); border-radius: 8px 8px 0px 0px; }
._1h4LEDZRLqOWnylW1QrWRL .headline > button { float: right; color: rgb(111, 97, 68); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1h4LEDZRLqOWnylW1QrWRL .recommend { height: 0px; overflow: hidden; }
._1h4LEDZRLqOWnylW1QrWRL .recommend.show { height: auto; overflow: visible; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-track { margin: 0px; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev, ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev::before, ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next::before { display: none; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev i, ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev:hover, ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next:hover { background-color: rgb(111, 97, 68); }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots { position: static; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li.slick-active, ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li.slick-active:hover { background-color: rgb(111, 97, 68); }
._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li button::before { display: none; }
._1h4LEDZRLqOWnylW1QrWRL .main { position: relative; }
._1h4LEDZRLqOWnylW1QrWRL .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img { position: absolute; z-index: 2; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.cross-platform, ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(202, 189, 134), rgb(111, 97, 68)); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1h4LEDZRLqOWnylW1QrWRL .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1h4LEDZRLqOWnylW1QrWRL .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1h4LEDZRLqOWnylW1QrWRL .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(107, 90, 53); font-size: 16px; text-align: center; line-height: 31px; background: rgb(228, 219, 182); border-radius: 5px; }
._1h4LEDZRLqOWnylW1QrWRL .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1h4LEDZRLqOWnylW1QrWRL .game-logo:hover::after { content: "Play"; }
._1h4LEDZRLqOWnylW1QrWRL .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1h4LEDZRLqOWnylW1QrWRL .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1h4LEDZRLqOWnylW1QrWRL .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(224, 224, 224); }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li:hover { background: rgb(201, 180, 118); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img { position: absolute; z-index: 2; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.cross-platform, ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(202, 189, 134), rgb(111, 97, 68)); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover { border-color: rgb(255, 255, 255); }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(224, 224, 224); }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li:hover { background: rgb(201, 180, 118); }
._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.eat74gLxUJTKQEpQ_97VQ { background: rgb(255, 255, 255); }
._1HOQ2348kFIdkpHym1C-IL .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1HOQ2348kFIdkpHym1C-IL .logo { position: relative; height: 80px; display: inline-block; }
._1HOQ2348kFIdkpHym1C-IL .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1HOQ2348kFIdkpHym1C-IL .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(188, 154, 69); border-radius: 3px; }
._1HOQ2348kFIdkpHym1C-IL .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1HOQ2348kFIdkpHym1C-IL .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1HOQ2348kFIdkpHym1C-IL .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1HOQ2348kFIdkpHym1C-IL .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1HOQ2348kFIdkpHym1C-IL .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1HOQ2348kFIdkpHym1C-IL .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(225, 208, 105); }
._1HOQ2348kFIdkpHym1C-IL .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1HOQ2348kFIdkpHym1C-IL .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 { display: block; font-size: 0px; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 > li > span:hover { background: rgb(188, 154, 69); }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(188, 154, 69); }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 > li:hover > ol { display: block; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(225, 208, 105); cursor: pointer; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 > li > span { position: relative; display: block; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 > li:hover { background-color: rgb(188, 154, 69); }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 > li:hover > ol { display: block; }
._1HOQ2348kFIdkpHym1C-IL .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1HOQ2348kFIdkpHym1C-IL .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1HOQ2348kFIdkpHym1C-IL .banner > img { margin-bottom: 20px; }
._1HOQ2348kFIdkpHym1C-IL .headline { border-bottom: 2px solid rgb(225, 208, 105); }
._1HOQ2348kFIdkpHym1C-IL .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(225, 208, 105); border-radius: 8px 8px 0px 0px; }
._1HOQ2348kFIdkpHym1C-IL .headline > button { float: right; color: rgb(225, 208, 105); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1HOQ2348kFIdkpHym1C-IL .recommend { height: 0px; overflow: hidden; }
._1HOQ2348kFIdkpHym1C-IL .recommend.show { height: auto; overflow: visible; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-track { margin: 0px; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev, ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev::before, ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next::before { display: none; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev i, ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev:hover, ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next:hover { background-color: rgb(225, 208, 105); }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots { position: static; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li.slick-active, ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li.slick-active:hover { background-color: rgb(225, 208, 105); }
._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li button::before { display: none; }
._1HOQ2348kFIdkpHym1C-IL .main { position: relative; }
._1HOQ2348kFIdkpHym1C-IL .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper > img { position: absolute; z-index: 2; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper.cross-platform, ._1HOQ2348kFIdkpHym1C-IL .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(188, 154, 69); }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1HOQ2348kFIdkpHym1C-IL .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1HOQ2348kFIdkpHym1C-IL .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1HOQ2348kFIdkpHym1C-IL .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(196, 167, 0); border-radius: 5px; }
._1HOQ2348kFIdkpHym1C-IL .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1HOQ2348kFIdkpHym1C-IL .game-logo:hover::after { content: "Play"; }
._1HOQ2348kFIdkpHym1C-IL .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1HOQ2348kFIdkpHym1C-IL .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1HOQ2348kFIdkpHym1C-IL .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1HOQ2348kFIdkpHym1C-IL .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1HOQ2348kFIdkpHym1C-IL .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(225, 208, 105); }
._1HOQ2348kFIdkpHym1C-IL .lobby-pagination li:hover { background: rgb(188, 154, 69); }
._174zAODecba5fFmKFFTsc_ { background: rgb(255, 255, 255); }
._8tsn2d0GKh49R5PUm1GyK .wrapper { width: 850px; position: relative; margin: 0px auto; }
._8tsn2d0GKh49R5PUm1GyK .logo { position: relative; height: 80px; display: inline-block; }
._8tsn2d0GKh49R5PUm1GyK .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._8tsn2d0GKh49R5PUm1GyK .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(254, 41, 73); border-radius: 3px; }
._8tsn2d0GKh49R5PUm1GyK .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._8tsn2d0GKh49R5PUm1GyK .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._8tsn2d0GKh49R5PUm1GyK .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._8tsn2d0GKh49R5PUm1GyK .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._8tsn2d0GKh49R5PUm1GyK .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._8tsn2d0GKh49R5PUm1GyK .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .nav ul { padding: 0px; margin: 0px; list-style: none; }
._8tsn2d0GKh49R5PUm1GyK .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 { display: block; font-size: 0px; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 > li > span:hover { background: rgb(0, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 > li.active > span { color: rgb(255, 255, 0); background: rgb(0, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 > li:hover > ol { display: block; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 0); }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(254, 41, 73); cursor: pointer; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 > li > span { position: relative; display: block; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 > li:hover { background-color: rgb(0, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 > li:hover > ol { display: block; }
._8tsn2d0GKh49R5PUm1GyK .category-layer-1 > li:hover > span { color: rgb(255, 255, 0); }
._8tsn2d0GKh49R5PUm1GyK .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._8tsn2d0GKh49R5PUm1GyK .banner > img { margin-bottom: 20px; }
._8tsn2d0GKh49R5PUm1GyK .headline { border-bottom: 2px solid rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(254, 41, 73); border-radius: 8px 8px 0px 0px; }
._8tsn2d0GKh49R5PUm1GyK .headline > button { float: right; color: rgb(254, 41, 73); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._8tsn2d0GKh49R5PUm1GyK .recommend { height: 0px; overflow: hidden; }
._8tsn2d0GKh49R5PUm1GyK .recommend.show { height: auto; overflow: visible; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-track { margin: 0px; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev, ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev::before, ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next::before { display: none; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev i, ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev:hover, ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next:hover { background-color: rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots { position: static; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li.slick-active, ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li.slick-active:hover { background-color: rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li button::before { display: none; }
._8tsn2d0GKh49R5PUm1GyK .main { position: relative; }
._8tsn2d0GKh49R5PUm1GyK .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper > img { position: absolute; z-index: 2; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper.cross-platform, ._8tsn2d0GKh49R5PUm1GyK .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._8tsn2d0GKh49R5PUm1GyK .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._8tsn2d0GKh49R5PUm1GyK .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(to right, rgb(239, 60, 84), rgb(248, 151, 41)); border-radius: 5px; }
._8tsn2d0GKh49R5PUm1GyK .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._8tsn2d0GKh49R5PUm1GyK .game-logo:hover::after { content: "Play"; }
._8tsn2d0GKh49R5PUm1GyK .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._8tsn2d0GKh49R5PUm1GyK .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._8tsn2d0GKh49R5PUm1GyK .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li:hover { background: rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li:hover { background: rgb(254, 41, 73); }
._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._25FfvyTDnhtnInL121xlC6 { background: rgb(255, 255, 255); }
._3A8H2uYgV0GiqimCbdM1H8 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3A8H2uYgV0GiqimCbdM1H8 .logo { position: relative; height: 80px; display: inline-block; }
._3A8H2uYgV0GiqimCbdM1H8 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3A8H2uYgV0GiqimCbdM1H8 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(117, 132, 140); border-radius: 3px; }
._3A8H2uYgV0GiqimCbdM1H8 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3A8H2uYgV0GiqimCbdM1H8 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3A8H2uYgV0GiqimCbdM1H8 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3A8H2uYgV0GiqimCbdM1H8 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3A8H2uYgV0GiqimCbdM1H8 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3A8H2uYgV0GiqimCbdM1H8 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(117, 132, 140); }
._3A8H2uYgV0GiqimCbdM1H8 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3A8H2uYgV0GiqimCbdM1H8 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 { display: block; font-size: 0px; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 > li > span:hover { background: rgb(86, 95, 100); }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(86, 95, 100); }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 > li:hover > ol { display: block; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(117, 132, 140); cursor: pointer; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 > li > span { position: relative; display: block; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 > li:hover { background-color: rgb(86, 95, 100); }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 > li:hover > ol { display: block; }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3A8H2uYgV0GiqimCbdM1H8 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3A8H2uYgV0GiqimCbdM1H8 .banner > img { margin-bottom: 20px; }
._3A8H2uYgV0GiqimCbdM1H8 .headline { border-bottom: 2px solid rgb(117, 132, 140); }
._3A8H2uYgV0GiqimCbdM1H8 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(117, 132, 140); border-radius: 8px 8px 0px 0px; }
._3A8H2uYgV0GiqimCbdM1H8 .headline > button { float: right; color: rgb(117, 132, 140); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend { height: 0px; overflow: hidden; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend.show { height: auto; overflow: visible; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-track { margin: 0px; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev, ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev::before, ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next::before { display: none; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev i, ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev:hover, ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next:hover { background-color: rgb(117, 132, 140); }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots { position: static; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li.slick-active, ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li.slick-active:hover { background-color: rgb(117, 132, 140); }
._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li button::before { display: none; }
._3A8H2uYgV0GiqimCbdM1H8 .main { position: relative; }
._3A8H2uYgV0GiqimCbdM1H8 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(117, 132, 140); border-radius: 10px; width: 160px !important; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper > img { position: absolute; z-index: 2; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.cross-platform, ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(117, 132, 140); }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(117, 132, 140); border-radius: 5px; }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo:hover::after { content: "Play"; }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3A8H2uYgV0GiqimCbdM1H8 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3A8H2uYgV0GiqimCbdM1H8 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3A8H2uYgV0GiqimCbdM1H8 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(117, 132, 140); }
._3A8H2uYgV0GiqimCbdM1H8 .lobby-pagination li:hover { background: rgb(86, 95, 100); }
.Z5oUMfSaswmWNjZzXkVPi { background: rgb(255, 255, 255); }
._2ZJ2l31N2_2uagMSiZyhq4 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2ZJ2l31N2_2uagMSiZyhq4 .logo { position: relative; height: 80px; display: inline-block; }
._2ZJ2l31N2_2uagMSiZyhq4 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2ZJ2l31N2_2uagMSiZyhq4 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); border-radius: 3px; }
._2ZJ2l31N2_2uagMSiZyhq4 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2ZJ2l31N2_2uagMSiZyhq4 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2ZJ2l31N2_2uagMSiZyhq4 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2ZJ2l31N2_2uagMSiZyhq4 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2ZJ2l31N2_2uagMSiZyhq4 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2ZJ2l31N2_2uagMSiZyhq4 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(246, 57, 27); }
._2ZJ2l31N2_2uagMSiZyhq4 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2ZJ2l31N2_2uagMSiZyhq4 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 { display: block; font-size: 0px; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 > li > span:hover { background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 > li.active > span { color: rgb(246, 57, 27); background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 > li:hover > ol { display: block; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 > li:hover > span:hover { color: rgb(246, 57, 27); }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(246, 57, 27); cursor: pointer; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 > li > span { position: relative; display: block; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 > li:hover { background-color: rgb(246, 57, 27); }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 > li:hover > ol { display: block; }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 > li:hover > span { color: rgb(255, 236, 90); }
._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2ZJ2l31N2_2uagMSiZyhq4 .banner > img { margin-bottom: 20px; }
._2ZJ2l31N2_2uagMSiZyhq4 .headline { border-bottom: 2px solid rgb(246, 57, 27); }
._2ZJ2l31N2_2uagMSiZyhq4 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(246, 57, 27); border-radius: 8px 8px 0px 0px; }
._2ZJ2l31N2_2uagMSiZyhq4 .headline > button { float: right; color: rgb(246, 57, 27); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend { height: 0px; overflow: hidden; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend.show { height: auto; overflow: visible; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-track { margin: 0px; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev, ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev::before, ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next::before { display: none; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev i, ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev:hover, ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next:hover { background-color: rgb(246, 57, 27); }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots { position: static; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li.slick-active, ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li.slick-active:hover { background-color: rgb(246, 57, 27); }
._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li button::before { display: none; }
._2ZJ2l31N2_2uagMSiZyhq4 .main { position: relative; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper > img { position: absolute; z-index: 2; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.cross-platform, ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(246, 57, 27); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); border-radius: 5px; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo:hover::after { content: "Play"; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2ZJ2l31N2_2uagMSiZyhq4 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3llQ8V_ZWNWAyXl9JLBGNo { background: rgb(255, 255, 255); }
._1FWFUcGi5V0b9byNplYmqN .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1FWFUcGi5V0b9byNplYmqN .logo { position: relative; height: 80px; display: inline-block; }
._1FWFUcGi5V0b9byNplYmqN .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1FWFUcGi5V0b9byNplYmqN .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(to right, rgb(138, 161, 239), rgb(245, 79, 123)); border-radius: 3px; }
._1FWFUcGi5V0b9byNplYmqN .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1FWFUcGi5V0b9byNplYmqN .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1FWFUcGi5V0b9byNplYmqN .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1FWFUcGi5V0b9byNplYmqN .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1FWFUcGi5V0b9byNplYmqN .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1FWFUcGi5V0b9byNplYmqN .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(to right, rgb(138, 161, 239), rgb(245, 79, 123)); }
._1FWFUcGi5V0b9byNplYmqN .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1FWFUcGi5V0b9byNplYmqN .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 { display: block; font-size: 0px; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 > li > span:hover { background: linear-gradient(to right, rgb(148, 246, 220), rgb(255, 243, 171)); }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 > li.active > span { color: rgb(246, 106, 142); background: linear-gradient(to right, rgb(148, 246, 220), rgb(255, 243, 171)); }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 > li:hover > ol { display: block; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-0 > li:hover > span:hover { color: rgb(246, 106, 142); }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(148, 237, 224); cursor: pointer; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 > li > span { position: relative; display: block; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 > li:hover { }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 > li:hover > ol { display: block; }
._1FWFUcGi5V0b9byNplYmqN .category-layer-1 > li:hover > span { color: rgb(246, 106, 142); }
._1FWFUcGi5V0b9byNplYmqN .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1FWFUcGi5V0b9byNplYmqN .banner > img { margin-bottom: 20px; }
._1FWFUcGi5V0b9byNplYmqN .headline { border-bottom: 2px solid rgb(214, 106, 254); }
._1FWFUcGi5V0b9byNplYmqN .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: linear-gradient(to right, rgb(138, 161, 239), rgb(245, 79, 123)); border-radius: 8px 8px 0px 0px; }
._1FWFUcGi5V0b9byNplYmqN .headline > button { float: right; font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1FWFUcGi5V0b9byNplYmqN .recommend { height: 0px; overflow: hidden; }
._1FWFUcGi5V0b9byNplYmqN .recommend.show { height: auto; overflow: visible; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-track { margin: 0px; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-prev, ._1FWFUcGi5V0b9byNplYmqN .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-prev::before, ._1FWFUcGi5V0b9byNplYmqN .recommend .slick-next::before { display: none; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-prev i, ._1FWFUcGi5V0b9byNplYmqN .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-prev:hover, ._1FWFUcGi5V0b9byNplYmqN .recommend .slick-next:hover { }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-dots { position: static; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-dots li.slick-active, ._1FWFUcGi5V0b9byNplYmqN .recommend .slick-dots li.slick-active:hover { }
._1FWFUcGi5V0b9byNplYmqN .recommend .slick-dots li button::before { display: none; }
._1FWFUcGi5V0b9byNplYmqN .main { position: relative; }
._1FWFUcGi5V0b9byNplYmqN .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(214, 106, 254); border-radius: 10px; width: 160px !important; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper > img { position: absolute; z-index: 2; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper.cross-platform, ._1FWFUcGi5V0b9byNplYmqN .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(138, 161, 239), rgb(245, 79, 123)); }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1FWFUcGi5V0b9byNplYmqN .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1FWFUcGi5V0b9byNplYmqN .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1FWFUcGi5V0b9byNplYmqN .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1FWFUcGi5V0b9byNplYmqN .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(246, 106, 142); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(to right, rgb(148, 246, 220), rgb(255, 243, 171)); border-radius: 5px; }
._1FWFUcGi5V0b9byNplYmqN .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1FWFUcGi5V0b9byNplYmqN .game-logo:hover::after { content: "Play"; }
._1FWFUcGi5V0b9byNplYmqN .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1FWFUcGi5V0b9byNplYmqN .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1FWFUcGi5V0b9byNplYmqN .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1FWFUcGi5V0b9byNplYmqN .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1FWFUcGi5V0b9byNplYmqN .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1FWFUcGi5V0b9byNplYmqN .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1FWFUcGi5V0b9byNplYmqN .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination li:hover { background: rgb(214, 106, 254); }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination li:hover { background: rgb(214, 106, 254); }
._1FWFUcGi5V0b9byNplYmqN .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.KHsTISu5uWHrjjV0vVd4l { background: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3xAtTWKZICTTYznNFumNAG .logo { position: relative; height: 80px; display: inline-block; }
._3xAtTWKZICTTYznNFumNAG .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3xAtTWKZICTTYznNFumNAG .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 105, 17); border-radius: 3px; }
._3xAtTWKZICTTYznNFumNAG .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3xAtTWKZICTTYznNFumNAG .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3xAtTWKZICTTYznNFumNAG .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3xAtTWKZICTTYznNFumNAG .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3xAtTWKZICTTYznNFumNAG .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3xAtTWKZICTTYznNFumNAG .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3xAtTWKZICTTYznNFumNAG .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 { display: block; font-size: 0px; }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 > li:hover > ol { display: block; }
._3xAtTWKZICTTYznNFumNAG .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 89, 0); cursor: pointer; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li > span { position: relative; display: block; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover > ol { display: block; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover > span { color: rgb(255, 249, 92); }
._3xAtTWKZICTTYznNFumNAG .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3xAtTWKZICTTYznNFumNAG .banner > img { margin-bottom: 20px; }
._3xAtTWKZICTTYznNFumNAG .headline { border-bottom: 2px solid rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 105, 17); border-radius: 8px 8px 0px 0px; }
._3xAtTWKZICTTYznNFumNAG .headline > button { float: right; color: rgb(255, 105, 17); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3xAtTWKZICTTYznNFumNAG .recommend { height: 0px; overflow: hidden; }
._3xAtTWKZICTTYznNFumNAG .recommend.show { height: auto; overflow: visible; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-track { margin: 0px; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev, ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev::before, ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next::before { display: none; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev i, ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev:hover, ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next:hover { background-color: rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots { position: static; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li.slick-active, ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li button::before { display: none; }
._3xAtTWKZICTTYznNFumNAG .main { position: relative; }
._3xAtTWKZICTTYznNFumNAG .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .game-wrapper > img { position: absolute; z-index: 2; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper.cross-platform, ._3xAtTWKZICTTYznNFumNAG .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3xAtTWKZICTTYznNFumNAG .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3xAtTWKZICTTYznNFumNAG .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3xAtTWKZICTTYznNFumNAG .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(255, 105, 24), rgb(255, 72, 0)); border-radius: 5px; }
._3xAtTWKZICTTYznNFumNAG .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3xAtTWKZICTTYznNFumNAG .game-logo:hover::after { content: "Play"; }
._3xAtTWKZICTTYznNFumNAG .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3xAtTWKZICTTYznNFumNAG .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3xAtTWKZICTTYznNFumNAG .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3xAtTWKZICTTYznNFumNAG .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3xAtTWKZICTTYznNFumNAG .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3xAtTWKZICTTYznNFumNAG .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination li:hover { background: rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination li:hover { background: rgb(255, 105, 17); }
._3xAtTWKZICTTYznNFumNAG .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 89, 0); cursor: pointer; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li > span { position: relative; display: block; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover > ol { display: block; }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover > span { color: rgb(255, 249, 92); }
._3xAtTWKZICTTYznNFumNAG .category-layer-1 > li:hover { background-color: rgb(255, 89, 0); }
._7RztVfukb4QU92bnnAwum { background: rgb(255, 255, 255); }
._15Aa5Ozbh6Ke9oHgTHEngW .wrapper { width: 850px; position: relative; margin: 0px auto; }
._15Aa5Ozbh6Ke9oHgTHEngW .logo { position: relative; height: 80px; display: inline-block; }
._15Aa5Ozbh6Ke9oHgTHEngW .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._15Aa5Ozbh6Ke9oHgTHEngW .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(251, 194, 10); border-radius: 3px; }
._15Aa5Ozbh6Ke9oHgTHEngW .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._15Aa5Ozbh6Ke9oHgTHEngW .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._15Aa5Ozbh6Ke9oHgTHEngW .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._15Aa5Ozbh6Ke9oHgTHEngW .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._15Aa5Ozbh6Ke9oHgTHEngW .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._15Aa5Ozbh6Ke9oHgTHEngW .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(251, 194, 10); }
._15Aa5Ozbh6Ke9oHgTHEngW .nav ul { padding: 0px; margin: 0px; list-style: none; }
._15Aa5Ozbh6Ke9oHgTHEngW .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 { display: block; font-size: 0px; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 > li > span:hover { background: rgb(173, 123, 32); }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(173, 123, 32); }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 > li:hover > ol { display: block; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(251, 194, 10); cursor: pointer; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 > li > span { position: relative; display: block; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 > li:hover { background-color: rgb(173, 123, 32); }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 > li:hover > ol { display: block; }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._15Aa5Ozbh6Ke9oHgTHEngW .banner > img { margin-bottom: 20px; }
._15Aa5Ozbh6Ke9oHgTHEngW .headline { border-bottom: 2px solid rgb(251, 194, 10); }
._15Aa5Ozbh6Ke9oHgTHEngW .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(251, 194, 10); border-radius: 8px 8px 0px 0px; }
._15Aa5Ozbh6Ke9oHgTHEngW .headline > button { float: right; color: rgb(251, 194, 10); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend { height: 0px; overflow: hidden; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend.show { height: auto; overflow: visible; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-track { margin: 0px; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev, ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev::before, ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next::before { display: none; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev i, ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev:hover, ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next:hover { background-color: rgb(251, 194, 10); }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots { position: static; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li.slick-active, ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li.slick-active:hover { background-color: rgb(251, 194, 10); }
._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li button::before { display: none; }
._15Aa5Ozbh6Ke9oHgTHEngW .main { position: relative; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(251, 194, 10); border-radius: 10px; width: 160px !important; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper > img { position: absolute; z-index: 2; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.cross-platform, ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(251, 194, 10); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(173, 123, 32); border-radius: 5px; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo:hover::after { content: "Play"; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._15Aa5Ozbh6Ke9oHgTHEngW .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._15Aa5Ozbh6Ke9oHgTHEngW .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._15Aa5Ozbh6Ke9oHgTHEngW .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(251, 194, 10); }
._15Aa5Ozbh6Ke9oHgTHEngW .lobby-pagination li:hover { background: rgb(173, 123, 32); }
._3KVT78rWEdCDgnvV-Dvb34 { background: rgb(255, 255, 255); }
._3FYKnhCSL05bAie2pZHC81 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3FYKnhCSL05bAie2pZHC81 .logo { position: relative; height: 80px; display: inline-block; }
._3FYKnhCSL05bAie2pZHC81 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3FYKnhCSL05bAie2pZHC81 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 198, 0); border-radius: 3px; }
._3FYKnhCSL05bAie2pZHC81 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3FYKnhCSL05bAie2pZHC81 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3FYKnhCSL05bAie2pZHC81 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3FYKnhCSL05bAie2pZHC81 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3FYKnhCSL05bAie2pZHC81 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3FYKnhCSL05bAie2pZHC81 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(96, 187, 0); }
._3FYKnhCSL05bAie2pZHC81 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3FYKnhCSL05bAie2pZHC81 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 { display: block; font-size: 0px; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 > li > span:hover { background: rgb(255, 198, 0); }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 198, 0); }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 > li:hover > ol { display: block; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(96, 187, 0); cursor: pointer; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 > li > span { position: relative; display: block; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 > li:hover { background-color: rgb(255, 198, 0); }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 > li:hover > ol { display: block; }
._3FYKnhCSL05bAie2pZHC81 .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3FYKnhCSL05bAie2pZHC81 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3FYKnhCSL05bAie2pZHC81 .banner > img { margin-bottom: 20px; }
._3FYKnhCSL05bAie2pZHC81 .headline { border-bottom: 2px solid rgb(96, 187, 0); }
._3FYKnhCSL05bAie2pZHC81 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(96, 187, 0); border-radius: 8px 8px 0px 0px; }
._3FYKnhCSL05bAie2pZHC81 .headline > button { float: right; color: rgb(96, 187, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3FYKnhCSL05bAie2pZHC81 .recommend { height: 0px; overflow: hidden; }
._3FYKnhCSL05bAie2pZHC81 .recommend.show { height: auto; overflow: visible; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-track { margin: 0px; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev, ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev::before, ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next::before { display: none; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev i, ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev:hover, ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next:hover { background-color: rgb(96, 187, 0); }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots { position: static; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li.slick-active, ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li.slick-active:hover { background-color: rgb(96, 187, 0); }
._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li button::before { display: none; }
._3FYKnhCSL05bAie2pZHC81 .main { position: relative; }
._3FYKnhCSL05bAie2pZHC81 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(96, 187, 0); border-radius: 10px; width: 160px !important; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper > img { position: absolute; z-index: 2; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper.cross-platform, ._3FYKnhCSL05bAie2pZHC81 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 198, 0); }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3FYKnhCSL05bAie2pZHC81 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3FYKnhCSL05bAie2pZHC81 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3FYKnhCSL05bAie2pZHC81 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(96, 187, 0); border-radius: 5px; }
._3FYKnhCSL05bAie2pZHC81 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3FYKnhCSL05bAie2pZHC81 .game-logo:hover::after { content: "Play"; }
._3FYKnhCSL05bAie2pZHC81 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3FYKnhCSL05bAie2pZHC81 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3FYKnhCSL05bAie2pZHC81 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3FYKnhCSL05bAie2pZHC81 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3FYKnhCSL05bAie2pZHC81 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3FYKnhCSL05bAie2pZHC81 .lobby-pagination li:hover { background: rgb(255, 198, 0); }
._2XIy12s36G-uZWcTXMqePq { background: rgb(255, 255, 255); }
.ugv85xtmfwNcTVxF5C_Hd .wrapper { width: 850px; position: relative; margin: 0px auto; }
.ugv85xtmfwNcTVxF5C_Hd .logo { position: relative; height: 80px; display: inline-block; }
.ugv85xtmfwNcTVxF5C_Hd .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.ugv85xtmfwNcTVxF5C_Hd .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); border-radius: 3px; }
.ugv85xtmfwNcTVxF5C_Hd .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ugv85xtmfwNcTVxF5C_Hd .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ugv85xtmfwNcTVxF5C_Hd .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.ugv85xtmfwNcTVxF5C_Hd .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.ugv85xtmfwNcTVxF5C_Hd .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.ugv85xtmfwNcTVxF5C_Hd .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); }
.ugv85xtmfwNcTVxF5C_Hd .nav ul { padding: 0px; margin: 0px; list-style: none; }
.ugv85xtmfwNcTVxF5C_Hd .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 { display: block; font-size: 0px; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 > li > span:hover { background: rgb(100, 40, 1); }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(100, 40, 1); }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 > li:hover > ol { display: block; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(243, 183, 32); cursor: pointer; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 > li > span { position: relative; display: block; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 > li:hover { background-color: rgb(100, 40, 1); }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 > li:hover > ol { display: block; }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.ugv85xtmfwNcTVxF5C_Hd .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.ugv85xtmfwNcTVxF5C_Hd .banner > img { margin-bottom: 20px; }
.ugv85xtmfwNcTVxF5C_Hd .headline { border-bottom: 2px solid rgb(243, 183, 32); }
.ugv85xtmfwNcTVxF5C_Hd .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(243, 183, 32); border-radius: 8px 8px 0px 0px; }
.ugv85xtmfwNcTVxF5C_Hd .headline > button { float: right; color: rgb(243, 183, 32); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.ugv85xtmfwNcTVxF5C_Hd .recommend { height: 0px; overflow: hidden; }
.ugv85xtmfwNcTVxF5C_Hd .recommend.show { height: auto; overflow: visible; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-track { margin: 0px; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev, .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev::before, .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next::before { display: none; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev i, .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev:hover, .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next:hover { background-color: rgb(243, 183, 32); }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots { position: static; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li.slick-active, .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li.slick-active:hover { background-color: rgb(243, 183, 32); }
.ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li button::before { display: none; }
.ugv85xtmfwNcTVxF5C_Hd .main { position: relative; }
.ugv85xtmfwNcTVxF5C_Hd .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper > img { position: absolute; z-index: 2; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper.cross-platform, .ugv85xtmfwNcTVxF5C_Hd .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(243, 183, 32); }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.ugv85xtmfwNcTVxF5C_Hd .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.ugv85xtmfwNcTVxF5C_Hd .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.ugv85xtmfwNcTVxF5C_Hd .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(255, 244, 104) 0px, rgb(243, 183, 32) 33%, rgb(234, 160, 0) 66%); border-radius: 5px; }
.ugv85xtmfwNcTVxF5C_Hd .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.ugv85xtmfwNcTVxF5C_Hd .game-logo:hover::after { content: "Play"; }
.ugv85xtmfwNcTVxF5C_Hd .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.ugv85xtmfwNcTVxF5C_Hd .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.ugv85xtmfwNcTVxF5C_Hd .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ugv85xtmfwNcTVxF5C_Hd .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.ugv85xtmfwNcTVxF5C_Hd .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
.ugv85xtmfwNcTVxF5C_Hd .lobby-pagination li:hover { background: rgb(243, 183, 32); }
._67NLFiBheDMIIpSWaza36 { background: rgb(255, 255, 255); }
._13SzpQe5ZSHjpHBQeaF36r .wrapper { width: 850px; position: relative; margin: 0px auto; }
._13SzpQe5ZSHjpHBQeaF36r .logo { position: relative; height: 80px; display: inline-block; }
._13SzpQe5ZSHjpHBQeaF36r .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._13SzpQe5ZSHjpHBQeaF36r .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._13SzpQe5ZSHjpHBQeaF36r .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._13SzpQe5ZSHjpHBQeaF36r .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._13SzpQe5ZSHjpHBQeaF36r .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._13SzpQe5ZSHjpHBQeaF36r .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._13SzpQe5ZSHjpHBQeaF36r .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._13SzpQe5ZSHjpHBQeaF36r .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .nav ul { padding: 0px; margin: 0px; list-style: none; }
._13SzpQe5ZSHjpHBQeaF36r .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 { display: block; font-size: 0px; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 > li > span:hover { background: rgb(255, 229, 79); }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 229, 79); }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 > li:hover > ol { display: block; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 229, 79); cursor: pointer; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 > li > span { position: relative; display: block; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 > li:hover { background-color: rgb(255, 247, 112); }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 > li:hover > ol { display: block; }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._13SzpQe5ZSHjpHBQeaF36r .banner > img { margin-bottom: 20px; }
._13SzpQe5ZSHjpHBQeaF36r .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._13SzpQe5ZSHjpHBQeaF36r .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._13SzpQe5ZSHjpHBQeaF36r .recommend { height: 0px; overflow: hidden; }
._13SzpQe5ZSHjpHBQeaF36r .recommend.show { height: auto; overflow: visible; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-track { margin: 0px; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev, ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev::before, ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next::before { display: none; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev i, ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev:hover, ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots { position: static; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li.slick-active, ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li button::before { display: none; }
._13SzpQe5ZSHjpHBQeaF36r .main { position: relative; }
._13SzpQe5ZSHjpHBQeaF36r .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper > img { position: absolute; z-index: 2; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.cross-platform, ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 229, 79); }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._13SzpQe5ZSHjpHBQeaF36r .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._13SzpQe5ZSHjpHBQeaF36r .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 247, 112); border-radius: 5px; }
._13SzpQe5ZSHjpHBQeaF36r .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._13SzpQe5ZSHjpHBQeaF36r .game-logo:hover::after { content: "Play"; }
._13SzpQe5ZSHjpHBQeaF36r .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._13SzpQe5ZSHjpHBQeaF36r .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._13SzpQe5ZSHjpHBQeaF36r .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._13SzpQe5ZSHjpHBQeaF36r .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._13SzpQe5ZSHjpHBQeaF36r .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._13SzpQe5ZSHjpHBQeaF36r .lobby-pagination li:hover { background: rgb(255, 229, 79); }
._2yUl2ckLJH3acDtpLctk8H { background: rgb(255, 255, 255); }
._3lB5ZrDG6id6PkmgK5diLX .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3lB5ZrDG6id6PkmgK5diLX .logo { position: relative; height: 80px; display: inline-block; }
._3lB5ZrDG6id6PkmgK5diLX .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3lB5ZrDG6id6PkmgK5diLX .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(237, 197, 88), rgb(205, 149, 17)); border-radius: 3px; }
._3lB5ZrDG6id6PkmgK5diLX .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3lB5ZrDG6id6PkmgK5diLX .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3lB5ZrDG6id6PkmgK5diLX .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3lB5ZrDG6id6PkmgK5diLX .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3lB5ZrDG6id6PkmgK5diLX .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3lB5ZrDG6id6PkmgK5diLX .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(205, 149, 17); }
._3lB5ZrDG6id6PkmgK5diLX .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3lB5ZrDG6id6PkmgK5diLX .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 { display: block; font-size: 0px; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 > li > span:hover { background: rgb(166, 117, 4); }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(166, 117, 4); }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 > li:hover > ol { display: block; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(205, 149, 17); cursor: pointer; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 > li > span { position: relative; display: block; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 > li:hover { background-color: rgb(166, 117, 4); }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 > li:hover > ol { display: block; }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3lB5ZrDG6id6PkmgK5diLX .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3lB5ZrDG6id6PkmgK5diLX .banner > img { margin-bottom: 20px; }
._3lB5ZrDG6id6PkmgK5diLX .headline { border-bottom: 2px solid rgb(205, 149, 17); }
._3lB5ZrDG6id6PkmgK5diLX .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(205, 149, 17); border-radius: 8px 8px 0px 0px; }
._3lB5ZrDG6id6PkmgK5diLX .headline > button { float: right; color: rgb(205, 149, 17); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3lB5ZrDG6id6PkmgK5diLX .recommend { height: 0px; overflow: hidden; }
._3lB5ZrDG6id6PkmgK5diLX .recommend.show { height: auto; overflow: visible; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-track { margin: 0px; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev, ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev::before, ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next::before { display: none; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev i, ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev:hover, ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next:hover { background-color: rgb(205, 149, 17); }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots { position: static; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li.slick-active, ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li.slick-active:hover { background-color: rgb(205, 149, 17); }
._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li button::before { display: none; }
._3lB5ZrDG6id6PkmgK5diLX .main { position: relative; }
._3lB5ZrDG6id6PkmgK5diLX .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper > img { position: absolute; z-index: 2; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.cross-platform, ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(237, 197, 88), rgb(205, 149, 17)); }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3lB5ZrDG6id6PkmgK5diLX .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3lB5ZrDG6id6PkmgK5diLX .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3lB5ZrDG6id6PkmgK5diLX .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(166, 117, 4); border-radius: 5px; }
._3lB5ZrDG6id6PkmgK5diLX .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3lB5ZrDG6id6PkmgK5diLX .game-logo:hover::after { content: "Play"; }
._3lB5ZrDG6id6PkmgK5diLX .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3lB5ZrDG6id6PkmgK5diLX .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3lB5ZrDG6id6PkmgK5diLX .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3lB5ZrDG6id6PkmgK5diLX .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3lB5ZrDG6id6PkmgK5diLX .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._3lB5ZrDG6id6PkmgK5diLX .lobby-pagination li:hover { background: rgb(166, 117, 4); }
.gz_VPh1Pdt96Ez2_HiaQe { background: rgb(255, 255, 255); }
.r93Fn6R6IGR0fSxhD2yXn .wrapper { width: 850px; position: relative; margin: 0px auto; }
.r93Fn6R6IGR0fSxhD2yXn .logo { position: relative; height: 80px; display: inline-block; }
.r93Fn6R6IGR0fSxhD2yXn .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.r93Fn6R6IGR0fSxhD2yXn .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
.r93Fn6R6IGR0fSxhD2yXn .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.r93Fn6R6IGR0fSxhD2yXn .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.r93Fn6R6IGR0fSxhD2yXn .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.r93Fn6R6IGR0fSxhD2yXn .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.r93Fn6R6IGR0fSxhD2yXn .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.r93Fn6R6IGR0fSxhD2yXn .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .nav ul { padding: 0px; margin: 0px; list-style: none; }
.r93Fn6R6IGR0fSxhD2yXn .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 { display: block; font-size: 0px; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 > li > span:hover { background: rgb(255, 28, 79); }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 28, 79); }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 > li:hover > ol { display: block; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 > li > span { position: relative; display: block; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 > li:hover { background-color: rgb(255, 28, 79); }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 > li:hover > ol { display: block; }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.r93Fn6R6IGR0fSxhD2yXn .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.r93Fn6R6IGR0fSxhD2yXn .banner > img { margin-bottom: 20px; }
.r93Fn6R6IGR0fSxhD2yXn .headline { border-bottom: 2px solid rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
.r93Fn6R6IGR0fSxhD2yXn .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.r93Fn6R6IGR0fSxhD2yXn .recommend { height: 0px; overflow: hidden; }
.r93Fn6R6IGR0fSxhD2yXn .recommend.show { height: auto; overflow: visible; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-track { margin: 0px; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev, .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev::before, .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next::before { display: none; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev i, .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev:hover, .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots { position: static; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li.slick-active, .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li button::before { display: none; }
.r93Fn6R6IGR0fSxhD2yXn .main { position: relative; }
.r93Fn6R6IGR0fSxhD2yXn .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper > img { position: absolute; z-index: 2; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper.cross-platform, .r93Fn6R6IGR0fSxhD2yXn .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 28, 79); }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.r93Fn6R6IGR0fSxhD2yXn .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.r93Fn6R6IGR0fSxhD2yXn .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 28, 79); border-radius: 5px; }
.r93Fn6R6IGR0fSxhD2yXn .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.r93Fn6R6IGR0fSxhD2yXn .game-logo:hover::after { content: "Play"; }
.r93Fn6R6IGR0fSxhD2yXn .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.r93Fn6R6IGR0fSxhD2yXn .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.r93Fn6R6IGR0fSxhD2yXn .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.r93Fn6R6IGR0fSxhD2yXn .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.r93Fn6R6IGR0fSxhD2yXn .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
.r93Fn6R6IGR0fSxhD2yXn .lobby-pagination li:hover { background: rgb(255, 28, 79); }
._2fcf1gp9b2T30FJiemKF1A { background: rgb(255, 255, 255); }
._2gAqNMknTGVsFRzhhX-4xc .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2gAqNMknTGVsFRzhhX-4xc .logo { position: relative; height: 80px; display: inline-block; }
._2gAqNMknTGVsFRzhhX-4xc .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2gAqNMknTGVsFRzhhX-4xc .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(198, 1, 15); border-radius: 3px; }
._2gAqNMknTGVsFRzhhX-4xc .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2gAqNMknTGVsFRzhhX-4xc .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2gAqNMknTGVsFRzhhX-4xc .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2gAqNMknTGVsFRzhhX-4xc .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2gAqNMknTGVsFRzhhX-4xc .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2gAqNMknTGVsFRzhhX-4xc .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(198, 1, 15); }
._2gAqNMknTGVsFRzhhX-4xc .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2gAqNMknTGVsFRzhhX-4xc .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 { display: block; font-size: 0px; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 > li > span:hover { background: rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 > li.active > span { color: rgb(255, 222, 3); background: rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 > li:hover > ol { display: block; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 > li:hover > span:hover { color: rgb(255, 222, 3); }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(198, 1, 15); cursor: pointer; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 > li > span { position: relative; display: block; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 > li:hover { background-color: rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 > li:hover > ol { display: block; }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 > li:hover > span { color: rgb(255, 222, 3); }
._2gAqNMknTGVsFRzhhX-4xc .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2gAqNMknTGVsFRzhhX-4xc .banner > img { margin-bottom: 20px; }
._2gAqNMknTGVsFRzhhX-4xc .headline { border-bottom: 2px solid rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(147, 2, 13); border-radius: 8px 8px 0px 0px; }
._2gAqNMknTGVsFRzhhX-4xc .headline > button { float: right; color: rgb(147, 2, 13); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2gAqNMknTGVsFRzhhX-4xc .recommend { height: 0px; overflow: hidden; }
._2gAqNMknTGVsFRzhhX-4xc .recommend.show { height: auto; overflow: visible; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-track { margin: 0px; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev, ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev::before, ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next::before { display: none; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev i, ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev:hover, ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next:hover { background-color: rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots { position: static; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li.slick-active, ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li.slick-active:hover { background-color: rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li button::before { display: none; }
._2gAqNMknTGVsFRzhhX-4xc .main { position: relative; }
._2gAqNMknTGVsFRzhhX-4xc .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(147, 2, 13); border-radius: 10px; width: 160px !important; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper > img { position: absolute; z-index: 2; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.cross-platform, ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(147, 2, 13); }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2gAqNMknTGVsFRzhhX-4xc .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2gAqNMknTGVsFRzhhX-4xc .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2gAqNMknTGVsFRzhhX-4xc .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(198, 1, 15); border-radius: 5px; }
._2gAqNMknTGVsFRzhhX-4xc .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2gAqNMknTGVsFRzhhX-4xc .game-logo:hover::after { content: "Play"; }
._2gAqNMknTGVsFRzhhX-4xc .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2gAqNMknTGVsFRzhhX-4xc .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2gAqNMknTGVsFRzhhX-4xc .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2gAqNMknTGVsFRzhhX-4xc .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2gAqNMknTGVsFRzhhX-4xc .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(198, 1, 15); }
._2gAqNMknTGVsFRzhhX-4xc .lobby-pagination li:hover { background: rgb(147, 2, 13); }
.OGMMgmD7VJ4lm78lvqhHl { background: rgb(255, 255, 255); }
._2KNqz_hDFLfRNvyBPb8bmm .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2KNqz_hDFLfRNvyBPb8bmm .logo { position: relative; height: 80px; display: inline-block; }
._2KNqz_hDFLfRNvyBPb8bmm .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2KNqz_hDFLfRNvyBPb8bmm .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); border-radius: 3px; }
._2KNqz_hDFLfRNvyBPb8bmm .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2KNqz_hDFLfRNvyBPb8bmm .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2KNqz_hDFLfRNvyBPb8bmm .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2KNqz_hDFLfRNvyBPb8bmm .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2KNqz_hDFLfRNvyBPb8bmm .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2KNqz_hDFLfRNvyBPb8bmm .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(188, 0, 7); }
._2KNqz_hDFLfRNvyBPb8bmm .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2KNqz_hDFLfRNvyBPb8bmm .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 { display: block; font-size: 0px; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 > li > span:hover { background: rgb(0, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 > li:hover > ol { display: block; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(188, 0, 7); cursor: pointer; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 > li > span { position: relative; display: block; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 > li:hover { background-color: rgb(0, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 > li:hover > ol { display: block; }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2KNqz_hDFLfRNvyBPb8bmm .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2KNqz_hDFLfRNvyBPb8bmm .banner > img { margin-bottom: 20px; }
._2KNqz_hDFLfRNvyBPb8bmm .headline { border-bottom: 2px solid rgb(188, 0, 7); }
._2KNqz_hDFLfRNvyBPb8bmm .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(188, 0, 7); border-radius: 8px 8px 0px 0px; }
._2KNqz_hDFLfRNvyBPb8bmm .headline > button { float: right; color: rgb(188, 0, 7); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend { height: 0px; overflow: hidden; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend.show { height: auto; overflow: visible; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-track { margin: 0px; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev, ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev::before, ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next::before { display: none; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev i, ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev:hover, ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next:hover { background-color: rgb(188, 0, 7); }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots { position: static; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li.slick-active, ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li.slick-active:hover { background-color: rgb(188, 0, 7); }
._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li button::before { display: none; }
._2KNqz_hDFLfRNvyBPb8bmm .main { position: relative; }
._2KNqz_hDFLfRNvyBPb8bmm .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper > img { position: absolute; z-index: 2; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.cross-platform, ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(195, 12, 12); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 255, 255); border-radius: 5px; }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo:hover::after { content: "Play"; }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2KNqz_hDFLfRNvyBPb8bmm .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li:hover { background: rgb(217, 0, 11); }
._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.QgAwWQFZfljZ1iN5qrlIR { background: rgb(255, 255, 255); }
.o33f8HtkJhgdUL3A_PJUE .wrapper { width: 850px; position: relative; margin: 0px auto; }
.o33f8HtkJhgdUL3A_PJUE .logo { position: relative; height: 80px; display: inline-block; }
.o33f8HtkJhgdUL3A_PJUE .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.o33f8HtkJhgdUL3A_PJUE .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(253, 168, 3); border-radius: 3px; }
.o33f8HtkJhgdUL3A_PJUE .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.o33f8HtkJhgdUL3A_PJUE .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.o33f8HtkJhgdUL3A_PJUE .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.o33f8HtkJhgdUL3A_PJUE .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.o33f8HtkJhgdUL3A_PJUE .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.o33f8HtkJhgdUL3A_PJUE .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(253, 168, 3); }
.o33f8HtkJhgdUL3A_PJUE .nav ul { padding: 0px; margin: 0px; list-style: none; }
.o33f8HtkJhgdUL3A_PJUE .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 { display: block; font-size: 0px; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 > li > span:hover { background: rgb(255, 231, 122); }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 231, 122); }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 > li:hover > ol { display: block; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(253, 168, 3); cursor: pointer; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 > li > span { position: relative; display: block; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 > li:hover { background-color: rgb(255, 231, 122); }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 > li:hover > ol { display: block; }
.o33f8HtkJhgdUL3A_PJUE .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.o33f8HtkJhgdUL3A_PJUE .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.o33f8HtkJhgdUL3A_PJUE .banner > img { margin-bottom: 20px; }
.o33f8HtkJhgdUL3A_PJUE .headline { border-bottom: 2px solid rgb(253, 168, 3); }
.o33f8HtkJhgdUL3A_PJUE .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(253, 168, 3); border-radius: 8px 8px 0px 0px; }
.o33f8HtkJhgdUL3A_PJUE .headline > button { float: right; color: rgb(253, 168, 3); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.o33f8HtkJhgdUL3A_PJUE .recommend { height: 0px; overflow: hidden; }
.o33f8HtkJhgdUL3A_PJUE .recommend.show { height: auto; overflow: visible; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-track { margin: 0px; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-prev, .o33f8HtkJhgdUL3A_PJUE .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-prev::before, .o33f8HtkJhgdUL3A_PJUE .recommend .slick-next::before { display: none; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-prev i, .o33f8HtkJhgdUL3A_PJUE .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-prev:hover, .o33f8HtkJhgdUL3A_PJUE .recommend .slick-next:hover { background-color: rgb(253, 168, 3); }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-dots { position: static; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-dots li.slick-active, .o33f8HtkJhgdUL3A_PJUE .recommend .slick-dots li.slick-active:hover { background-color: rgb(253, 168, 3); }
.o33f8HtkJhgdUL3A_PJUE .recommend .slick-dots li button::before { display: none; }
.o33f8HtkJhgdUL3A_PJUE .main { position: relative; }
.o33f8HtkJhgdUL3A_PJUE .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(253, 168, 3); border-radius: 10px; width: 160px !important; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper > img { position: absolute; z-index: 2; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper.cross-platform, .o33f8HtkJhgdUL3A_PJUE .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(237, 209, 113), rgb(238, 175, 69)); }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.o33f8HtkJhgdUL3A_PJUE .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.o33f8HtkJhgdUL3A_PJUE .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.o33f8HtkJhgdUL3A_PJUE .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.o33f8HtkJhgdUL3A_PJUE .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(253, 168, 3); border-radius: 5px; }
.o33f8HtkJhgdUL3A_PJUE .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.o33f8HtkJhgdUL3A_PJUE .game-logo:hover::after { content: "Play"; }
.o33f8HtkJhgdUL3A_PJUE .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.o33f8HtkJhgdUL3A_PJUE .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.o33f8HtkJhgdUL3A_PJUE .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.o33f8HtkJhgdUL3A_PJUE .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.o33f8HtkJhgdUL3A_PJUE .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.o33f8HtkJhgdUL3A_PJUE .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.o33f8HtkJhgdUL3A_PJUE .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.o33f8HtkJhgdUL3A_PJUE .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.o33f8HtkJhgdUL3A_PJUE .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
.o33f8HtkJhgdUL3A_PJUE .lobby-pagination li:hover { background: rgb(253, 168, 3); }
._1mRV1SN59o9qloIMLsHb-M { background: rgb(255, 255, 255); }
._1k8pC2qYpc6H1_9agzAePi .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1k8pC2qYpc6H1_9agzAePi .logo { position: relative; height: 80px; display: inline-block; }
._1k8pC2qYpc6H1_9agzAePi .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1k8pC2qYpc6H1_9agzAePi .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(30, 156, 15); border-radius: 3px; }
._1k8pC2qYpc6H1_9agzAePi .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1k8pC2qYpc6H1_9agzAePi .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1k8pC2qYpc6H1_9agzAePi .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1k8pC2qYpc6H1_9agzAePi .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1k8pC2qYpc6H1_9agzAePi .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1k8pC2qYpc6H1_9agzAePi .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(30, 156, 15); }
._1k8pC2qYpc6H1_9agzAePi .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1k8pC2qYpc6H1_9agzAePi .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 { display: block; font-size: 0px; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 > li > span:hover { background: rgb(0, 195, 239); }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 195, 239); }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 > li:hover > ol { display: block; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(30, 156, 15); cursor: pointer; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 > li > span { position: relative; display: block; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 > li:hover { background-color: rgb(0, 195, 239); }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 > li:hover > ol { display: block; }
._1k8pC2qYpc6H1_9agzAePi .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1k8pC2qYpc6H1_9agzAePi .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1k8pC2qYpc6H1_9agzAePi .banner > img { margin-bottom: 20px; }
._1k8pC2qYpc6H1_9agzAePi .headline { border-bottom: 2px solid rgb(30, 156, 15); }
._1k8pC2qYpc6H1_9agzAePi .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(30, 156, 15); border-radius: 8px 8px 0px 0px; }
._1k8pC2qYpc6H1_9agzAePi .headline > button { float: right; color: rgb(30, 156, 15); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1k8pC2qYpc6H1_9agzAePi .recommend { height: 0px; overflow: hidden; }
._1k8pC2qYpc6H1_9agzAePi .recommend.show { height: auto; overflow: visible; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-track { margin: 0px; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev, ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev::before, ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next::before { display: none; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev i, ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev:hover, ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next:hover { background-color: rgb(30, 156, 15); }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots { position: static; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li.slick-active, ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li.slick-active:hover { background-color: rgb(30, 156, 15); }
._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li button::before { display: none; }
._1k8pC2qYpc6H1_9agzAePi .main { position: relative; }
._1k8pC2qYpc6H1_9agzAePi .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper > img { position: absolute; z-index: 2; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper.cross-platform, ._1k8pC2qYpc6H1_9agzAePi .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(30, 156, 15); }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1k8pC2qYpc6H1_9agzAePi .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1k8pC2qYpc6H1_9agzAePi .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1k8pC2qYpc6H1_9agzAePi .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 195, 239); border-radius: 5px; }
._1k8pC2qYpc6H1_9agzAePi .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1k8pC2qYpc6H1_9agzAePi .game-logo:hover::after { content: "Play"; }
._1k8pC2qYpc6H1_9agzAePi .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1k8pC2qYpc6H1_9agzAePi .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1k8pC2qYpc6H1_9agzAePi .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1k8pC2qYpc6H1_9agzAePi .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1k8pC2qYpc6H1_9agzAePi .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._1k8pC2qYpc6H1_9agzAePi .lobby-pagination li:hover { background: rgb(30, 156, 15); }
._3iu04RDPBswbnY6RmGtjNI { background: rgb(255, 255, 255); }
._6HIWHxEa43nbLaFNGAeI6 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._6HIWHxEa43nbLaFNGAeI6 .logo { position: relative; height: 80px; display: inline-block; }
._6HIWHxEa43nbLaFNGAeI6 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._6HIWHxEa43nbLaFNGAeI6 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(50, 181, 233); border-radius: 3px; }
._6HIWHxEa43nbLaFNGAeI6 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._6HIWHxEa43nbLaFNGAeI6 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._6HIWHxEa43nbLaFNGAeI6 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._6HIWHxEa43nbLaFNGAeI6 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._6HIWHxEa43nbLaFNGAeI6 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._6HIWHxEa43nbLaFNGAeI6 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(50, 181, 233); }
._6HIWHxEa43nbLaFNGAeI6 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._6HIWHxEa43nbLaFNGAeI6 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 { display: block; font-size: 0px; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 > li > span:hover { background: rgb(33, 229, 25); }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(33, 229, 25); }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 > li:hover > ol { display: block; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(50, 181, 233); cursor: pointer; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 > li > span { position: relative; display: block; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 > li:hover { background-color: rgb(33, 229, 25); }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 > li:hover > ol { display: block; }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._6HIWHxEa43nbLaFNGAeI6 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._6HIWHxEa43nbLaFNGAeI6 .banner > img { margin-bottom: 20px; }
._6HIWHxEa43nbLaFNGAeI6 .headline { border-bottom: 2px solid rgb(50, 181, 233); }
._6HIWHxEa43nbLaFNGAeI6 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(50, 181, 233); border-radius: 8px 8px 0px 0px; }
._6HIWHxEa43nbLaFNGAeI6 .headline > button { float: right; color: rgb(50, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._6HIWHxEa43nbLaFNGAeI6 .recommend { height: 0px; overflow: hidden; }
._6HIWHxEa43nbLaFNGAeI6 .recommend.show { height: auto; overflow: visible; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-track { margin: 0px; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev, ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev::before, ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next::before { display: none; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev i, ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev:hover, ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next:hover { background-color: rgb(50, 181, 233); }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots { position: static; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li.slick-active, ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li.slick-active:hover { background-color: rgb(50, 181, 233); }
._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li button::before { display: none; }
._6HIWHxEa43nbLaFNGAeI6 .main { position: relative; }
._6HIWHxEa43nbLaFNGAeI6 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(50, 181, 233); border-radius: 10px; width: 160px !important; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper > img { position: absolute; z-index: 2; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.cross-platform, ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(50, 181, 233); }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._6HIWHxEa43nbLaFNGAeI6 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._6HIWHxEa43nbLaFNGAeI6 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._6HIWHxEa43nbLaFNGAeI6 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(45deg, rgb(33, 229, 25), rgb(50, 181, 233)); border-radius: 5px; }
._6HIWHxEa43nbLaFNGAeI6 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._6HIWHxEa43nbLaFNGAeI6 .game-logo:hover::after { content: "Play"; }
._6HIWHxEa43nbLaFNGAeI6 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._6HIWHxEa43nbLaFNGAeI6 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._6HIWHxEa43nbLaFNGAeI6 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._6HIWHxEa43nbLaFNGAeI6 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._6HIWHxEa43nbLaFNGAeI6 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._6HIWHxEa43nbLaFNGAeI6 .lobby-pagination li:hover { background: rgb(50, 181, 233); }
._2OPx8FB6Rpd-_wNtrsWQKN { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4b2401c2a01847d233bef21ceb46a69f.jpg") center top no-repeat; }
._3GwxMTI2mRCnann4C49TtA .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3GwxMTI2mRCnann4C49TtA .logo { position: relative; height: 80px; display: inline-block; }
._3GwxMTI2mRCnann4C49TtA .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3GwxMTI2mRCnann4C49TtA .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(1, 30, 30); border-radius: 3px; }
._3GwxMTI2mRCnann4C49TtA .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GwxMTI2mRCnann4C49TtA .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GwxMTI2mRCnann4C49TtA .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3GwxMTI2mRCnann4C49TtA .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3GwxMTI2mRCnann4C49TtA .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3GwxMTI2mRCnann4C49TtA .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(1, 30, 30); }
._3GwxMTI2mRCnann4C49TtA .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3GwxMTI2mRCnann4C49TtA .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 { display: block; font-size: 0px; }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 > li > span:hover { background: rgb(84, 120, 120); }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(84, 120, 120); }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 > li:hover > ol { display: block; }
._3GwxMTI2mRCnann4C49TtA .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(1, 30, 30); cursor: pointer; }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 > li > span { position: relative; display: block; }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 > li:hover { background-color: rgb(84, 120, 120); }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 > li:hover > ol { display: block; }
._3GwxMTI2mRCnann4C49TtA .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3GwxMTI2mRCnann4C49TtA .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3GwxMTI2mRCnann4C49TtA .banner > img { margin-bottom: 20px; }
._3GwxMTI2mRCnann4C49TtA .headline { border-bottom: 2px solid rgb(1, 30, 30); }
._3GwxMTI2mRCnann4C49TtA .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(1, 30, 30); border-radius: 8px 8px 0px 0px; }
._3GwxMTI2mRCnann4C49TtA .headline > button { float: right; color: rgb(1, 30, 30); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3GwxMTI2mRCnann4C49TtA .recommend { height: 0px; overflow: hidden; }
._3GwxMTI2mRCnann4C49TtA .recommend.show { height: auto; overflow: visible; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-track { margin: 0px; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev, ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev::before, ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next::before { display: none; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev i, ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev:hover, ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next:hover { background-color: rgb(1, 30, 30); }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots { position: static; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li.slick-active, ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li.slick-active:hover { background-color: rgb(1, 30, 30); }
._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li button::before { display: none; }
._3GwxMTI2mRCnann4C49TtA .main { position: relative; }
._3GwxMTI2mRCnann4C49TtA .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover { cursor: pointer; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img { position: absolute; z-index: 2; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.cross-platform, ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(84, 120, 120); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3GwxMTI2mRCnann4C49TtA .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3GwxMTI2mRCnann4C49TtA .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3GwxMTI2mRCnann4C49TtA .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(84, 120, 120); border-radius: 5px; }
._3GwxMTI2mRCnann4C49TtA .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3GwxMTI2mRCnann4C49TtA .game-logo:hover::after { content: "Play"; }
._3GwxMTI2mRCnann4C49TtA .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3GwxMTI2mRCnann4C49TtA .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3GwxMTI2mRCnann4C49TtA .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3GwxMTI2mRCnann4C49TtA .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3GwxMTI2mRCnann4C49TtA .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3GwxMTI2mRCnann4C49TtA .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3GwxMTI2mRCnann4C49TtA .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3GwxMTI2mRCnann4C49TtA .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3GwxMTI2mRCnann4C49TtA .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(84, 120, 120); }
._3GwxMTI2mRCnann4C49TtA .lobby-pagination li:hover { background: rgb(1, 30, 30); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover { cursor: pointer; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img { position: absolute; z-index: 2; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.cross-platform, ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(84, 120, 120); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover { border-color: rgb(84, 120, 120); }
.gNEGfKV_9Xj4anhEAiNk3 { background: rgb(255, 255, 255); }
.nnqxuFpykycl7XPOsg4ih .wrapper { width: 850px; position: relative; margin: 0px auto; }
.nnqxuFpykycl7XPOsg4ih .logo { position: relative; height: 80px; display: inline-block; }
.nnqxuFpykycl7XPOsg4ih .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.nnqxuFpykycl7XPOsg4ih .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 228, 142), rgb(169, 118, 66)); border-radius: 3px; }
.nnqxuFpykycl7XPOsg4ih .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.nnqxuFpykycl7XPOsg4ih .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.nnqxuFpykycl7XPOsg4ih .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.nnqxuFpykycl7XPOsg4ih .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.nnqxuFpykycl7XPOsg4ih .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.nnqxuFpykycl7XPOsg4ih .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(169, 118, 66); }
.nnqxuFpykycl7XPOsg4ih .nav ul { padding: 0px; margin: 0px; list-style: none; }
.nnqxuFpykycl7XPOsg4ih .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 { display: block; font-size: 0px; }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 > li > span:hover { background: rgb(106, 70, 17); }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(106, 70, 17); }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 > li:hover > ol { display: block; }
.nnqxuFpykycl7XPOsg4ih .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(169, 118, 66); cursor: pointer; }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 > li > span { position: relative; display: block; }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 > li:hover { background-color: rgb(106, 70, 17); }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 > li:hover > ol { display: block; }
.nnqxuFpykycl7XPOsg4ih .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.nnqxuFpykycl7XPOsg4ih .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.nnqxuFpykycl7XPOsg4ih .banner > img { margin-bottom: 20px; }
.nnqxuFpykycl7XPOsg4ih .headline { border-bottom: 2px solid rgb(169, 118, 66); }
.nnqxuFpykycl7XPOsg4ih .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(169, 118, 66); border-radius: 8px 8px 0px 0px; }
.nnqxuFpykycl7XPOsg4ih .headline > button { float: right; color: rgb(169, 118, 66); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.nnqxuFpykycl7XPOsg4ih .recommend { height: 0px; overflow: hidden; }
.nnqxuFpykycl7XPOsg4ih .recommend.show { height: auto; overflow: visible; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-track { margin: 0px; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-prev, .nnqxuFpykycl7XPOsg4ih .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-prev::before, .nnqxuFpykycl7XPOsg4ih .recommend .slick-next::before { display: none; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-prev i, .nnqxuFpykycl7XPOsg4ih .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-prev:hover, .nnqxuFpykycl7XPOsg4ih .recommend .slick-next:hover { background-color: rgb(169, 118, 66); }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-dots { position: static; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li.slick-active, .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li.slick-active:hover { background-color: rgb(169, 118, 66); }
.nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li button::before { display: none; }
.nnqxuFpykycl7XPOsg4ih .main { position: relative; }
.nnqxuFpykycl7XPOsg4ih .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.nnqxuFpykycl7XPOsg4ih .game-wrapper > img { position: absolute; z-index: 2; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper.cross-platform, .nnqxuFpykycl7XPOsg4ih .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(255, 228, 142), rgb(169, 118, 66)); }
.nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.nnqxuFpykycl7XPOsg4ih .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.nnqxuFpykycl7XPOsg4ih .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.nnqxuFpykycl7XPOsg4ih .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(219, 0, 0); border-radius: 5px; }
.nnqxuFpykycl7XPOsg4ih .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.nnqxuFpykycl7XPOsg4ih .game-logo:hover::after { content: "Play"; }
.nnqxuFpykycl7XPOsg4ih .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.nnqxuFpykycl7XPOsg4ih .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.nnqxuFpykycl7XPOsg4ih .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nnqxuFpykycl7XPOsg4ih .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.nnqxuFpykycl7XPOsg4ih .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.nnqxuFpykycl7XPOsg4ih .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.nnqxuFpykycl7XPOsg4ih .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nnqxuFpykycl7XPOsg4ih .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.nnqxuFpykycl7XPOsg4ih .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.nnqxuFpykycl7XPOsg4ih .lobby-pagination li:hover { background: rgb(229, 193, 108); }
._3Tb6hotCikJY7U7ADtQfvD { background: rgb(255, 255, 255); }
._2AazBUcbGZpujqZpOjwc4h .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2AazBUcbGZpujqZpOjwc4h .logo { position: relative; height: 80px; display: inline-block; }
._2AazBUcbGZpujqZpOjwc4h .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2AazBUcbGZpujqZpOjwc4h .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(200, 112, 246), rgb(141, 84, 246)); border-radius: 3px; }
._2AazBUcbGZpujqZpOjwc4h .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2AazBUcbGZpujqZpOjwc4h .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2AazBUcbGZpujqZpOjwc4h .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2AazBUcbGZpujqZpOjwc4h .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2AazBUcbGZpujqZpOjwc4h .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2AazBUcbGZpujqZpOjwc4h .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2AazBUcbGZpujqZpOjwc4h .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 { display: block; font-size: 0px; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 > li.active > span { color: rgb(141, 84, 246); background: rgb(255, 255, 255); }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 > li:hover > ol { display: block; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-0 > li:hover > span:hover { color: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(141, 84, 246); cursor: pointer; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 > li > span { position: relative; display: block; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 > li:hover { background-color: rgb(200, 112, 246); }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 > li:hover > ol { display: block; }
._2AazBUcbGZpujqZpOjwc4h .category-layer-1 > li:hover > span { color: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2AazBUcbGZpujqZpOjwc4h .banner > img { margin-bottom: 20px; }
._2AazBUcbGZpujqZpOjwc4h .headline { border-bottom: 2px solid rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(141, 84, 246); border-radius: 8px 8px 0px 0px; }
._2AazBUcbGZpujqZpOjwc4h .headline > button { float: right; color: rgb(141, 84, 246); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2AazBUcbGZpujqZpOjwc4h .recommend { height: 0px; overflow: hidden; }
._2AazBUcbGZpujqZpOjwc4h .recommend.show { height: auto; overflow: visible; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-track { margin: 0px; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev, ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev::before, ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next::before { display: none; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev i, ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev:hover, ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next:hover { background-color: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots { position: static; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li.slick-active, ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li.slick-active:hover { background-color: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li button::before { display: none; }
._2AazBUcbGZpujqZpOjwc4h .main { position: relative; }
._2AazBUcbGZpujqZpOjwc4h .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(141, 84, 246); border-radius: 10px; width: 160px !important; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper > img { position: absolute; z-index: 2; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper.cross-platform, ._2AazBUcbGZpujqZpOjwc4h .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(200, 112, 246), rgb(141, 84, 246)); }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2AazBUcbGZpujqZpOjwc4h .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2AazBUcbGZpujqZpOjwc4h .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2AazBUcbGZpujqZpOjwc4h .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(200, 112, 246), rgb(141, 84, 246)); border-radius: 5px; }
._2AazBUcbGZpujqZpOjwc4h .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2AazBUcbGZpujqZpOjwc4h .game-logo:hover::after { content: "Play"; }
._2AazBUcbGZpujqZpOjwc4h .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2AazBUcbGZpujqZpOjwc4h .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2AazBUcbGZpujqZpOjwc4h .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li:hover { background: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li:hover { background: rgb(141, 84, 246); }
._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1J6KKxKt3prf-d7xuT_w02 { background: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2CWtLbhP5kssuuZfl0_Cq1 .logo { position: relative; height: 80px; display: inline-block; }
._2CWtLbhP5kssuuZfl0_Cq1 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2CWtLbhP5kssuuZfl0_Cq1 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(239, 82, 85), rgb(253, 0, 59)); border-radius: 3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2CWtLbhP5kssuuZfl0_Cq1 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2CWtLbhP5kssuuZfl0_Cq1 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2CWtLbhP5kssuuZfl0_Cq1 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2CWtLbhP5kssuuZfl0_Cq1 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2CWtLbhP5kssuuZfl0_Cq1 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 153, 223); }
._2CWtLbhP5kssuuZfl0_Cq1 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2CWtLbhP5kssuuZfl0_Cq1 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 { display: block; font-size: 0px; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 > li > span:hover { background: rgb(253, 0, 59); }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(253, 0, 59); }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 > li:hover > ol { display: block; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 153, 223); cursor: pointer; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 > li > span { position: relative; display: block; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 > li:hover { background-color: rgb(253, 0, 59); }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 > li:hover > ol { display: block; }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2CWtLbhP5kssuuZfl0_Cq1 .banner > img { margin-bottom: 20px; }
._2CWtLbhP5kssuuZfl0_Cq1 .headline { border-bottom: 2px solid rgb(0, 153, 223); }
._2CWtLbhP5kssuuZfl0_Cq1 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 153, 223); border-radius: 8px 8px 0px 0px; }
._2CWtLbhP5kssuuZfl0_Cq1 .headline > button { float: right; color: rgb(0, 153, 223); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend { height: 0px; overflow: hidden; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend.show { height: auto; overflow: visible; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-track { margin: 0px; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-prev, ._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-prev::before, ._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-next::before { display: none; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-prev i, ._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-prev:hover, ._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-next:hover { background-color: rgb(0, 153, 223); }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-dots { position: static; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-dots li.slick-active, ._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 153, 223); }
._2CWtLbhP5kssuuZfl0_Cq1 .recommend .slick-dots li button::before { display: none; }
._2CWtLbhP5kssuuZfl0_Cq1 .main { position: relative; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img { position: absolute; z-index: 2; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.cross-platform, ._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(253, 0, 59); border-radius: 5px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo:hover::after { content: "Play"; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination li:hover { background: rgb(0, 153, 223); }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination li:hover { background: rgb(0, 153, 223); }
._2CWtLbhP5kssuuZfl0_Cq1 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img { position: absolute; z-index: 2; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.cross-platform, ._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover { border-color: rgb(0, 0, 0); }
._2CWtLbhP5kssuuZfl0_Cq1 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.MoMJr5g55Gi9jtfTU5fgN { background: rgb(255, 255, 255); }
._3LoKbSZihsM4CkXQk99kJt .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3LoKbSZihsM4CkXQk99kJt .logo { position: relative; height: 80px; display: inline-block; }
._3LoKbSZihsM4CkXQk99kJt .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3LoKbSZihsM4CkXQk99kJt .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(104, 176, 34); border-radius: 3px; }
._3LoKbSZihsM4CkXQk99kJt .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3LoKbSZihsM4CkXQk99kJt .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3LoKbSZihsM4CkXQk99kJt .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3LoKbSZihsM4CkXQk99kJt .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3LoKbSZihsM4CkXQk99kJt .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3LoKbSZihsM4CkXQk99kJt .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(104, 176, 34); }
._3LoKbSZihsM4CkXQk99kJt .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3LoKbSZihsM4CkXQk99kJt .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 { display: block; font-size: 0px; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 > li > span:hover { background: rgb(0, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 > li:hover > ol { display: block; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(104, 176, 34); cursor: pointer; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 > li > span { position: relative; display: block; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 > li:hover { background-color: rgb(0, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 > li:hover > ol { display: block; }
._3LoKbSZihsM4CkXQk99kJt .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3LoKbSZihsM4CkXQk99kJt .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3LoKbSZihsM4CkXQk99kJt .banner > img { margin-bottom: 20px; }
._3LoKbSZihsM4CkXQk99kJt .headline { border-bottom: 2px solid rgb(104, 176, 34); }
._3LoKbSZihsM4CkXQk99kJt .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(104, 176, 34); border-radius: 8px 8px 0px 0px; }
._3LoKbSZihsM4CkXQk99kJt .headline > button { float: right; color: rgb(104, 176, 34); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3LoKbSZihsM4CkXQk99kJt .recommend { height: 0px; overflow: hidden; }
._3LoKbSZihsM4CkXQk99kJt .recommend.show { height: auto; overflow: visible; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-track { margin: 0px; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev, ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev::before, ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next::before { display: none; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev i, ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev:hover, ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next:hover { background-color: rgb(104, 176, 34); }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots { position: static; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li.slick-active, ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li.slick-active:hover { background-color: rgb(104, 176, 34); }
._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li button::before { display: none; }
._3LoKbSZihsM4CkXQk99kJt .main { position: relative; }
._3LoKbSZihsM4CkXQk99kJt .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(104, 176, 34); border-radius: 10px; width: 160px !important; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper > img { position: absolute; z-index: 2; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper.cross-platform, ._3LoKbSZihsM4CkXQk99kJt .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(104, 176, 34); }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3LoKbSZihsM4CkXQk99kJt .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3LoKbSZihsM4CkXQk99kJt .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 0, 0); border-radius: 5px; }
._3LoKbSZihsM4CkXQk99kJt .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3LoKbSZihsM4CkXQk99kJt .game-logo:hover::after { content: "Play"; }
._3LoKbSZihsM4CkXQk99kJt .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3LoKbSZihsM4CkXQk99kJt .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3LoKbSZihsM4CkXQk99kJt .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3LoKbSZihsM4CkXQk99kJt .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3LoKbSZihsM4CkXQk99kJt .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3LoKbSZihsM4CkXQk99kJt .lobby-pagination li:hover { background: rgb(104, 176, 34); }
.ug_Is1DoLThBlPE--Rsnt { background: rgb(255, 255, 255); }
._2CzvjX_1iJX5MOOH6SNpNT .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2CzvjX_1iJX5MOOH6SNpNT .logo { position: relative; height: 80px; display: inline-block; }
._2CzvjX_1iJX5MOOH6SNpNT .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2CzvjX_1iJX5MOOH6SNpNT .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._2CzvjX_1iJX5MOOH6SNpNT .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2CzvjX_1iJX5MOOH6SNpNT .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2CzvjX_1iJX5MOOH6SNpNT .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2CzvjX_1iJX5MOOH6SNpNT .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2CzvjX_1iJX5MOOH6SNpNT .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2CzvjX_1iJX5MOOH6SNpNT .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2CzvjX_1iJX5MOOH6SNpNT .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 { display: block; font-size: 0px; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 > li > span:hover { background: rgb(255, 28, 79); }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 28, 79); }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 > li:hover > ol { display: block; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 > li > span { position: relative; display: block; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 > li:hover { background-color: rgb(255, 28, 79); }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 > li:hover > ol { display: block; }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2CzvjX_1iJX5MOOH6SNpNT .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2CzvjX_1iJX5MOOH6SNpNT .banner > img { margin-bottom: 20px; }
._2CzvjX_1iJX5MOOH6SNpNT .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._2CzvjX_1iJX5MOOH6SNpNT .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend { height: 0px; overflow: hidden; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend.show { height: auto; overflow: visible; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-track { margin: 0px; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev, ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev::before, ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next::before { display: none; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev i, ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev:hover, ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots { position: static; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li.slick-active, ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li button::before { display: none; }
._2CzvjX_1iJX5MOOH6SNpNT .main { position: relative; }
._2CzvjX_1iJX5MOOH6SNpNT .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper > img { position: absolute; z-index: 2; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.cross-platform, ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 28, 79); }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 28, 79); border-radius: 5px; }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo:hover::after { content: "Play"; }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2CzvjX_1iJX5MOOH6SNpNT .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2CzvjX_1iJX5MOOH6SNpNT .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2CzvjX_1iJX5MOOH6SNpNT .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._2CzvjX_1iJX5MOOH6SNpNT .lobby-pagination li:hover { background: rgb(255, 28, 79); }
.cmyMApvL9cUJbVLu7PL8t { background: rgb(255, 255, 255); }
._3hYY73WRrpAPXY59_2dhXg .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3hYY73WRrpAPXY59_2dhXg .logo { position: relative; height: 80px; display: inline-block; }
._3hYY73WRrpAPXY59_2dhXg .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3hYY73WRrpAPXY59_2dhXg .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(30, 123, 187); border-radius: 3px; }
._3hYY73WRrpAPXY59_2dhXg .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3hYY73WRrpAPXY59_2dhXg .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3hYY73WRrpAPXY59_2dhXg .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3hYY73WRrpAPXY59_2dhXg .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3hYY73WRrpAPXY59_2dhXg .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3hYY73WRrpAPXY59_2dhXg .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(30, 123, 187); }
._3hYY73WRrpAPXY59_2dhXg .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3hYY73WRrpAPXY59_2dhXg .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 { display: block; font-size: 0px; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 > li > span:hover { background: red; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: red; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 > li:hover > ol { display: block; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(30, 123, 187); cursor: pointer; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 > li > span { position: relative; display: block; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 > li:hover { background-color: red; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 > li:hover > ol { display: block; }
._3hYY73WRrpAPXY59_2dhXg .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3hYY73WRrpAPXY59_2dhXg .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3hYY73WRrpAPXY59_2dhXg .banner > img { margin-bottom: 20px; }
._3hYY73WRrpAPXY59_2dhXg .headline { border-bottom: 2px solid rgb(30, 123, 187); }
._3hYY73WRrpAPXY59_2dhXg .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(30, 123, 187); border-radius: 8px 8px 0px 0px; }
._3hYY73WRrpAPXY59_2dhXg .headline > button { float: right; color: rgb(30, 123, 187); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3hYY73WRrpAPXY59_2dhXg .recommend { height: 0px; overflow: hidden; }
._3hYY73WRrpAPXY59_2dhXg .recommend.show { height: auto; overflow: visible; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-track { margin: 0px; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev, ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev::before, ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next::before { display: none; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev i, ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev:hover, ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next:hover { background-color: rgb(30, 123, 187); }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots { position: static; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li.slick-active, ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li.slick-active:hover { background-color: rgb(30, 123, 187); }
._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li button::before { display: none; }
._3hYY73WRrpAPXY59_2dhXg .main { position: relative; }
._3hYY73WRrpAPXY59_2dhXg .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper > img { position: absolute; z-index: 2; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper.cross-platform, ._3hYY73WRrpAPXY59_2dhXg .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(30, 123, 187); }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3hYY73WRrpAPXY59_2dhXg .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3hYY73WRrpAPXY59_2dhXg .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3hYY73WRrpAPXY59_2dhXg .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: red; border-radius: 5px; }
._3hYY73WRrpAPXY59_2dhXg .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3hYY73WRrpAPXY59_2dhXg .game-logo:hover::after { content: "Play"; }
._3hYY73WRrpAPXY59_2dhXg .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3hYY73WRrpAPXY59_2dhXg .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3hYY73WRrpAPXY59_2dhXg .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3hYY73WRrpAPXY59_2dhXg .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3hYY73WRrpAPXY59_2dhXg .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(30, 123, 187); }
._3hYY73WRrpAPXY59_2dhXg .lobby-pagination li:hover { background: red; }
.XGwQxhOI-HGpdHQI7UVIc { background: rgb(255, 255, 255); }
._17zVkxCcbEyl2TsjGlb9w- .wrapper { width: 850px; position: relative; margin: 0px auto; }
._17zVkxCcbEyl2TsjGlb9w- .logo { position: relative; height: 80px; display: inline-block; }
._17zVkxCcbEyl2TsjGlb9w- .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._17zVkxCcbEyl2TsjGlb9w- .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 128, 13); border-radius: 3px; }
._17zVkxCcbEyl2TsjGlb9w- .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._17zVkxCcbEyl2TsjGlb9w- .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._17zVkxCcbEyl2TsjGlb9w- .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._17zVkxCcbEyl2TsjGlb9w- .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._17zVkxCcbEyl2TsjGlb9w- .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._17zVkxCcbEyl2TsjGlb9w- .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .nav ul { padding: 0px; margin: 0px; list-style: none; }
._17zVkxCcbEyl2TsjGlb9w- .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 { display: block; font-size: 0px; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 > li > span:hover { background: rgb(51, 51, 51); }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(51, 51, 51); }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 > li:hover > ol { display: block; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 128, 13); cursor: pointer; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 > li > span { position: relative; display: block; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 > li:hover { background-color: rgb(51, 51, 51); }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 > li:hover > ol { display: block; }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._17zVkxCcbEyl2TsjGlb9w- .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._17zVkxCcbEyl2TsjGlb9w- .banner > img { margin-bottom: 20px; }
._17zVkxCcbEyl2TsjGlb9w- .headline { border-bottom: 2px solid rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 128, 13); border-radius: 8px 8px 0px 0px; }
._17zVkxCcbEyl2TsjGlb9w- .headline > button { float: right; color: rgb(255, 128, 13); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._17zVkxCcbEyl2TsjGlb9w- .recommend { height: 0px; overflow: hidden; }
._17zVkxCcbEyl2TsjGlb9w- .recommend.show { height: auto; overflow: visible; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-track { margin: 0px; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev, ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev::before, ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next::before { display: none; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev i, ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev:hover, ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next:hover { background-color: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots { position: static; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li.slick-active, ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li button::before { display: none; }
._17zVkxCcbEyl2TsjGlb9w- .main { position: relative; }
._17zVkxCcbEyl2TsjGlb9w- .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 128, 13); border-radius: 10px; width: 160px !important; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img { position: absolute; z-index: 2; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.cross-platform, ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._17zVkxCcbEyl2TsjGlb9w- .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._17zVkxCcbEyl2TsjGlb9w- .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._17zVkxCcbEyl2TsjGlb9w- .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 128, 13); font-size: 16px; text-align: center; line-height: 31px; background: rgb(51, 51, 51); border-radius: 5px; }
._17zVkxCcbEyl2TsjGlb9w- .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._17zVkxCcbEyl2TsjGlb9w- .game-logo:hover::after { content: "Play"; }
._17zVkxCcbEyl2TsjGlb9w- .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._17zVkxCcbEyl2TsjGlb9w- .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._17zVkxCcbEyl2TsjGlb9w- .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li:hover { background: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 128, 13); border-radius: 10px; width: 160px !important; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img { position: absolute; z-index: 2; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.cross-platform, ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li:hover { background: rgb(255, 128, 13); }
._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3fUMape4g2Jcb6_hH-AVaF { background: rgb(255, 255, 255); }
._2aBkkFU2lhfATKyagEcvNH .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2aBkkFU2lhfATKyagEcvNH .logo { position: relative; height: 80px; display: inline-block; }
._2aBkkFU2lhfATKyagEcvNH .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2aBkkFU2lhfATKyagEcvNH .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(64, 64, 64); border-radius: 3px; }
._2aBkkFU2lhfATKyagEcvNH .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2aBkkFU2lhfATKyagEcvNH .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2aBkkFU2lhfATKyagEcvNH .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2aBkkFU2lhfATKyagEcvNH .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2aBkkFU2lhfATKyagEcvNH .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2aBkkFU2lhfATKyagEcvNH .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(51, 51, 51); }
._2aBkkFU2lhfATKyagEcvNH .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2aBkkFU2lhfATKyagEcvNH .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 { display: block; font-size: 0px; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 > li:hover > ol { display: block; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(51, 51, 51); cursor: pointer; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 > li > span { position: relative; display: block; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 > li:hover > ol { display: block; }
._2aBkkFU2lhfATKyagEcvNH .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._2aBkkFU2lhfATKyagEcvNH .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2aBkkFU2lhfATKyagEcvNH .banner > img { margin-bottom: 20px; }
._2aBkkFU2lhfATKyagEcvNH .headline { border-bottom: 2px solid rgb(51, 51, 51); }
._2aBkkFU2lhfATKyagEcvNH .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(51, 51, 51); border-radius: 8px 8px 0px 0px; }
._2aBkkFU2lhfATKyagEcvNH .headline > button { float: right; color: rgb(51, 51, 51); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2aBkkFU2lhfATKyagEcvNH .recommend { height: 0px; overflow: hidden; }
._2aBkkFU2lhfATKyagEcvNH .recommend.show { height: auto; overflow: visible; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-track { margin: 0px; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev, ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev::before, ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next::before { display: none; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev i, ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev:hover, ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next:hover { background-color: rgb(51, 51, 51); }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots { position: static; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li.slick-active, ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li.slick-active:hover { background-color: rgb(51, 51, 51); }
._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li button::before { display: none; }
._2aBkkFU2lhfATKyagEcvNH .main { position: relative; }
._2aBkkFU2lhfATKyagEcvNH .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(107, 107, 107); border-radius: 10px; width: 160px !important; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper > img { position: absolute; z-index: 2; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper.cross-platform, ._2aBkkFU2lhfATKyagEcvNH .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(107, 107, 107); }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2aBkkFU2lhfATKyagEcvNH .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2aBkkFU2lhfATKyagEcvNH .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2aBkkFU2lhfATKyagEcvNH .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(107, 107, 107), rgb(129, 129, 129)); border-radius: 5px; }
._2aBkkFU2lhfATKyagEcvNH .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2aBkkFU2lhfATKyagEcvNH .game-logo:hover::after { content: "Play"; }
._2aBkkFU2lhfATKyagEcvNH .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2aBkkFU2lhfATKyagEcvNH .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2aBkkFU2lhfATKyagEcvNH .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li:hover { background: rgb(115, 115, 115); }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li:hover { background: rgb(115, 115, 115); }
._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.aKmmxPaEc7XDM4jxZKIKM { background: rgb(255, 255, 255); }
.fz91vugiboqq7Gq6Ky03A .wrapper { width: 850px; position: relative; margin: 0px auto; }
.fz91vugiboqq7Gq6Ky03A .logo { position: relative; height: 80px; display: inline-block; }
.fz91vugiboqq7Gq6Ky03A .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.fz91vugiboqq7Gq6Ky03A .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(49, 47, 110); border-radius: 3px; }
.fz91vugiboqq7Gq6Ky03A .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.fz91vugiboqq7Gq6Ky03A .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.fz91vugiboqq7Gq6Ky03A .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.fz91vugiboqq7Gq6Ky03A .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.fz91vugiboqq7Gq6Ky03A .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.fz91vugiboqq7Gq6Ky03A .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(238, 238, 238); }
.fz91vugiboqq7Gq6Ky03A .nav ul { padding: 0px; margin: 0px; list-style: none; }
.fz91vugiboqq7Gq6Ky03A .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 { display: block; font-size: 0px; }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(49, 47, 110); border-radius: 15px; font-size: 15px; line-height: 30px; }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 > li > span:hover { background: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 > li:hover > ol { display: block; }
.fz91vugiboqq7Gq6Ky03A .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li { position: relative; display: block; color: rgb(49, 47, 110); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(238, 238, 238); cursor: pointer; }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li > span { position: relative; display: block; }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li:hover { background-color: rgb(238, 238, 238); }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li:hover > ol { display: block; }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.fz91vugiboqq7Gq6Ky03A .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.fz91vugiboqq7Gq6Ky03A .banner > img { margin-bottom: 20px; }
.fz91vugiboqq7Gq6Ky03A .headline { border-bottom: 2px solid rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(49, 47, 110); border-radius: 8px 8px 0px 0px; }
.fz91vugiboqq7Gq6Ky03A .headline > button { float: right; color: rgb(49, 47, 110); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.fz91vugiboqq7Gq6Ky03A .recommend { height: 0px; overflow: hidden; }
.fz91vugiboqq7Gq6Ky03A .recommend.show { height: auto; overflow: visible; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-track { margin: 0px; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-prev, .fz91vugiboqq7Gq6Ky03A .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-prev::before, .fz91vugiboqq7Gq6Ky03A .recommend .slick-next::before { display: none; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-prev i, .fz91vugiboqq7Gq6Ky03A .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-prev:hover, .fz91vugiboqq7Gq6Ky03A .recommend .slick-next:hover { background-color: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-dots { position: static; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li.slick-active, .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li.slick-active:hover { background-color: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li button::before { display: none; }
.fz91vugiboqq7Gq6Ky03A .main { position: relative; }
.fz91vugiboqq7Gq6Ky03A .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(49, 47, 110); border-radius: 10px; width: 160px !important; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img { position: absolute; z-index: 2; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.cross-platform, .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.fz91vugiboqq7Gq6Ky03A .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.fz91vugiboqq7Gq6Ky03A .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.fz91vugiboqq7Gq6Ky03A .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(49, 47, 110); border-radius: 5px; }
.fz91vugiboqq7Gq6Ky03A .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.fz91vugiboqq7Gq6Ky03A .game-logo:hover::after { content: "Play"; }
.fz91vugiboqq7Gq6Ky03A .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.fz91vugiboqq7Gq6Ky03A .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.fz91vugiboqq7Gq6Ky03A .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fz91vugiboqq7Gq6Ky03A .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.fz91vugiboqq7Gq6Ky03A .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.fz91vugiboqq7Gq6Ky03A .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.fz91vugiboqq7Gq6Ky03A .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination li:hover { background: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(49, 47, 110); border-radius: 10px; width: 160px !important; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img { position: absolute; z-index: 2; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.cross-platform, .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.fz91vugiboqq7Gq6Ky03A .category-layer-1 > li:hover { background-color: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination li:hover { background: rgb(49, 47, 110); }
.fz91vugiboqq7Gq6Ky03A .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3jNNbCJcxoXzT3mz9oYuyA { background: rgb(255, 255, 255); }
.oQ8DXxDEjsd3UduvM-cKr .wrapper { width: 850px; position: relative; margin: 0px auto; }
.oQ8DXxDEjsd3UduvM-cKr .logo { position: relative; height: 80px; display: inline-block; }
.oQ8DXxDEjsd3UduvM-cKr .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.oQ8DXxDEjsd3UduvM-cKr .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(51, 51, 51); border-radius: 3px; }
.oQ8DXxDEjsd3UduvM-cKr .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.oQ8DXxDEjsd3UduvM-cKr .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.oQ8DXxDEjsd3UduvM-cKr .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.oQ8DXxDEjsd3UduvM-cKr .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.oQ8DXxDEjsd3UduvM-cKr .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.oQ8DXxDEjsd3UduvM-cKr .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(51, 51, 51); }
.oQ8DXxDEjsd3UduvM-cKr .nav ul { padding: 0px; margin: 0px; list-style: none; }
.oQ8DXxDEjsd3UduvM-cKr .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 { display: block; font-size: 0px; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 > li > span:hover { background: red; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: red; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 > li:hover > ol { display: block; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(51, 51, 51); cursor: pointer; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 > li > span { position: relative; display: block; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 > li:hover { background-color: red; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 > li:hover > ol { display: block; }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.oQ8DXxDEjsd3UduvM-cKr .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.oQ8DXxDEjsd3UduvM-cKr .banner > img { margin-bottom: 20px; }
.oQ8DXxDEjsd3UduvM-cKr .headline { border-bottom: 2px solid rgb(51, 51, 51); }
.oQ8DXxDEjsd3UduvM-cKr .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(51, 51, 51); border-radius: 8px 8px 0px 0px; }
.oQ8DXxDEjsd3UduvM-cKr .headline > button { float: right; color: rgb(51, 51, 51); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.oQ8DXxDEjsd3UduvM-cKr .recommend { height: 0px; overflow: hidden; }
.oQ8DXxDEjsd3UduvM-cKr .recommend.show { height: auto; overflow: visible; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-track { margin: 0px; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev, .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev::before, .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next::before { display: none; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev i, .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev:hover, .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next:hover { background-color: rgb(51, 51, 51); }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots { position: static; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li.slick-active, .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li.slick-active:hover { background-color: rgb(51, 51, 51); }
.oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li button::before { display: none; }
.oQ8DXxDEjsd3UduvM-cKr .main { position: relative; }
.oQ8DXxDEjsd3UduvM-cKr .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper > img { position: absolute; z-index: 2; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper.cross-platform, .oQ8DXxDEjsd3UduvM-cKr .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.oQ8DXxDEjsd3UduvM-cKr .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.oQ8DXxDEjsd3UduvM-cKr .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.oQ8DXxDEjsd3UduvM-cKr .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: red; border-radius: 5px; }
.oQ8DXxDEjsd3UduvM-cKr .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.oQ8DXxDEjsd3UduvM-cKr .game-logo:hover::after { content: "Play"; }
.oQ8DXxDEjsd3UduvM-cKr .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.oQ8DXxDEjsd3UduvM-cKr .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.oQ8DXxDEjsd3UduvM-cKr .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oQ8DXxDEjsd3UduvM-cKr .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.oQ8DXxDEjsd3UduvM-cKr .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(51, 51, 51); }
.oQ8DXxDEjsd3UduvM-cKr .lobby-pagination li:hover { background: red; }
._1bIfcyIjwmOFtF5gpNZ_l4 { background: rgb(255, 255, 255); }
._2fMmx5SkEg_woWDUBJa93H .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2fMmx5SkEg_woWDUBJa93H .logo { position: relative; height: 80px; display: inline-block; }
._2fMmx5SkEg_woWDUBJa93H .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2fMmx5SkEg_woWDUBJa93H .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 3, 0); border-radius: 3px; }
._2fMmx5SkEg_woWDUBJa93H .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2fMmx5SkEg_woWDUBJa93H .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2fMmx5SkEg_woWDUBJa93H .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2fMmx5SkEg_woWDUBJa93H .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2fMmx5SkEg_woWDUBJa93H .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2fMmx5SkEg_woWDUBJa93H .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(255, 142, 0) 0%, rgb(255, 0, 0) 100%); }
._2fMmx5SkEg_woWDUBJa93H .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2fMmx5SkEg_woWDUBJa93H .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 { display: block; font-size: 0px; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 > li > span:hover { background: rgb(0, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 > li:hover > ol { display: block; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 3, 0); cursor: pointer; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 > li > span { position: relative; display: block; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 > li:hover { background-color: rgb(0, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 > li:hover > ol { display: block; }
._2fMmx5SkEg_woWDUBJa93H .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2fMmx5SkEg_woWDUBJa93H .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2fMmx5SkEg_woWDUBJa93H .banner > img { margin-bottom: 20px; }
._2fMmx5SkEg_woWDUBJa93H .headline { border-bottom: 2px solid rgb(255, 3, 0); }
._2fMmx5SkEg_woWDUBJa93H .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 3, 0); border-radius: 8px 8px 0px 0px; }
._2fMmx5SkEg_woWDUBJa93H .headline > button { float: right; color: rgb(255, 3, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2fMmx5SkEg_woWDUBJa93H .recommend { height: 0px; overflow: hidden; }
._2fMmx5SkEg_woWDUBJa93H .recommend.show { height: auto; overflow: visible; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-track { margin: 0px; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev, ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev::before, ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next::before { display: none; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev i, ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev:hover, ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next:hover { background-color: rgb(255, 3, 0); }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots { position: static; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li.slick-active, ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 3, 0); }
._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li button::before { display: none; }
._2fMmx5SkEg_woWDUBJa93H .main { position: relative; }
._2fMmx5SkEg_woWDUBJa93H .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper > img { position: absolute; z-index: 2; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper.cross-platform, ._2fMmx5SkEg_woWDUBJa93H .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(255, 142, 0) 0%, rgb(255, 0, 0) 100%); }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2fMmx5SkEg_woWDUBJa93H .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2fMmx5SkEg_woWDUBJa93H .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 0, 0); border-radius: 5px; }
._2fMmx5SkEg_woWDUBJa93H .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2fMmx5SkEg_woWDUBJa93H .game-logo:hover::after { content: "Play"; }
._2fMmx5SkEg_woWDUBJa93H .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2fMmx5SkEg_woWDUBJa93H .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2fMmx5SkEg_woWDUBJa93H .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2fMmx5SkEg_woWDUBJa93H .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2fMmx5SkEg_woWDUBJa93H .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._2fMmx5SkEg_woWDUBJa93H .lobby-pagination li:hover { background: rgb(255, 3, 0); }
._3uRv7ySInhWnxBkKZg3sG1 { background: rgb(255, 255, 255); }
._2PRyaquLkiSyd07IB7MAU- .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2PRyaquLkiSyd07IB7MAU- .logo { position: relative; height: 80px; display: inline-block; }
._2PRyaquLkiSyd07IB7MAU- .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2PRyaquLkiSyd07IB7MAU- .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(225, 194, 125); border-radius: 3px; }
._2PRyaquLkiSyd07IB7MAU- .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2PRyaquLkiSyd07IB7MAU- .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2PRyaquLkiSyd07IB7MAU- .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2PRyaquLkiSyd07IB7MAU- .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2PRyaquLkiSyd07IB7MAU- .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2PRyaquLkiSyd07IB7MAU- .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(225, 194, 125); }
._2PRyaquLkiSyd07IB7MAU- .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2PRyaquLkiSyd07IB7MAU- .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 { display: block; font-size: 0px; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 > li.active > span { color: rgb(225, 194, 125); background: rgb(255, 255, 255); }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 > li:hover > ol { display: block; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-0 > li:hover > span:hover { color: rgb(225, 194, 125); }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(225, 208, 105); cursor: pointer; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 > li > span { position: relative; display: block; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 > li:hover { background-color: rgb(200, 162, 78); }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 > li:hover > ol { display: block; }
._2PRyaquLkiSyd07IB7MAU- .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2PRyaquLkiSyd07IB7MAU- .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2PRyaquLkiSyd07IB7MAU- .banner > img { margin-bottom: 20px; }
._2PRyaquLkiSyd07IB7MAU- .headline { border-bottom: 2px solid rgb(200, 162, 78); }
._2PRyaquLkiSyd07IB7MAU- .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(200, 162, 78); border-radius: 8px 8px 0px 0px; }
._2PRyaquLkiSyd07IB7MAU- .headline > button { float: right; color: rgb(200, 162, 78); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2PRyaquLkiSyd07IB7MAU- .recommend { height: 0px; overflow: hidden; }
._2PRyaquLkiSyd07IB7MAU- .recommend.show { height: auto; overflow: visible; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-track { margin: 0px; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev, ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev::before, ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next::before { display: none; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev i, ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev:hover, ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next:hover { background-color: rgb(200, 162, 78); }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots { position: static; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li.slick-active, ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li.slick-active:hover { background-color: rgb(200, 162, 78); }
._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li button::before { display: none; }
._2PRyaquLkiSyd07IB7MAU- .main { position: relative; }
._2PRyaquLkiSyd07IB7MAU- .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(200, 162, 78); border-radius: 10px; width: 160px !important; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper > img { position: absolute; z-index: 2; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper.cross-platform, ._2PRyaquLkiSyd07IB7MAU- .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(200, 162, 78); }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2PRyaquLkiSyd07IB7MAU- .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2PRyaquLkiSyd07IB7MAU- .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2PRyaquLkiSyd07IB7MAU- .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(225, 194, 125); border-radius: 5px; }
._2PRyaquLkiSyd07IB7MAU- .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2PRyaquLkiSyd07IB7MAU- .game-logo:hover::after { content: "Play"; }
._2PRyaquLkiSyd07IB7MAU- .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2PRyaquLkiSyd07IB7MAU- .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2PRyaquLkiSyd07IB7MAU- .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2PRyaquLkiSyd07IB7MAU- .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2PRyaquLkiSyd07IB7MAU- .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2PRyaquLkiSyd07IB7MAU- .lobby-pagination li:hover { background: rgb(200, 162, 78); }
._3SGkEzzMeLDTKF-6cd1L1X { background: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3hDYQ00XQd-FNlBI0GXYHo .logo { position: relative; height: 80px; display: inline-block; }
._3hDYQ00XQd-FNlBI0GXYHo .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3hDYQ00XQd-FNlBI0GXYHo .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(50, 114, 103); border-radius: 3px; }
._3hDYQ00XQd-FNlBI0GXYHo .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3hDYQ00XQd-FNlBI0GXYHo .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3hDYQ00XQd-FNlBI0GXYHo .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3hDYQ00XQd-FNlBI0GXYHo .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3hDYQ00XQd-FNlBI0GXYHo .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3hDYQ00XQd-FNlBI0GXYHo .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(36, 36, 36); }
._3hDYQ00XQd-FNlBI0GXYHo .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3hDYQ00XQd-FNlBI0GXYHo .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 { display: block; font-size: 0px; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 > li > span:hover { background: rgb(50, 114, 103); }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(50, 114, 103); }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 > li:hover > ol { display: block; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(36, 36, 36); cursor: pointer; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 > li > span { position: relative; display: block; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 > li:hover { background-color: rgb(50, 114, 103); }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 > li:hover > ol { display: block; }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3hDYQ00XQd-FNlBI0GXYHo .banner > img { margin-bottom: 20px; }
._3hDYQ00XQd-FNlBI0GXYHo .headline { border-bottom: 2px solid rgb(36, 36, 36); }
._3hDYQ00XQd-FNlBI0GXYHo .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(36, 36, 36); border-radius: 8px 8px 0px 0px; }
._3hDYQ00XQd-FNlBI0GXYHo .headline > button { float: right; color: rgb(36, 36, 36); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend { height: 0px; overflow: hidden; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend.show { height: auto; overflow: visible; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-track { margin: 0px; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev, ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev::before, ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next::before { display: none; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev i, ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev:hover, ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next:hover { background-color: rgb(36, 36, 36); }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots { position: static; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li.slick-active, ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li.slick-active:hover { background-color: rgb(36, 36, 36); }
._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li button::before { display: none; }
._3hDYQ00XQd-FNlBI0GXYHo .main { position: relative; }
._3hDYQ00XQd-FNlBI0GXYHo .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img { position: absolute; z-index: 2; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.cross-platform, ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(50, 114, 103); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(58, 130, 120); border-radius: 5px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo:hover::after { content: "Play"; }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3hDYQ00XQd-FNlBI0GXYHo .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(224, 224, 224); }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li:hover { background: rgb(67, 153, 139); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img { position: absolute; z-index: 2; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.cross-platform, ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(50, 114, 103); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover { border-color: rgb(255, 255, 255); }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(224, 224, 224); }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li:hover { background: rgb(67, 153, 139); }
._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._2VZAkByQeoMtLoMxuUpIwV { background: rgb(255, 255, 255); }
._1n3j7lCpy38HLgwsMRfYeO .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1n3j7lCpy38HLgwsMRfYeO .logo { position: relative; height: 80px; display: inline-block; }
._1n3j7lCpy38HLgwsMRfYeO .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1n3j7lCpy38HLgwsMRfYeO .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(178, 17, 23); border-radius: 3px; }
._1n3j7lCpy38HLgwsMRfYeO .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1n3j7lCpy38HLgwsMRfYeO .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1n3j7lCpy38HLgwsMRfYeO .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1n3j7lCpy38HLgwsMRfYeO .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1n3j7lCpy38HLgwsMRfYeO .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1n3j7lCpy38HLgwsMRfYeO .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(238, 238, 238); }
._1n3j7lCpy38HLgwsMRfYeO .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1n3j7lCpy38HLgwsMRfYeO .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 { display: block; font-size: 0px; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(178, 17, 23); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 > li > span:hover { background: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 > li:hover > ol { display: block; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li { position: relative; display: block; color: rgb(178, 17, 23); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(238, 238, 238); cursor: pointer; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li > span { position: relative; display: block; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li:hover { background-color: rgb(238, 238, 238); }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li:hover > ol { display: block; }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1n3j7lCpy38HLgwsMRfYeO .banner > img { margin-bottom: 20px; }
._1n3j7lCpy38HLgwsMRfYeO .headline { border-bottom: 2px solid rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(178, 17, 23); border-radius: 8px 8px 0px 0px; }
._1n3j7lCpy38HLgwsMRfYeO .headline > button { float: right; color: rgb(178, 17, 23); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1n3j7lCpy38HLgwsMRfYeO .recommend { height: 0px; overflow: hidden; }
._1n3j7lCpy38HLgwsMRfYeO .recommend.show { height: auto; overflow: visible; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-track { margin: 0px; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev, ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev::before, ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next::before { display: none; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev i, ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev:hover, ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next:hover { background-color: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots { position: static; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li.slick-active, ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li.slick-active:hover { background-color: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li button::before { display: none; }
._1n3j7lCpy38HLgwsMRfYeO .main { position: relative; }
._1n3j7lCpy38HLgwsMRfYeO .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(178, 17, 23); border-radius: 10px; width: 160px !important; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper > img { position: absolute; z-index: 2; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.cross-platform, ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1n3j7lCpy38HLgwsMRfYeO .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1n3j7lCpy38HLgwsMRfYeO .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1n3j7lCpy38HLgwsMRfYeO .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(178, 17, 23); font-size: 16px; text-align: center; line-height: 31px; background: rgb(238, 238, 238); border-radius: 5px; }
._1n3j7lCpy38HLgwsMRfYeO .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1n3j7lCpy38HLgwsMRfYeO .game-logo:hover::after { content: "Play"; }
._1n3j7lCpy38HLgwsMRfYeO .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1n3j7lCpy38HLgwsMRfYeO .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1n3j7lCpy38HLgwsMRfYeO .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li:hover { background: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 > li:hover { background-color: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li:hover { background: rgb(178, 17, 23); }
._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1-bEFrz_NJ5-Ors8xtb77K { background: rgb(255, 255, 255); }
._3VmcGLYdlN55fyIDZFWGXm .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3VmcGLYdlN55fyIDZFWGXm .logo { position: relative; height: 80px; display: inline-block; }
._3VmcGLYdlN55fyIDZFWGXm .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3VmcGLYdlN55fyIDZFWGXm .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(219, 222, 238); border-radius: 3px; }
._3VmcGLYdlN55fyIDZFWGXm .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VmcGLYdlN55fyIDZFWGXm .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VmcGLYdlN55fyIDZFWGXm .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3VmcGLYdlN55fyIDZFWGXm .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3VmcGLYdlN55fyIDZFWGXm .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3VmcGLYdlN55fyIDZFWGXm .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(219, 222, 238); }
._3VmcGLYdlN55fyIDZFWGXm .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3VmcGLYdlN55fyIDZFWGXm .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 { display: block; font-size: 0px; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 > li > span:hover { background: rgb(46, 38, 145); }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(46, 38, 145); }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 > li:hover > ol { display: block; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(46, 38, 145); cursor: pointer; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 > li > span { position: relative; display: block; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 > li:hover { background-color: rgb(69, 58, 222); }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 > li:hover > ol { display: block; }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3VmcGLYdlN55fyIDZFWGXm .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3VmcGLYdlN55fyIDZFWGXm .banner > img { margin-bottom: 20px; }
._3VmcGLYdlN55fyIDZFWGXm .headline { border-bottom: 2px solid rgb(219, 222, 238); }
._3VmcGLYdlN55fyIDZFWGXm .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(219, 222, 238); border-radius: 8px 8px 0px 0px; }
._3VmcGLYdlN55fyIDZFWGXm .headline > button { float: right; color: rgb(219, 222, 238); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3VmcGLYdlN55fyIDZFWGXm .recommend { height: 0px; overflow: hidden; }
._3VmcGLYdlN55fyIDZFWGXm .recommend.show { height: auto; overflow: visible; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-track { margin: 0px; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev, ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev::before, ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next::before { display: none; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev i, ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev:hover, ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next:hover { background-color: rgb(219, 222, 238); }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots { position: static; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li.slick-active, ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li.slick-active:hover { background-color: rgb(219, 222, 238); }
._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li button::before { display: none; }
._3VmcGLYdlN55fyIDZFWGXm .main { position: relative; }
._3VmcGLYdlN55fyIDZFWGXm .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(219, 222, 238); border-radius: 10px; width: 160px !important; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper > img { position: absolute; z-index: 2; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.cross-platform, ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(46, 38, 145); }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3VmcGLYdlN55fyIDZFWGXm .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3VmcGLYdlN55fyIDZFWGXm .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3VmcGLYdlN55fyIDZFWGXm .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(69, 58, 222); border-radius: 5px; }
._3VmcGLYdlN55fyIDZFWGXm .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3VmcGLYdlN55fyIDZFWGXm .game-logo:hover::after { content: "Play"; }
._3VmcGLYdlN55fyIDZFWGXm .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3VmcGLYdlN55fyIDZFWGXm .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3VmcGLYdlN55fyIDZFWGXm .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3VmcGLYdlN55fyIDZFWGXm .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3VmcGLYdlN55fyIDZFWGXm .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(219, 222, 238); }
._3VmcGLYdlN55fyIDZFWGXm .lobby-pagination li:hover { background: rgb(69, 58, 222); }
._3yjHpvg0wWH02hNqpd6kRC { background: rgb(255, 255, 255); }
._1QfFvkSoqSdZkj2Z8ytBOA .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1QfFvkSoqSdZkj2Z8ytBOA .logo { position: relative; height: 80px; display: inline-block; }
._1QfFvkSoqSdZkj2Z8ytBOA .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1QfFvkSoqSdZkj2Z8ytBOA .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(243, 205, 53), rgb(216, 133, 40)); border-radius: 3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1QfFvkSoqSdZkj2Z8ytBOA .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1QfFvkSoqSdZkj2Z8ytBOA .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1QfFvkSoqSdZkj2Z8ytBOA .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1QfFvkSoqSdZkj2Z8ytBOA .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1QfFvkSoqSdZkj2Z8ytBOA .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(216, 133, 39); }
._1QfFvkSoqSdZkj2Z8ytBOA .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1QfFvkSoqSdZkj2Z8ytBOA .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 { display: block; font-size: 0px; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 > li > span:hover { background: rgb(155, 81, 7); }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(155, 81, 7); }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 > li:hover > ol { display: block; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(216, 133, 39); cursor: pointer; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 > li > span { position: relative; display: block; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 > li:hover { background-color: rgb(155, 81, 7); }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 > li:hover > ol { display: block; }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1QfFvkSoqSdZkj2Z8ytBOA .banner > img { margin-bottom: 20px; }
._1QfFvkSoqSdZkj2Z8ytBOA .headline { border-bottom: 2px solid rgb(216, 133, 39); }
._1QfFvkSoqSdZkj2Z8ytBOA .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(216, 133, 39); border-radius: 8px 8px 0px 0px; }
._1QfFvkSoqSdZkj2Z8ytBOA .headline > button { float: right; color: rgb(216, 133, 39); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend { height: 0px; overflow: hidden; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend.show { height: auto; overflow: visible; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-track { margin: 0px; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev, ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev::before, ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next::before { display: none; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev i, ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev:hover, ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next:hover { background-color: rgb(216, 133, 39); }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots { position: static; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li.slick-active, ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li.slick-active:hover { background-color: rgb(216, 133, 39); }
._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li button::before { display: none; }
._1QfFvkSoqSdZkj2Z8ytBOA .main { position: relative; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img { position: absolute; z-index: 2; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.cross-platform, ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(243, 205, 53), rgb(216, 133, 40)); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(251, 226, 62); border-radius: 5px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo:hover::after { content: "Play"; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1QfFvkSoqSdZkj2Z8ytBOA .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1QfFvkSoqSdZkj2Z8ytBOA .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(85, 85, 85); }
._1QfFvkSoqSdZkj2Z8ytBOA .lobby-pagination li:hover { background: rgb(214, 138, 62); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img { position: absolute; z-index: 2; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.cross-platform, ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(243, 205, 53), rgb(216, 133, 40)); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover { border-color: rgb(255, 255, 255); }
._1e2-7aRK9rGB6zXYyVckDZ { background: rgb(255, 255, 255); }
._3-LTeGhY1o4qY_HBdUC7v8 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3-LTeGhY1o4qY_HBdUC7v8 .logo { position: relative; height: 80px; display: inline-block; }
._3-LTeGhY1o4qY_HBdUC7v8 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3-LTeGhY1o4qY_HBdUC7v8 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 160, 233); border-radius: 3px; }
._3-LTeGhY1o4qY_HBdUC7v8 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3-LTeGhY1o4qY_HBdUC7v8 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3-LTeGhY1o4qY_HBdUC7v8 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3-LTeGhY1o4qY_HBdUC7v8 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3-LTeGhY1o4qY_HBdUC7v8 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3-LTeGhY1o4qY_HBdUC7v8 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 160, 233); }
._3-LTeGhY1o4qY_HBdUC7v8 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3-LTeGhY1o4qY_HBdUC7v8 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 { display: block; font-size: 0px; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 > li > span:hover { background: rgb(0, 109, 156); }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 109, 156); }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 > li:hover > ol { display: block; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 160, 233); cursor: pointer; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 > li > span { position: relative; display: block; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 > li:hover { background-color: rgb(0, 109, 156); }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 > li:hover > ol { display: block; }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3-LTeGhY1o4qY_HBdUC7v8 .banner > img { margin-bottom: 20px; }
._3-LTeGhY1o4qY_HBdUC7v8 .headline { border-bottom: 2px solid rgb(0, 109, 156); }
._3-LTeGhY1o4qY_HBdUC7v8 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 109, 156); border-radius: 8px 8px 0px 0px; }
._3-LTeGhY1o4qY_HBdUC7v8 .headline > button { float: right; color: rgb(0, 109, 156); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend { height: 0px; overflow: hidden; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend.show { height: auto; overflow: visible; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-track { margin: 0px; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev, ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev::before, ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next::before { display: none; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev i, ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev:hover, ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next:hover { background-color: rgb(0, 109, 156); }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots { position: static; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li.slick-active, ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 109, 156); }
._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li button::before { display: none; }
._3-LTeGhY1o4qY_HBdUC7v8 .main { position: relative; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85); border-radius: 10px; width: 160px !important; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper > img { position: absolute; z-index: 2; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.cross-platform, ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(0, 160, 233); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(0, 160, 233); border-radius: 5px; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo:hover::after { content: "Play"; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3-LTeGhY1o4qY_HBdUC7v8 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3-LTeGhY1o4qY_HBdUC7v8 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3-LTeGhY1o4qY_HBdUC7v8 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._3-LTeGhY1o4qY_HBdUC7v8 .lobby-pagination li:hover { background: rgb(0, 160, 233); }
.hPIEexPPt8xvZ0jP-0e2p { background: rgb(255, 255, 255); }
.pBHG7AaIYz_OynR24Ug6E .wrapper { width: 850px; position: relative; margin: 0px auto; }
.pBHG7AaIYz_OynR24Ug6E .logo { position: relative; height: 80px; display: inline-block; }
.pBHG7AaIYz_OynR24Ug6E .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.pBHG7AaIYz_OynR24Ug6E .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 3px; }
.pBHG7AaIYz_OynR24Ug6E .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.pBHG7AaIYz_OynR24Ug6E .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.pBHG7AaIYz_OynR24Ug6E .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.pBHG7AaIYz_OynR24Ug6E .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.pBHG7AaIYz_OynR24Ug6E .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.pBHG7AaIYz_OynR24Ug6E .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(5, 80, 187); }
.pBHG7AaIYz_OynR24Ug6E .nav ul { padding: 0px; margin: 0px; list-style: none; }
.pBHG7AaIYz_OynR24Ug6E .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 { display: block; font-size: 0px; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 > li > span:hover { background: rgb(0, 53, 128); }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 53, 128); }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 > li:hover > ol { display: block; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(5, 80, 187); cursor: pointer; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 > li > span { position: relative; display: block; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 > li:hover { background-color: rgb(0, 53, 128); }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 > li:hover > ol { display: block; }
.pBHG7AaIYz_OynR24Ug6E .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.pBHG7AaIYz_OynR24Ug6E .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.pBHG7AaIYz_OynR24Ug6E .banner > img { margin-bottom: 20px; }
.pBHG7AaIYz_OynR24Ug6E .headline { border-bottom: 2px solid rgb(5, 80, 187); }
.pBHG7AaIYz_OynR24Ug6E .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(5, 80, 187); border-radius: 8px 8px 0px 0px; }
.pBHG7AaIYz_OynR24Ug6E .headline > button { float: right; color: rgb(5, 80, 187); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.pBHG7AaIYz_OynR24Ug6E .recommend { height: 0px; overflow: hidden; }
.pBHG7AaIYz_OynR24Ug6E .recommend.show { height: auto; overflow: visible; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-track { margin: 0px; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev, .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev::before, .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next::before { display: none; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev i, .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev:hover, .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next:hover { background-color: rgb(5, 80, 187); }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots { position: static; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li.slick-active, .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li.slick-active:hover { background-color: rgb(5, 80, 187); }
.pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li button::before { display: none; }
.pBHG7AaIYz_OynR24Ug6E .main { position: relative; }
.pBHG7AaIYz_OynR24Ug6E .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper > img { position: absolute; z-index: 2; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper.cross-platform, .pBHG7AaIYz_OynR24Ug6E .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.pBHG7AaIYz_OynR24Ug6E .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.pBHG7AaIYz_OynR24Ug6E .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.pBHG7AaIYz_OynR24Ug6E .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(17, 218, 201) 10%, rgb(56, 157, 255) 55%, rgb(5, 80, 187) 100%); border-radius: 5px; }
.pBHG7AaIYz_OynR24Ug6E .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.pBHG7AaIYz_OynR24Ug6E .game-logo:hover::after { content: "Play"; }
.pBHG7AaIYz_OynR24Ug6E .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.pBHG7AaIYz_OynR24Ug6E .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.pBHG7AaIYz_OynR24Ug6E .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pBHG7AaIYz_OynR24Ug6E .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.pBHG7AaIYz_OynR24Ug6E .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.pBHG7AaIYz_OynR24Ug6E .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.pBHG7AaIYz_OynR24Ug6E .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination li:hover { background: rgb(53, 147, 252); }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination li:hover { background: rgb(53, 147, 252); }
.pBHG7AaIYz_OynR24Ug6E .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._8Syc-wWM5EpA9h_bBu0SZ { background: rgb(255, 255, 255); }
._2XShEKC3Bvlm3AsMb30CKS .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2XShEKC3Bvlm3AsMb30CKS .logo { position: relative; height: 80px; display: inline-block; }
._2XShEKC3Bvlm3AsMb30CKS .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2XShEKC3Bvlm3AsMb30CKS .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(0, 0, 0); border-radius: 3px; }
._2XShEKC3Bvlm3AsMb30CKS .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2XShEKC3Bvlm3AsMb30CKS .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2XShEKC3Bvlm3AsMb30CKS .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2XShEKC3Bvlm3AsMb30CKS .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2XShEKC3Bvlm3AsMb30CKS .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2XShEKC3Bvlm3AsMb30CKS .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2XShEKC3Bvlm3AsMb30CKS .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 { display: block; font-size: 0px; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 > li > span:hover { background: rgb(255, 0, 58); }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 0, 58); }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 > li:hover > ol { display: block; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 > li > span { position: relative; display: block; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 > li:hover { background-color: rgb(255, 0, 58); }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 > li:hover > ol { display: block; }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2XShEKC3Bvlm3AsMb30CKS .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2XShEKC3Bvlm3AsMb30CKS .banner > img { margin-bottom: 20px; }
._2XShEKC3Bvlm3AsMb30CKS .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._2XShEKC3Bvlm3AsMb30CKS .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2XShEKC3Bvlm3AsMb30CKS .recommend { height: 0px; overflow: hidden; }
._2XShEKC3Bvlm3AsMb30CKS .recommend.show { height: auto; overflow: visible; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-track { margin: 0px; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-prev, ._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-prev::before, ._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-next::before { display: none; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-prev i, ._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-prev:hover, ._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-dots { position: static; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-dots li.slick-active, ._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .recommend .slick-dots li button::before { display: none; }
._2XShEKC3Bvlm3AsMb30CKS .main { position: relative; }
._2XShEKC3Bvlm3AsMb30CKS .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper > img { position: absolute; z-index: 2; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper.cross-platform, ._2XShEKC3Bvlm3AsMb30CKS .game-wrapper:hover { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2XShEKC3Bvlm3AsMb30CKS .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2XShEKC3Bvlm3AsMb30CKS .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2XShEKC3Bvlm3AsMb30CKS .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 0, 58); border-radius: 5px; }
._2XShEKC3Bvlm3AsMb30CKS .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2XShEKC3Bvlm3AsMb30CKS .game-logo:hover::after { content: "Play"; }
._2XShEKC3Bvlm3AsMb30CKS .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2XShEKC3Bvlm3AsMb30CKS .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2XShEKC3Bvlm3AsMb30CKS .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2XShEKC3Bvlm3AsMb30CKS .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2XShEKC3Bvlm3AsMb30CKS .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2XShEKC3Bvlm3AsMb30CKS .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination li:hover { background: rgb(255, 0, 58); }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination li:hover { background: rgb(255, 0, 58); }
._2XShEKC3Bvlm3AsMb30CKS .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.UitgkzaK7_MK7nsbkXYaZ { background: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .wrapper { width: 850px; position: relative; margin: 0px auto; }
.YRy-_jzhkp2lP5kV3bsD7 .logo { position: relative; height: 80px; display: inline-block; }
.YRy-_jzhkp2lP5kV3bsD7 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.YRy-_jzhkp2lP5kV3bsD7 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); border-radius: 3px; }
.YRy-_jzhkp2lP5kV3bsD7 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.YRy-_jzhkp2lP5kV3bsD7 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.YRy-_jzhkp2lP5kV3bsD7 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.YRy-_jzhkp2lP5kV3bsD7 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.YRy-_jzhkp2lP5kV3bsD7 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.YRy-_jzhkp2lP5kV3bsD7 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); }
.YRy-_jzhkp2lP5kV3bsD7 .nav ul { padding: 0px; margin: 0px; list-style: none; }
.YRy-_jzhkp2lP5kV3bsD7 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 { display: block; font-size: 0px; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 > li > span:hover { background: linear-gradient(rgb(255, 215, 109), rgb(236, 163, 50)); }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: linear-gradient(rgb(255, 215, 109), rgb(236, 163, 50)); }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 > li:hover > ol { display: block; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; cursor: pointer; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li > span { position: relative; display: block; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li:hover { }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li:hover > ol { display: block; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.YRy-_jzhkp2lP5kV3bsD7 .banner > img { margin-bottom: 20px; }
.YRy-_jzhkp2lP5kV3bsD7 .headline { border-bottom: 2px solid rgb(179, 91, 219); }
.YRy-_jzhkp2lP5kV3bsD7 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); border-radius: 8px 8px 0px 0px; }
.YRy-_jzhkp2lP5kV3bsD7 .headline > button { float: right; font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend { height: 0px; overflow: hidden; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend.show { height: auto; overflow: visible; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-track { margin: 0px; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-prev, .YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-prev::before, .YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-next::before { display: none; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-prev i, .YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-prev:hover, .YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-next:hover { }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-dots { position: static; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-dots li.slick-active, .YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-dots li.slick-active:hover { }
.YRy-_jzhkp2lP5kV3bsD7 .recommend .slick-dots li button::before { display: none; }
.YRy-_jzhkp2lP5kV3bsD7 .main { position: relative; }
.YRy-_jzhkp2lP5kV3bsD7 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(216, 79, 129); border-radius: 10px; width: 160px !important; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper > img { position: absolute; z-index: 2; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper.cross-platform, .YRy-_jzhkp2lP5kV3bsD7 .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); border-radius: 5px; }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo:hover::after { content: "Play"; }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.YRy-_jzhkp2lP5kV3bsD7 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(226, 228, 228); }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination li:hover { background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(226, 228, 228); }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination li:hover { background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); }
.YRy-_jzhkp2lP5kV3bsD7 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.YRy-_jzhkp2lP5kV3bsD7 .wrapper { width: 850px; position: relative; margin: 0px auto; }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper { color: rgb(255, 78, 145); }
.YRy-_jzhkp2lP5kV3bsD7 .game-wrapper:hover { border: 1px solid rgb(216, 79, 129); color: rgb(255, 78, 145); }
.YRy-_jzhkp2lP5kV3bsD7 .headline > button { color: rgb(179, 91, 219); }
.YRy-_jzhkp2lP5kV3bsD7 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); }
.YRy-_jzhkp2lP5kV3bsD7 .nav ul { padding: 0px; margin: 0px; list-style: none; }
.YRy-_jzhkp2lP5kV3bsD7 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 { background: linear-gradient(rgb(255, 78, 145), rgb(179, 91, 219)); }
.YRy-_jzhkp2lP5kV3bsD7 .category-layer-1 > li > span:hover { color: rgb(255, 215, 109); }
._1x2IeDk9bMme2aD9j2YTuj { background: rgb(255, 255, 255); }
.wpnUL5NXfT3wABJY3s-ua .wrapper { width: 850px; position: relative; margin: 0px auto; }
.wpnUL5NXfT3wABJY3s-ua .logo { position: relative; height: 80px; display: inline-block; }
.wpnUL5NXfT3wABJY3s-ua .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.wpnUL5NXfT3wABJY3s-ua .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(to top, rgb(138, 47, 255), rgb(255, 58, 246)); border-radius: 3px; }
.wpnUL5NXfT3wABJY3s-ua .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.wpnUL5NXfT3wABJY3s-ua .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.wpnUL5NXfT3wABJY3s-ua .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.wpnUL5NXfT3wABJY3s-ua .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.wpnUL5NXfT3wABJY3s-ua .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.wpnUL5NXfT3wABJY3s-ua .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(to top, rgb(138, 47, 255), rgb(255, 58, 246)); }
.wpnUL5NXfT3wABJY3s-ua .nav ul { padding: 0px; margin: 0px; list-style: none; }
.wpnUL5NXfT3wABJY3s-ua .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 { display: block; font-size: 0px; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 > li > span:hover { background: rgb(255, 58, 246); }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 > li.active > span { color: rgb(255, 58, 246); background: rgb(255, 255, 255); }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 > li:hover > ol { display: block; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-0 > li:hover > span:hover { color: rgb(255, 58, 246); }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(138, 47, 255); cursor: pointer; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 > li > span { position: relative; display: block; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 > li:hover { background-color: rgb(255, 58, 246); }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 > li:hover > ol { display: block; }
.wpnUL5NXfT3wABJY3s-ua .category-layer-1 > li:hover > span { color: rgb(255, 58, 246); }
.wpnUL5NXfT3wABJY3s-ua .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.wpnUL5NXfT3wABJY3s-ua .banner > img { margin-bottom: 20px; }
.wpnUL5NXfT3wABJY3s-ua .headline { border-bottom-width: 2px; border-bottom-style: solid; }
.wpnUL5NXfT3wABJY3s-ua .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: linear-gradient(to top, rgb(138, 47, 255), rgb(255, 58, 246)); border-radius: 8px 8px 0px 0px; }
.wpnUL5NXfT3wABJY3s-ua .headline > button { float: right; font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.wpnUL5NXfT3wABJY3s-ua .recommend { height: 0px; overflow: hidden; }
.wpnUL5NXfT3wABJY3s-ua .recommend.show { height: auto; overflow: visible; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-track { margin: 0px; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-prev, .wpnUL5NXfT3wABJY3s-ua .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-prev::before, .wpnUL5NXfT3wABJY3s-ua .recommend .slick-next::before { display: none; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-prev i, .wpnUL5NXfT3wABJY3s-ua .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-prev:hover, .wpnUL5NXfT3wABJY3s-ua .recommend .slick-next:hover { }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-dots { position: static; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-dots li.slick-active, .wpnUL5NXfT3wABJY3s-ua .recommend .slick-dots li.slick-active:hover { }
.wpnUL5NXfT3wABJY3s-ua .recommend .slick-dots li button::before { display: none; }
.wpnUL5NXfT3wABJY3s-ua .main { position: relative; }
.wpnUL5NXfT3wABJY3s-ua .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-radius: 10px; width: 160px !important; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper > img { position: absolute; z-index: 2; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper.cross-platform, .wpnUL5NXfT3wABJY3s-ua .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(102, 102, 102); }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.wpnUL5NXfT3wABJY3s-ua .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.wpnUL5NXfT3wABJY3s-ua .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.wpnUL5NXfT3wABJY3s-ua .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.wpnUL5NXfT3wABJY3s-ua .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(to top, rgb(138, 47, 255), rgb(255, 58, 246)); border-radius: 5px; }
.wpnUL5NXfT3wABJY3s-ua .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.wpnUL5NXfT3wABJY3s-ua .game-logo:hover::after { content: "Play"; }
.wpnUL5NXfT3wABJY3s-ua .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.wpnUL5NXfT3wABJY3s-ua .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.wpnUL5NXfT3wABJY3s-ua .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wpnUL5NXfT3wABJY3s-ua .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.wpnUL5NXfT3wABJY3s-ua .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.wpnUL5NXfT3wABJY3s-ua .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.wpnUL5NXfT3wABJY3s-ua .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(1, 1, 1); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination li:hover { background: rgb(255, 58, 246); }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(1, 1, 1); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination li:hover { background: rgb(255, 58, 246); }
.wpnUL5NXfT3wABJY3s-ua .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._1qbx8dw3KT5JLuWdcKHAln { background: rgb(255, 255, 255); }
._3b6Um3orsnKlaPImV-1jWb .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3b6Um3orsnKlaPImV-1jWb .logo { position: relative; height: 80px; display: inline-block; }
._3b6Um3orsnKlaPImV-1jWb .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3b6Um3orsnKlaPImV-1jWb .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(225, 71, 43); border-radius: 3px; }
._3b6Um3orsnKlaPImV-1jWb .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3b6Um3orsnKlaPImV-1jWb .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3b6Um3orsnKlaPImV-1jWb .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3b6Um3orsnKlaPImV-1jWb .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3b6Um3orsnKlaPImV-1jWb .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3b6Um3orsnKlaPImV-1jWb .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(225, 71, 43); }
._3b6Um3orsnKlaPImV-1jWb .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3b6Um3orsnKlaPImV-1jWb .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 { display: block; font-size: 0px; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 > li > span:hover { background: rgb(239, 156, 50); }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(239, 156, 50); }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 > li:hover > ol { display: block; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(225, 71, 43); cursor: pointer; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 > li > span { position: relative; display: block; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 > li:hover { background-color: rgb(239, 156, 50); }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 > li:hover > ol { display: block; }
._3b6Um3orsnKlaPImV-1jWb .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3b6Um3orsnKlaPImV-1jWb .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3b6Um3orsnKlaPImV-1jWb .banner > img { margin-bottom: 20px; }
._3b6Um3orsnKlaPImV-1jWb .headline { border-bottom: 2px solid rgb(225, 71, 43); }
._3b6Um3orsnKlaPImV-1jWb .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(225, 71, 43); border-radius: 8px 8px 0px 0px; }
._3b6Um3orsnKlaPImV-1jWb .headline > button { float: right; color: rgb(225, 71, 43); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3b6Um3orsnKlaPImV-1jWb .recommend { height: 0px; overflow: hidden; }
._3b6Um3orsnKlaPImV-1jWb .recommend.show { height: auto; overflow: visible; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-track { margin: 0px; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev, ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev::before, ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next::before { display: none; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev i, ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev:hover, ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next:hover { background-color: rgb(225, 71, 43); }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots { position: static; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li.slick-active, ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li.slick-active:hover { background-color: rgb(225, 71, 43); }
._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li button::before { display: none; }
._3b6Um3orsnKlaPImV-1jWb .main { position: relative; }
._3b6Um3orsnKlaPImV-1jWb .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51); border-radius: 10px; width: 160px !important; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper > img { position: absolute; z-index: 2; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper.cross-platform, ._3b6Um3orsnKlaPImV-1jWb .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(225, 71, 43); }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3b6Um3orsnKlaPImV-1jWb .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3b6Um3orsnKlaPImV-1jWb .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3b6Um3orsnKlaPImV-1jWb .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(239, 156, 50); border-radius: 5px; }
._3b6Um3orsnKlaPImV-1jWb .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3b6Um3orsnKlaPImV-1jWb .game-logo:hover::after { content: "Play"; }
._3b6Um3orsnKlaPImV-1jWb .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3b6Um3orsnKlaPImV-1jWb .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3b6Um3orsnKlaPImV-1jWb .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3b6Um3orsnKlaPImV-1jWb .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3b6Um3orsnKlaPImV-1jWb .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(0, 0, 0); }
._3b6Um3orsnKlaPImV-1jWb .lobby-pagination li:hover { background: rgb(225, 71, 43); }
.ytvbeq5k0VkcHal5sK4uL { background: rgb(255, 255, 255); }
.lLxlRYCxytooEEM7oqQT_ .wrapper { width: 850px; position: relative; margin: 0px auto; }
.lLxlRYCxytooEEM7oqQT_ .logo { position: relative; height: 80px; display: inline-block; }
.lLxlRYCxytooEEM7oqQT_ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.lLxlRYCxytooEEM7oqQT_ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(116, 57, 222); border-radius: 3px; }
.lLxlRYCxytooEEM7oqQT_ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.lLxlRYCxytooEEM7oqQT_ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.lLxlRYCxytooEEM7oqQT_ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.lLxlRYCxytooEEM7oqQT_ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.lLxlRYCxytooEEM7oqQT_ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.lLxlRYCxytooEEM7oqQT_ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(87, 120, 241); }
.lLxlRYCxytooEEM7oqQT_ .nav ul { padding: 0px; margin: 0px; list-style: none; }
.lLxlRYCxytooEEM7oqQT_ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 { display: block; font-size: 0px; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 > li.active > span { color: rgb(86, 98, 212); background: rgb(255, 255, 255); }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 > li:hover > ol { display: block; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-0 > li:hover > span:hover { color: rgb(86, 98, 212); }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(87, 120, 241); cursor: pointer; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 > li > span { position: relative; display: block; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 > li:hover { background-color: rgb(80, 94, 198); }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 > li:hover > ol { display: block; }
.lLxlRYCxytooEEM7oqQT_ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.lLxlRYCxytooEEM7oqQT_ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.lLxlRYCxytooEEM7oqQT_ .banner > img { margin-bottom: 20px; }
.lLxlRYCxytooEEM7oqQT_ .headline { border-bottom: 2px solid rgb(31, 32, 91); }
.lLxlRYCxytooEEM7oqQT_ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(31, 32, 91); border-radius: 8px 8px 0px 0px; }
.lLxlRYCxytooEEM7oqQT_ .headline > button { float: right; color: rgb(31, 32, 91); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.lLxlRYCxytooEEM7oqQT_ .recommend { height: 0px; overflow: hidden; }
.lLxlRYCxytooEEM7oqQT_ .recommend.show { height: auto; overflow: visible; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-track { margin: 0px; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev, .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev::before, .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next::before { display: none; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev i, .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev:hover, .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next:hover { background-color: rgb(31, 32, 91); }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots { position: static; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li.slick-active, .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li.slick-active:hover { background-color: rgb(31, 32, 91); }
.lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li button::before { display: none; }
.lLxlRYCxytooEEM7oqQT_ .main { position: relative; }
.lLxlRYCxytooEEM7oqQT_ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 174, 93); border-radius: 10px; width: 160px !important; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper > img { position: absolute; z-index: 2; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper.cross-platform, .lLxlRYCxytooEEM7oqQT_ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(94, 169, 245); }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.lLxlRYCxytooEEM7oqQT_ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.lLxlRYCxytooEEM7oqQT_ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.lLxlRYCxytooEEM7oqQT_ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(84, 170, 245); border-radius: 5px; }
.lLxlRYCxytooEEM7oqQT_ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.lLxlRYCxytooEEM7oqQT_ .game-logo:hover::after { content: "Play"; }
.lLxlRYCxytooEEM7oqQT_ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.lLxlRYCxytooEEM7oqQT_ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.lLxlRYCxytooEEM7oqQT_ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lLxlRYCxytooEEM7oqQT_ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.lLxlRYCxytooEEM7oqQT_ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.lLxlRYCxytooEEM7oqQT_ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.lLxlRYCxytooEEM7oqQT_ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lLxlRYCxytooEEM7oqQT_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.lLxlRYCxytooEEM7oqQT_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(255, 255, 255); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(94, 169, 245); }
.lLxlRYCxytooEEM7oqQT_ .lobby-pagination li:hover { background: rgb(87, 120, 241); }
._3dOkz2JgfKUCyhQF4eZ35E { background: rgb(255, 255, 255); }
._24Lo0iJM1E45pSAZ3okn0C .wrapper { width: 850px; position: relative; margin: 0px auto; }
._24Lo0iJM1E45pSAZ3okn0C .logo { position: relative; height: 80px; display: inline-block; }
._24Lo0iJM1E45pSAZ3okn0C .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._24Lo0iJM1E45pSAZ3okn0C .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(200, 15, 25); border-radius: 3px; }
._24Lo0iJM1E45pSAZ3okn0C .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._24Lo0iJM1E45pSAZ3okn0C .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._24Lo0iJM1E45pSAZ3okn0C .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._24Lo0iJM1E45pSAZ3okn0C .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._24Lo0iJM1E45pSAZ3okn0C .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._24Lo0iJM1E45pSAZ3okn0C .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(200, 15, 25); }
._24Lo0iJM1E45pSAZ3okn0C .nav ul { padding: 0px; margin: 0px; list-style: none; }
._24Lo0iJM1E45pSAZ3okn0C .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 { display: block; font-size: 0px; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 > li > span:hover { background: rgb(151, 11, 19); }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(151, 11, 19); }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 > li:hover > ol { display: block; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(200, 15, 25); cursor: pointer; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 > li > span { position: relative; display: block; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 > li:hover { background-color: rgb(151, 11, 19); }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 > li:hover > ol { display: block; }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._24Lo0iJM1E45pSAZ3okn0C .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._24Lo0iJM1E45pSAZ3okn0C .banner > img { margin-bottom: 20px; }
._24Lo0iJM1E45pSAZ3okn0C .headline { border-bottom: 2px solid rgb(200, 15, 25); }
._24Lo0iJM1E45pSAZ3okn0C .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(200, 15, 25); border-radius: 8px 8px 0px 0px; }
._24Lo0iJM1E45pSAZ3okn0C .headline > button { float: right; color: rgb(200, 15, 25); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._24Lo0iJM1E45pSAZ3okn0C .recommend { height: 0px; overflow: hidden; }
._24Lo0iJM1E45pSAZ3okn0C .recommend.show { height: auto; overflow: visible; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-track { margin: 0px; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev, ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev::before, ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next::before { display: none; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev i, ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev:hover, ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next:hover { background-color: rgb(200, 15, 25); }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots { position: static; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li.slick-active, ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li.slick-active:hover { background-color: rgb(200, 15, 25); }
._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li button::before { display: none; }
._24Lo0iJM1E45pSAZ3okn0C .main { position: relative; }
._24Lo0iJM1E45pSAZ3okn0C .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper > img { position: absolute; z-index: 2; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.cross-platform, ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(200, 15, 25); }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._24Lo0iJM1E45pSAZ3okn0C .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._24Lo0iJM1E45pSAZ3okn0C .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._24Lo0iJM1E45pSAZ3okn0C .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(200, 15, 25); border-radius: 5px; }
._24Lo0iJM1E45pSAZ3okn0C .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._24Lo0iJM1E45pSAZ3okn0C .game-logo:hover::after { content: "Play"; }
._24Lo0iJM1E45pSAZ3okn0C .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._24Lo0iJM1E45pSAZ3okn0C .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._24Lo0iJM1E45pSAZ3okn0C .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._24Lo0iJM1E45pSAZ3okn0C .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._24Lo0iJM1E45pSAZ3okn0C .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._24Lo0iJM1E45pSAZ3okn0C .lobby-pagination li:hover { background: rgb(200, 15, 25); }
._2XqxpcbG0bf69nSD1zkcpB { background: rgb(255, 255, 255); }
.AMxvTZL7ZK0T0TXqUHjMD .wrapper { width: 850px; position: relative; margin: 0px auto; }
.AMxvTZL7ZK0T0TXqUHjMD .logo { position: relative; height: 80px; display: inline-block; }
.AMxvTZL7ZK0T0TXqUHjMD .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.AMxvTZL7ZK0T0TXqUHjMD .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(51, 181, 233); border-radius: 3px; }
.AMxvTZL7ZK0T0TXqUHjMD .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.AMxvTZL7ZK0T0TXqUHjMD .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.AMxvTZL7ZK0T0TXqUHjMD .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.AMxvTZL7ZK0T0TXqUHjMD .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.AMxvTZL7ZK0T0TXqUHjMD .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.AMxvTZL7ZK0T0TXqUHjMD .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(51, 181, 233); }
.AMxvTZL7ZK0T0TXqUHjMD .nav ul { padding: 0px; margin: 0px; list-style: none; }
.AMxvTZL7ZK0T0TXqUHjMD .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 { display: block; font-size: 0px; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 > li > span:hover { background: rgb(0, 98, 213); }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 98, 213); }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 > li:hover > ol { display: block; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(51, 181, 233); cursor: pointer; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 > li > span { position: relative; display: block; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 > li:hover { background-color: rgb(0, 98, 213); }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 > li:hover > ol { display: block; }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.AMxvTZL7ZK0T0TXqUHjMD .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.AMxvTZL7ZK0T0TXqUHjMD .banner > img { margin-bottom: 20px; }
.AMxvTZL7ZK0T0TXqUHjMD .headline { border-bottom: 2px solid rgb(51, 181, 233); }
.AMxvTZL7ZK0T0TXqUHjMD .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(51, 181, 233); border-radius: 8px 8px 0px 0px; }
.AMxvTZL7ZK0T0TXqUHjMD .headline > button { float: right; color: rgb(51, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend { height: 0px; overflow: hidden; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend.show { height: auto; overflow: visible; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-track { margin: 0px; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev, .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev::before, .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next::before { display: none; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev i, .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev:hover, .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next:hover { background-color: rgb(51, 181, 233); }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots { position: static; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li.slick-active, .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li.slick-active:hover { background-color: rgb(51, 181, 233); }
.AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li button::before { display: none; }
.AMxvTZL7ZK0T0TXqUHjMD .main { position: relative; }
.AMxvTZL7ZK0T0TXqUHjMD .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper > img { position: absolute; z-index: 2; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.cross-platform, .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(51, 181, 233); }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(51, 181, 233); border-radius: 5px; }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo:hover::after { content: "Play"; }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.AMxvTZL7ZK0T0TXqUHjMD .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.AMxvTZL7ZK0T0TXqUHjMD .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.AMxvTZL7ZK0T0TXqUHjMD .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.AMxvTZL7ZK0T0TXqUHjMD .lobby-pagination li:hover { background: rgb(51, 181, 233); }
._2m5MVlNNrWvP6GBfU5-gqz { background: rgb(255, 255, 255); }
.BytN3LA3q-vSM4KtmZ5fy .wrapper { width: 850px; position: relative; margin: 0px auto; }
.BytN3LA3q-vSM4KtmZ5fy .logo { position: relative; height: 80px; display: inline-block; }
.BytN3LA3q-vSM4KtmZ5fy .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.BytN3LA3q-vSM4KtmZ5fy .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(51, 181, 233); border-radius: 3px; }
.BytN3LA3q-vSM4KtmZ5fy .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.BytN3LA3q-vSM4KtmZ5fy .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.BytN3LA3q-vSM4KtmZ5fy .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.BytN3LA3q-vSM4KtmZ5fy .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.BytN3LA3q-vSM4KtmZ5fy .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.BytN3LA3q-vSM4KtmZ5fy .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(51, 181, 233); }
.BytN3LA3q-vSM4KtmZ5fy .nav ul { padding: 0px; margin: 0px; list-style: none; }
.BytN3LA3q-vSM4KtmZ5fy .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 { display: block; font-size: 0px; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 > li > span:hover { background: rgb(0, 98, 213); }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(0, 98, 213); }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 > li:hover > ol { display: block; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(51, 181, 233); cursor: pointer; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 > li > span { position: relative; display: block; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 > li:hover { background-color: rgb(0, 98, 213); }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 > li:hover > ol { display: block; }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.BytN3LA3q-vSM4KtmZ5fy .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.BytN3LA3q-vSM4KtmZ5fy .banner > img { margin-bottom: 20px; }
.BytN3LA3q-vSM4KtmZ5fy .headline { border-bottom: 2px solid rgb(51, 181, 233); }
.BytN3LA3q-vSM4KtmZ5fy .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(51, 181, 233); border-radius: 8px 8px 0px 0px; }
.BytN3LA3q-vSM4KtmZ5fy .headline > button { float: right; color: rgb(51, 181, 233); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.BytN3LA3q-vSM4KtmZ5fy .recommend { height: 0px; overflow: hidden; }
.BytN3LA3q-vSM4KtmZ5fy .recommend.show { height: auto; overflow: visible; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-track { margin: 0px; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-prev, .BytN3LA3q-vSM4KtmZ5fy .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-prev::before, .BytN3LA3q-vSM4KtmZ5fy .recommend .slick-next::before { display: none; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-prev i, .BytN3LA3q-vSM4KtmZ5fy .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-prev:hover, .BytN3LA3q-vSM4KtmZ5fy .recommend .slick-next:hover { background-color: rgb(51, 181, 233); }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-dots { position: static; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-dots li.slick-active, .BytN3LA3q-vSM4KtmZ5fy .recommend .slick-dots li.slick-active:hover { background-color: rgb(51, 181, 233); }
.BytN3LA3q-vSM4KtmZ5fy .recommend .slick-dots li button::before { display: none; }
.BytN3LA3q-vSM4KtmZ5fy .main { position: relative; }
.BytN3LA3q-vSM4KtmZ5fy .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper > img { position: absolute; z-index: 2; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper.cross-platform, .BytN3LA3q-vSM4KtmZ5fy .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(51, 181, 233); }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.BytN3LA3q-vSM4KtmZ5fy .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.BytN3LA3q-vSM4KtmZ5fy .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.BytN3LA3q-vSM4KtmZ5fy .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.BytN3LA3q-vSM4KtmZ5fy .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(51, 181, 233); border-radius: 5px; }
.BytN3LA3q-vSM4KtmZ5fy .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.BytN3LA3q-vSM4KtmZ5fy .game-logo:hover::after { content: "Play"; }
.BytN3LA3q-vSM4KtmZ5fy .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.BytN3LA3q-vSM4KtmZ5fy .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.BytN3LA3q-vSM4KtmZ5fy .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.BytN3LA3q-vSM4KtmZ5fy .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.BytN3LA3q-vSM4KtmZ5fy .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.BytN3LA3q-vSM4KtmZ5fy .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.BytN3LA3q-vSM4KtmZ5fy .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.BytN3LA3q-vSM4KtmZ5fy .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.BytN3LA3q-vSM4KtmZ5fy .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.BytN3LA3q-vSM4KtmZ5fy .lobby-pagination li:hover { background: rgb(51, 181, 233); }
._2upM5ibOL9eiuM2z8QQr9h { background: rgb(255, 255, 255); }
._3S4MrbV8YE7fFMtn-nzsmQ .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3S4MrbV8YE7fFMtn-nzsmQ .logo { position: relative; height: 80px; display: inline-block; }
._3S4MrbV8YE7fFMtn-nzsmQ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3S4MrbV8YE7fFMtn-nzsmQ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(100, 18, 126); border-radius: 3px; }
._3S4MrbV8YE7fFMtn-nzsmQ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3S4MrbV8YE7fFMtn-nzsmQ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3S4MrbV8YE7fFMtn-nzsmQ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3S4MrbV8YE7fFMtn-nzsmQ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3S4MrbV8YE7fFMtn-nzsmQ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3S4MrbV8YE7fFMtn-nzsmQ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(100, 18, 126); }
._3S4MrbV8YE7fFMtn-nzsmQ .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3S4MrbV8YE7fFMtn-nzsmQ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 { display: block; font-size: 0px; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 > li > span:hover { background: rgb(152, 40, 188); }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(152, 40, 188); }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 > li:hover > ol { display: block; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(100, 18, 126); cursor: pointer; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 > li > span { position: relative; display: block; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 > li:hover { background-color: rgb(152, 40, 188); }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 > li:hover > ol { display: block; }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3S4MrbV8YE7fFMtn-nzsmQ .banner > img { margin-bottom: 20px; }
._3S4MrbV8YE7fFMtn-nzsmQ .headline { border-bottom: 2px solid rgb(100, 18, 126); }
._3S4MrbV8YE7fFMtn-nzsmQ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(100, 18, 126); border-radius: 8px 8px 0px 0px; }
._3S4MrbV8YE7fFMtn-nzsmQ .headline > button { float: right; color: rgb(100, 18, 126); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend { height: 0px; overflow: hidden; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend.show { height: auto; overflow: visible; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-track { margin: 0px; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev, ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev::before, ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next::before { display: none; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev i, ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev:hover, ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next:hover { background-color: rgb(100, 18, 126); }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots { position: static; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li.slick-active, ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li.slick-active:hover { background-color: rgb(100, 18, 126); }
._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li button::before { display: none; }
._3S4MrbV8YE7fFMtn-nzsmQ .main { position: relative; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(100, 18, 126); border-radius: 10px; width: 160px !important; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper > img { position: absolute; z-index: 2; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.cross-platform, ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(100, 18, 126); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(152, 40, 188); border-radius: 5px; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo:hover::after { content: "Play"; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3S4MrbV8YE7fFMtn-nzsmQ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3S4MrbV8YE7fFMtn-nzsmQ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3S4MrbV8YE7fFMtn-nzsmQ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3S4MrbV8YE7fFMtn-nzsmQ .lobby-pagination li:hover { background: rgb(152, 40, 188); }
._3yH4rdhlMIDzZigrXFXrgP { background: rgb(255, 255, 255); }
._1YEicTU70gJNn3xyIx3doB .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1YEicTU70gJNn3xyIx3doB .logo { position: relative; height: 80px; display: inline-block; }
._1YEicTU70gJNn3xyIx3doB .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1YEicTU70gJNn3xyIx3doB .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(to right, rgb(152, 70, 255), rgb(233, 45, 255)); border-radius: 3px; }
._1YEicTU70gJNn3xyIx3doB .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1YEicTU70gJNn3xyIx3doB .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1YEicTU70gJNn3xyIx3doB .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1YEicTU70gJNn3xyIx3doB .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1YEicTU70gJNn3xyIx3doB .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1YEicTU70gJNn3xyIx3doB .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(to right, rgb(152, 70, 255), rgb(233, 45, 255)); }
._1YEicTU70gJNn3xyIx3doB .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1YEicTU70gJNn3xyIx3doB .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 { display: block; font-size: 0px; }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 > li > span:hover { background: rgb(255, 221, 0); }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 221, 0); }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 > li:hover > ol { display: block; }
._1YEicTU70gJNn3xyIx3doB .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(152, 70, 255); cursor: pointer; }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 > li > span { position: relative; display: block; }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 > li:hover { background-color: rgb(255, 221, 0); }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 > li:hover > ol { display: block; }
._1YEicTU70gJNn3xyIx3doB .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._1YEicTU70gJNn3xyIx3doB .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1YEicTU70gJNn3xyIx3doB .banner > img { margin-bottom: 20px; }
._1YEicTU70gJNn3xyIx3doB .headline { border-bottom: 2px solid rgb(152, 70, 255); }
._1YEicTU70gJNn3xyIx3doB .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(152, 70, 255); border-radius: 8px 8px 0px 0px; }
._1YEicTU70gJNn3xyIx3doB .headline > button { float: right; color: rgb(152, 70, 255); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1YEicTU70gJNn3xyIx3doB .recommend { height: 0px; overflow: hidden; }
._1YEicTU70gJNn3xyIx3doB .recommend.show { height: auto; overflow: visible; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-track { margin: 0px; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev, ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev::before, ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next::before { display: none; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev i, ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev:hover, ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next:hover { background-color: rgb(152, 70, 255); }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots { position: static; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li.slick-active, ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li.slick-active:hover { background-color: rgb(152, 70, 255); }
._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li button::before { display: none; }
._1YEicTU70gJNn3xyIx3doB .main { position: relative; }
._1YEicTU70gJNn3xyIx3doB .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1YEicTU70gJNn3xyIx3doB .game-wrapper > img { position: absolute; z-index: 2; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper.cross-platform, ._1YEicTU70gJNn3xyIx3doB .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(152, 70, 255), rgb(233, 45, 255)); }
._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1YEicTU70gJNn3xyIx3doB .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1YEicTU70gJNn3xyIx3doB .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1YEicTU70gJNn3xyIx3doB .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 221, 0); border-radius: 5px; }
._1YEicTU70gJNn3xyIx3doB .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1YEicTU70gJNn3xyIx3doB .game-logo:hover::after { content: "Play"; }
._1YEicTU70gJNn3xyIx3doB .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1YEicTU70gJNn3xyIx3doB .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1YEicTU70gJNn3xyIx3doB .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1YEicTU70gJNn3xyIx3doB .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1YEicTU70gJNn3xyIx3doB .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1YEicTU70gJNn3xyIx3doB .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1YEicTU70gJNn3xyIx3doB .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination li:hover { background: rgb(152, 70, 255); }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination li:hover { background: rgb(152, 70, 255); }
._1YEicTU70gJNn3xyIx3doB .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.pNjRDgh29duKPidsRFH0g { background: rgb(255, 255, 255); }
.x7P09tRsDnt6_TZMjXcu_ .wrapper { width: 850px; position: relative; margin: 0px auto; }
.x7P09tRsDnt6_TZMjXcu_ .logo { position: relative; height: 80px; display: inline-block; }
.x7P09tRsDnt6_TZMjXcu_ .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.x7P09tRsDnt6_TZMjXcu_ .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(54, 6, 8); border-radius: 3px; }
.x7P09tRsDnt6_TZMjXcu_ .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.x7P09tRsDnt6_TZMjXcu_ .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.x7P09tRsDnt6_TZMjXcu_ .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.x7P09tRsDnt6_TZMjXcu_ .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.x7P09tRsDnt6_TZMjXcu_ .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.x7P09tRsDnt6_TZMjXcu_ .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 165, 9); }
.x7P09tRsDnt6_TZMjXcu_ .nav ul { padding: 0px; margin: 0px; list-style: none; }
.x7P09tRsDnt6_TZMjXcu_ .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 { display: block; font-size: 0px; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(54, 6, 8); border-radius: 15px; font-size: 15px; line-height: 30px; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 > li > span:hover { background: rgb(255, 230, 89); }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 > li.active > span { color: rgb(54, 6, 8); background: rgb(255, 230, 89); }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 > li:hover > ol { display: block; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-0 > li:hover > span:hover { color: rgb(54, 6, 8); }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 > li { position: relative; display: block; color: rgb(54, 6, 8); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 165, 9); cursor: pointer; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 > li > span { position: relative; display: block; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 > li:hover { background-color: rgb(255, 230, 89); }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 > li:hover > ol { display: block; }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-1 > li:hover > span { color: rgb(54, 6, 8); }
.x7P09tRsDnt6_TZMjXcu_ .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.x7P09tRsDnt6_TZMjXcu_ .banner > img { margin-bottom: 20px; }
.x7P09tRsDnt6_TZMjXcu_ .headline { border-bottom: 2px solid rgb(255, 165, 9); }
.x7P09tRsDnt6_TZMjXcu_ .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 165, 9); border-radius: 8px 8px 0px 0px; }
.x7P09tRsDnt6_TZMjXcu_ .headline > button { float: right; color: rgb(255, 165, 9); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.x7P09tRsDnt6_TZMjXcu_ .recommend { height: 0px; overflow: hidden; }
.x7P09tRsDnt6_TZMjXcu_ .recommend.show { height: auto; overflow: visible; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-track { margin: 0px; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev, .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev::before, .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next::before { display: none; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev i, .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev:hover, .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next:hover { background-color: rgb(255, 165, 9); }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots { position: static; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li.slick-active, .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 165, 9); }
.x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li button::before { display: none; }
.x7P09tRsDnt6_TZMjXcu_ .main { position: relative; }
.x7P09tRsDnt6_TZMjXcu_ .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(54, 6, 8); border-radius: 10px; width: 160px !important; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper > img { position: absolute; z-index: 2; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper.cross-platform, .x7P09tRsDnt6_TZMjXcu_ .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 165, 9); }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.x7P09tRsDnt6_TZMjXcu_ .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.x7P09tRsDnt6_TZMjXcu_ .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.x7P09tRsDnt6_TZMjXcu_ .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(54, 6, 8); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 230, 89); border-radius: 5px; }
.x7P09tRsDnt6_TZMjXcu_ .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.x7P09tRsDnt6_TZMjXcu_ .game-logo:hover::after { content: "Play"; }
.x7P09tRsDnt6_TZMjXcu_ .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.x7P09tRsDnt6_TZMjXcu_ .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.x7P09tRsDnt6_TZMjXcu_ .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.x7P09tRsDnt6_TZMjXcu_ .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.x7P09tRsDnt6_TZMjXcu_ .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(54, 6, 8); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(219, 222, 238); }
.x7P09tRsDnt6_TZMjXcu_ .lobby-pagination li:hover { background: rgb(255, 165, 9); }
._3mHzsWv0sR2ruj4Hsr7MmS { background: rgb(255, 255, 255); }
.tJYlGO3wfooKUvO9LScoN .wrapper { width: 850px; position: relative; margin: 0px auto; }
.tJYlGO3wfooKUvO9LScoN .logo { position: relative; height: 80px; display: inline-block; }
.tJYlGO3wfooKUvO9LScoN .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.tJYlGO3wfooKUvO9LScoN .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 206, 119); border-radius: 3px; }
.tJYlGO3wfooKUvO9LScoN .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.tJYlGO3wfooKUvO9LScoN .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.tJYlGO3wfooKUvO9LScoN .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.tJYlGO3wfooKUvO9LScoN .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.tJYlGO3wfooKUvO9LScoN .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.tJYlGO3wfooKUvO9LScoN .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .nav ul { padding: 0px; margin: 0px; list-style: none; }
.tJYlGO3wfooKUvO9LScoN .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 { display: block; font-size: 0px; }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 > li > span:hover { background: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 > li:hover > ol { display: block; }
.tJYlGO3wfooKUvO9LScoN .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(255, 206, 119); cursor: pointer; }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 > li > span { position: relative; display: block; }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 > li:hover { background-color: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 > li:hover > ol { display: block; }
.tJYlGO3wfooKUvO9LScoN .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.tJYlGO3wfooKUvO9LScoN .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.tJYlGO3wfooKUvO9LScoN .banner > img { margin-bottom: 20px; }
.tJYlGO3wfooKUvO9LScoN .headline { border-bottom: 2px solid rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 206, 119); border-radius: 8px 8px 0px 0px; }
.tJYlGO3wfooKUvO9LScoN .headline > button { float: right; color: rgb(255, 206, 119); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.tJYlGO3wfooKUvO9LScoN .recommend { height: 0px; overflow: hidden; }
.tJYlGO3wfooKUvO9LScoN .recommend.show { height: auto; overflow: visible; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-track { margin: 0px; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-prev, .tJYlGO3wfooKUvO9LScoN .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-prev::before, .tJYlGO3wfooKUvO9LScoN .recommend .slick-next::before { display: none; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-prev i, .tJYlGO3wfooKUvO9LScoN .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-prev:hover, .tJYlGO3wfooKUvO9LScoN .recommend .slick-next:hover { background-color: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-dots { position: static; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li.slick-active, .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li button::before { display: none; }
.tJYlGO3wfooKUvO9LScoN .main { position: relative; }
.tJYlGO3wfooKUvO9LScoN .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 206, 119); border-radius: 10px; width: 160px !important; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.tJYlGO3wfooKUvO9LScoN .game-wrapper > img { position: absolute; z-index: 2; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper.cross-platform, .tJYlGO3wfooKUvO9LScoN .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 206, 119); }
.tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.tJYlGO3wfooKUvO9LScoN .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.tJYlGO3wfooKUvO9LScoN .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.tJYlGO3wfooKUvO9LScoN .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 206, 119); border-radius: 5px; }
.tJYlGO3wfooKUvO9LScoN .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.tJYlGO3wfooKUvO9LScoN .game-logo:hover::after { content: "Play"; }
.tJYlGO3wfooKUvO9LScoN .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.tJYlGO3wfooKUvO9LScoN .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.tJYlGO3wfooKUvO9LScoN .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tJYlGO3wfooKUvO9LScoN .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.tJYlGO3wfooKUvO9LScoN .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.tJYlGO3wfooKUvO9LScoN .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.tJYlGO3wfooKUvO9LScoN .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tJYlGO3wfooKUvO9LScoN .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.tJYlGO3wfooKUvO9LScoN .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(255, 145, 58); }
.tJYlGO3wfooKUvO9LScoN .lobby-pagination li:hover { background: rgb(255, 206, 119); }
._1hVbsMBorvPJfdw1wn7Ocd { background: rgb(255, 255, 255); }
.A16g0UwjUVsNshOkekZxK .wrapper { width: 850px; position: relative; margin: 0px auto; }
.A16g0UwjUVsNshOkekZxK .logo { position: relative; height: 80px; display: inline-block; }
.A16g0UwjUVsNshOkekZxK .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.A16g0UwjUVsNshOkekZxK .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(236, 181, 34); border-radius: 3px; }
.A16g0UwjUVsNshOkekZxK .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.A16g0UwjUVsNshOkekZxK .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.A16g0UwjUVsNshOkekZxK .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.A16g0UwjUVsNshOkekZxK .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.A16g0UwjUVsNshOkekZxK .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.A16g0UwjUVsNshOkekZxK .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(236, 181, 34); }
.A16g0UwjUVsNshOkekZxK .nav ul { padding: 0px; margin: 0px; list-style: none; }
.A16g0UwjUVsNshOkekZxK .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.A16g0UwjUVsNshOkekZxK .category-layer-0 { display: block; font-size: 0px; }
.A16g0UwjUVsNshOkekZxK .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.A16g0UwjUVsNshOkekZxK .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.A16g0UwjUVsNshOkekZxK .category-layer-0 > li > span:hover { background: rgb(27, 34, 39); }
.A16g0UwjUVsNshOkekZxK .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(27, 34, 39); }
.A16g0UwjUVsNshOkekZxK .category-layer-0 > li:hover > ol { display: block; }
.A16g0UwjUVsNshOkekZxK .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
.A16g0UwjUVsNshOkekZxK .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.A16g0UwjUVsNshOkekZxK .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(236, 181, 34); cursor: pointer; }
.A16g0UwjUVsNshOkekZxK .category-layer-1 > li > span { position: relative; display: block; }
.A16g0UwjUVsNshOkekZxK .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.A16g0UwjUVsNshOkekZxK .category-layer-1 > li:hover { background-color: rgb(27, 34, 39); }
.A16g0UwjUVsNshOkekZxK .category-layer-1 > li:hover > ol { display: block; }
.A16g0UwjUVsNshOkekZxK .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
.A16g0UwjUVsNshOkekZxK .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.A16g0UwjUVsNshOkekZxK .banner > img { margin-bottom: 20px; }
.A16g0UwjUVsNshOkekZxK .headline { border-bottom: 2px solid rgb(236, 181, 34); }
.A16g0UwjUVsNshOkekZxK .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(236, 181, 34); border-radius: 8px 8px 0px 0px; }
.A16g0UwjUVsNshOkekZxK .headline > button { float: right; color: rgb(236, 181, 34); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.A16g0UwjUVsNshOkekZxK .recommend { height: 0px; overflow: hidden; }
.A16g0UwjUVsNshOkekZxK .recommend.show { height: auto; overflow: visible; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-track { margin: 0px; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-prev, .A16g0UwjUVsNshOkekZxK .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-prev::before, .A16g0UwjUVsNshOkekZxK .recommend .slick-next::before { display: none; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-prev i, .A16g0UwjUVsNshOkekZxK .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-prev:hover, .A16g0UwjUVsNshOkekZxK .recommend .slick-next:hover { background-color: rgb(236, 181, 34); }
.A16g0UwjUVsNshOkekZxK .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-dots { position: static; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.A16g0UwjUVsNshOkekZxK .recommend .slick-dots li.slick-active, .A16g0UwjUVsNshOkekZxK .recommend .slick-dots li.slick-active:hover { background-color: rgb(236, 181, 34); }
.A16g0UwjUVsNshOkekZxK .recommend .slick-dots li button::before { display: none; }
.A16g0UwjUVsNshOkekZxK .main { position: relative; }
.A16g0UwjUVsNshOkekZxK .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.A16g0UwjUVsNshOkekZxK .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(236, 181, 34); border-radius: 10px; width: 160px !important; }
.A16g0UwjUVsNshOkekZxK .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.A16g0UwjUVsNshOkekZxK .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.A16g0UwjUVsNshOkekZxK .game-wrapper > img { position: absolute; z-index: 2; }
.A16g0UwjUVsNshOkekZxK .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.A16g0UwjUVsNshOkekZxK .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.A16g0UwjUVsNshOkekZxK .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.A16g0UwjUVsNshOkekZxK .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.A16g0UwjUVsNshOkekZxK .game-wrapper.cross-platform, .A16g0UwjUVsNshOkekZxK .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(236, 181, 34); }
.A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.A16g0UwjUVsNshOkekZxK .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.A16g0UwjUVsNshOkekZxK .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.A16g0UwjUVsNshOkekZxK .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(27, 34, 39); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 224, 143); border-radius: 5px; }
.A16g0UwjUVsNshOkekZxK .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.A16g0UwjUVsNshOkekZxK .game-logo:hover::after { content: "Play"; }
.A16g0UwjUVsNshOkekZxK .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.A16g0UwjUVsNshOkekZxK .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.A16g0UwjUVsNshOkekZxK .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.A16g0UwjUVsNshOkekZxK .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.A16g0UwjUVsNshOkekZxK .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.A16g0UwjUVsNshOkekZxK .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.A16g0UwjUVsNshOkekZxK .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.A16g0UwjUVsNshOkekZxK .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.A16g0UwjUVsNshOkekZxK .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.A16g0UwjUVsNshOkekZxK .lobby-pagination li:hover { background: rgb(236, 181, 34); }
._39sIPkIhpZ41Mv0E23hHW- { background: rgb(255, 255, 255); }
._3AdaNGuhHtUC1p2xj_JlRD .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3AdaNGuhHtUC1p2xj_JlRD .logo { position: relative; height: 80px; display: inline-block; }
._3AdaNGuhHtUC1p2xj_JlRD .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3AdaNGuhHtUC1p2xj_JlRD .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(236, 181, 34); border-radius: 3px; }
._3AdaNGuhHtUC1p2xj_JlRD .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3AdaNGuhHtUC1p2xj_JlRD .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3AdaNGuhHtUC1p2xj_JlRD .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3AdaNGuhHtUC1p2xj_JlRD .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3AdaNGuhHtUC1p2xj_JlRD .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3AdaNGuhHtUC1p2xj_JlRD .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3AdaNGuhHtUC1p2xj_JlRD .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 { display: block; font-size: 0px; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 > li > span:hover { background: rgb(27, 34, 39); }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(27, 34, 39); }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 > li:hover > ol { display: block; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(236, 181, 34); cursor: pointer; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 > li > span { position: relative; display: block; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 > li:hover { background-color: rgb(27, 34, 39); }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 > li:hover > ol { display: block; }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._3AdaNGuhHtUC1p2xj_JlRD .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3AdaNGuhHtUC1p2xj_JlRD .banner > img { margin-bottom: 20px; }
._3AdaNGuhHtUC1p2xj_JlRD .headline { border-bottom: 2px solid rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(236, 181, 34); border-radius: 8px 8px 0px 0px; }
._3AdaNGuhHtUC1p2xj_JlRD .headline > button { float: right; color: rgb(236, 181, 34); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend { height: 0px; overflow: hidden; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend.show { height: auto; overflow: visible; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-track { margin: 0px; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev, ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev::before, ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next::before { display: none; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev i, ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev:hover, ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next:hover { background-color: rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots { position: static; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li.slick-active, ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li.slick-active:hover { background-color: rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li button::before { display: none; }
._3AdaNGuhHtUC1p2xj_JlRD .main { position: relative; }
._3AdaNGuhHtUC1p2xj_JlRD .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(27, 34, 39); border-radius: 10px; width: 160px !important; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper > img { position: absolute; z-index: 2; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.cross-platform, ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 230, 134); border-radius: 5px; }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo:hover::after { content: "Play"; }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3AdaNGuhHtUC1p2xj_JlRD .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li:hover { background: rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li:hover { background: rgb(236, 181, 34); }
._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3OkKZsJ6wIckbaTndvozBJ { background: rgb(255, 255, 255); }
._39EtLvmM0UYWbzf-x1998 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._39EtLvmM0UYWbzf-x1998 .logo { position: relative; height: 80px; display: inline-block; }
._39EtLvmM0UYWbzf-x1998 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._39EtLvmM0UYWbzf-x1998 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(20, 199, 81); border-radius: 3px; }
._39EtLvmM0UYWbzf-x1998 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._39EtLvmM0UYWbzf-x1998 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._39EtLvmM0UYWbzf-x1998 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._39EtLvmM0UYWbzf-x1998 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._39EtLvmM0UYWbzf-x1998 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._39EtLvmM0UYWbzf-x1998 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(217, 217, 217); }
._39EtLvmM0UYWbzf-x1998 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._39EtLvmM0UYWbzf-x1998 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 { display: block; font-size: 0px; }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 > li > span:hover { background: rgb(20, 199, 81); }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(20, 199, 81); }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 > li:hover > ol { display: block; }
._39EtLvmM0UYWbzf-x1998 .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(217, 217, 217); cursor: pointer; }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 > li > span { position: relative; display: block; }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 > li:hover { background-color: rgb(20, 199, 81); }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 > li:hover > ol { display: block; }
._39EtLvmM0UYWbzf-x1998 .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._39EtLvmM0UYWbzf-x1998 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._39EtLvmM0UYWbzf-x1998 .banner > img { margin-bottom: 20px; }
._39EtLvmM0UYWbzf-x1998 .headline { border-bottom: 2px solid rgb(217, 217, 217); }
._39EtLvmM0UYWbzf-x1998 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(217, 217, 217); border-radius: 8px 8px 0px 0px; }
._39EtLvmM0UYWbzf-x1998 .headline > button { float: right; color: rgb(217, 217, 217); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._39EtLvmM0UYWbzf-x1998 .recommend { height: 0px; overflow: hidden; }
._39EtLvmM0UYWbzf-x1998 .recommend.show { height: auto; overflow: visible; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-track { margin: 0px; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev, ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev::before, ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next::before { display: none; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev i, ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev:hover, ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next:hover { background-color: rgb(217, 217, 217); }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots { position: static; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li.slick-active, ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li.slick-active:hover { background-color: rgb(217, 217, 217); }
._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li button::before { display: none; }
._39EtLvmM0UYWbzf-x1998 .main { position: relative; }
._39EtLvmM0UYWbzf-x1998 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._39EtLvmM0UYWbzf-x1998 .game-wrapper > img { position: absolute; z-index: 2; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper.cross-platform, ._39EtLvmM0UYWbzf-x1998 .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 228, 1); }
._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._39EtLvmM0UYWbzf-x1998 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._39EtLvmM0UYWbzf-x1998 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._39EtLvmM0UYWbzf-x1998 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(20, 199, 81); border-radius: 5px; }
._39EtLvmM0UYWbzf-x1998 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._39EtLvmM0UYWbzf-x1998 .game-logo:hover::after { content: "Play"; }
._39EtLvmM0UYWbzf-x1998 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._39EtLvmM0UYWbzf-x1998 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._39EtLvmM0UYWbzf-x1998 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._39EtLvmM0UYWbzf-x1998 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._39EtLvmM0UYWbzf-x1998 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._39EtLvmM0UYWbzf-x1998 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._39EtLvmM0UYWbzf-x1998 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination li:hover { background: rgb(20, 199, 81); }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination li:hover { background: rgb(20, 199, 81); }
._39EtLvmM0UYWbzf-x1998 .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._3rNH71Wr1idkpI-p_O7WaN { background: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .wrapper { width: 850px; position: relative; margin: 0px auto; }
._1b3KGCjyV-aAvmJ0223vr2 .logo { position: relative; height: 80px; display: inline-block; }
._1b3KGCjyV-aAvmJ0223vr2 .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._1b3KGCjyV-aAvmJ0223vr2 .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(255, 204, 0); border-radius: 3px; }
._1b3KGCjyV-aAvmJ0223vr2 .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1b3KGCjyV-aAvmJ0223vr2 .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1b3KGCjyV-aAvmJ0223vr2 .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._1b3KGCjyV-aAvmJ0223vr2 .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._1b3KGCjyV-aAvmJ0223vr2 .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1b3KGCjyV-aAvmJ0223vr2 .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .nav ul { padding: 0px; margin: 0px; list-style: none; }
._1b3KGCjyV-aAvmJ0223vr2 .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 { display: block; font-size: 0px; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(0, 0, 0); border-radius: 15px; font-size: 15px; line-height: 30px; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 > li > span:hover { background: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 > li:hover > ol { display: block; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li > span { position: relative; display: block; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover > ol { display: block; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._1b3KGCjyV-aAvmJ0223vr2 .banner > img { margin-bottom: 20px; }
._1b3KGCjyV-aAvmJ0223vr2 .headline { border-bottom: 2px solid rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(255, 204, 0); border-radius: 8px 8px 0px 0px; }
._1b3KGCjyV-aAvmJ0223vr2 .headline > button { float: right; color: rgb(255, 204, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend { height: 0px; overflow: hidden; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend.show { height: auto; overflow: visible; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-track { margin: 0px; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev, ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev::before, ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next::before { display: none; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev i, ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev:hover, ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next:hover { background-color: rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots { position: static; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li.slick-active, ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li.slick-active:hover { background-color: rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li button::before { display: none; }
._1b3KGCjyV-aAvmJ0223vr2 .main { position: relative; }
._1b3KGCjyV-aAvmJ0223vr2 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper > img { position: absolute; z-index: 2; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.cross-platform, ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(255, 204, 0); border-radius: 5px; }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo:hover::after { content: "Play"; }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._1b3KGCjyV-aAvmJ0223vr2 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li:hover { background: rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li:hover { background: rgb(255, 204, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li:hover { color: rgb(0, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li { position: relative; display: block; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li > span { position: relative; display: block; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover { background-color: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover > ol { display: block; }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li { color: rgb(255, 255, 255); }
._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 > li:hover { background: rgb(255, 204, 0); }
.Tix5ekr3IBwQuAORcVDO_ { background: rgb(255, 255, 255); }
._12HhuS3DV0c8Ag6gcVN5tO .wrapper { width: 850px; position: relative; margin: 0px auto; }
._12HhuS3DV0c8Ag6gcVN5tO .logo { position: relative; height: 80px; display: inline-block; }
._12HhuS3DV0c8Ag6gcVN5tO .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._12HhuS3DV0c8Ag6gcVN5tO .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(67, 150, 242); border-radius: 3px; }
._12HhuS3DV0c8Ag6gcVN5tO .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._12HhuS3DV0c8Ag6gcVN5tO .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._12HhuS3DV0c8Ag6gcVN5tO .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._12HhuS3DV0c8Ag6gcVN5tO .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._12HhuS3DV0c8Ag6gcVN5tO .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._12HhuS3DV0c8Ag6gcVN5tO .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .nav ul { padding: 0px; margin: 0px; list-style: none; }
._12HhuS3DV0c8Ag6gcVN5tO .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 { display: block; font-size: 0px; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 > li > span:hover { background: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 > li:hover > ol { display: block; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(34, 34, 34); cursor: pointer; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 > li > span { position: relative; display: block; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 > li:hover { background-color: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 > li:hover > ol { display: block; }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._12HhuS3DV0c8Ag6gcVN5tO .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._12HhuS3DV0c8Ag6gcVN5tO .banner > img { margin-bottom: 20px; }
._12HhuS3DV0c8Ag6gcVN5tO .headline { border-bottom: 2px solid rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(67, 150, 242); border-radius: 8px 8px 0px 0px; }
._12HhuS3DV0c8Ag6gcVN5tO .headline > button { float: right; color: rgb(67, 150, 242); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend { height: 0px; overflow: hidden; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend.show { height: auto; overflow: visible; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-track { margin: 0px; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev, ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev::before, ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next::before { display: none; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev i, ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev:hover, ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next:hover { background-color: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots { position: static; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li.slick-active, ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li.slick-active:hover { background-color: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li button::before { display: none; }
._12HhuS3DV0c8Ag6gcVN5tO .main { position: relative; }
._12HhuS3DV0c8Ag6gcVN5tO .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(67, 150, 242); border-radius: 10px; width: 160px !important; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper > img { position: absolute; z-index: 2; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.cross-platform, ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(67, 150, 242); border-radius: 5px; }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo:hover::after { content: "Play"; }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._12HhuS3DV0c8Ag6gcVN5tO .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li:hover { background: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li:hover { background: rgb(67, 150, 242); }
._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li:hover { background: rgb(67, 150, 242); }
._17-uUeuwfLRGb4NHCaG_yo { background: rgb(255, 255, 255); }
._3h-XGaugHzITGSfk51jAzD .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3h-XGaugHzITGSfk51jAzD .logo { position: relative; height: 80px; display: inline-block; }
._3h-XGaugHzITGSfk51jAzD .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3h-XGaugHzITGSfk51jAzD .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(119, 156, 248) 10%, rgb(141, 184, 249) 55%, rgb(177, 220, 250) 100%); border-radius: 3px; }
._3h-XGaugHzITGSfk51jAzD .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3h-XGaugHzITGSfk51jAzD .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3h-XGaugHzITGSfk51jAzD .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3h-XGaugHzITGSfk51jAzD .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3h-XGaugHzITGSfk51jAzD .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3h-XGaugHzITGSfk51jAzD .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: linear-gradient(rgb(119, 156, 248) 10%, rgb(141, 184, 249) 55%, rgb(177, 220, 250) 100%); }
._3h-XGaugHzITGSfk51jAzD .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3h-XGaugHzITGSfk51jAzD .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 { display: block; font-size: 0px; }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 > li > span:hover { background: rgb(254, 236, 92); }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 > li.active > span { color: rgb(0, 0, 0); background: rgb(254, 236, 92); }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 > li:hover > ol { display: block; }
._3h-XGaugHzITGSfk51jAzD .category-layer-0 > li:hover > span:hover { color: rgb(0, 0, 0); }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(113, 149, 246); cursor: pointer; }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 > li > span { position: relative; display: block; }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 > li:hover { background-color: rgb(254, 236, 92); }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 > li:hover > ol { display: block; }
._3h-XGaugHzITGSfk51jAzD .category-layer-1 > li:hover > span { color: rgb(0, 0, 0); }
._3h-XGaugHzITGSfk51jAzD .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3h-XGaugHzITGSfk51jAzD .banner > img { margin-bottom: 20px; }
._3h-XGaugHzITGSfk51jAzD .headline { border-bottom: 2px solid rgb(119, 156, 248); }
._3h-XGaugHzITGSfk51jAzD .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(119, 156, 248); border-radius: 8px 8px 0px 0px; }
._3h-XGaugHzITGSfk51jAzD .headline > button { float: right; font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3h-XGaugHzITGSfk51jAzD .recommend { height: 0px; overflow: hidden; }
._3h-XGaugHzITGSfk51jAzD .recommend.show { height: auto; overflow: visible; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-track { margin: 0px; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev, ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev::before, ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next::before { display: none; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev i, ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev:hover, ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next:hover { }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots { position: static; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li.slick-active, ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li.slick-active:hover { background-color: rgb(119, 156, 248); }
._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li button::before { display: none; }
._3h-XGaugHzITGSfk51jAzD .main { position: relative; }
._3h-XGaugHzITGSfk51jAzD .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3h-XGaugHzITGSfk51jAzD .game-wrapper > img { position: absolute; z-index: 2; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper.cross-platform, ._3h-XGaugHzITGSfk51jAzD .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(119, 156, 248) 10%, rgb(141, 184, 249) 55%, rgb(177, 220, 250) 100%); }
._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3h-XGaugHzITGSfk51jAzD .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3h-XGaugHzITGSfk51jAzD .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3h-XGaugHzITGSfk51jAzD .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(0, 0, 0); font-size: 16px; text-align: center; line-height: 31px; background: rgb(254, 236, 92); border-radius: 5px; }
._3h-XGaugHzITGSfk51jAzD .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3h-XGaugHzITGSfk51jAzD .game-logo:hover::after { content: "Play"; }
._3h-XGaugHzITGSfk51jAzD .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3h-XGaugHzITGSfk51jAzD .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3h-XGaugHzITGSfk51jAzD .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3h-XGaugHzITGSfk51jAzD .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3h-XGaugHzITGSfk51jAzD .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3h-XGaugHzITGSfk51jAzD .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3h-XGaugHzITGSfk51jAzD .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination li:hover { background: rgb(119, 156, 248); }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination li:hover { background: rgb(119, 156, 248); }
._3h-XGaugHzITGSfk51jAzD .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.a7il0i5ajih4toKsUPJq4 { background: rgb(255, 255, 255); }
._3r2PzVw35sCQ6MQNyjIGUb .wrapper { width: 850px; position: relative; margin: 0px auto; }
._3r2PzVw35sCQ6MQNyjIGUb .logo { position: relative; height: 80px; display: inline-block; }
._3r2PzVw35sCQ6MQNyjIGUb .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._3r2PzVw35sCQ6MQNyjIGUb .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(234, 33, 29); border-radius: 3px; }
._3r2PzVw35sCQ6MQNyjIGUb .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3r2PzVw35sCQ6MQNyjIGUb .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3r2PzVw35sCQ6MQNyjIGUb .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._3r2PzVw35sCQ6MQNyjIGUb .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._3r2PzVw35sCQ6MQNyjIGUb .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._3r2PzVw35sCQ6MQNyjIGUb .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(168, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .nav ul { padding: 0px; margin: 0px; list-style: none; }
._3r2PzVw35sCQ6MQNyjIGUb .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 { display: block; font-size: 0px; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 > li > span:hover { background: linear-gradient(to top, rgb(255, 249, 92), rgb(255, 255, 170)); }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 > li.active > span { color: rgb(237, 29, 29); background: linear-gradient(to top, rgb(255, 249, 92), rgb(255, 255, 170)); }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 > li:hover > ol { display: block; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 > li:hover > span:hover { color: rgb(237, 29, 29); }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(237, 29, 29); cursor: pointer; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 > li > span { position: relative; display: block; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 > li:hover { }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 > li:hover > ol { display: block; }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 > li:hover > span { color: rgb(255, 249, 92); }
._3r2PzVw35sCQ6MQNyjIGUb .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._3r2PzVw35sCQ6MQNyjIGUb .banner > img { margin-bottom: 20px; }
._3r2PzVw35sCQ6MQNyjIGUb .headline { border-bottom: 2px solid rgb(168, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(168, 0, 0); border-radius: 8px 8px 0px 0px; }
._3r2PzVw35sCQ6MQNyjIGUb .headline > button { float: right; color: rgb(168, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend { height: 0px; overflow: hidden; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend.show { height: auto; overflow: visible; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-track { margin: 0px; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev, ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev::before, ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next::before { display: none; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev i, ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev:hover, ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next:hover { background-color: rgb(168, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots { position: static; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li.slick-active, ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li.slick-active:hover { background-color: rgb(168, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li button::before { display: none; }
._3r2PzVw35sCQ6MQNyjIGUb .main { position: relative; }
._3r2PzVw35sCQ6MQNyjIGUb .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper > img { position: absolute; z-index: 2; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.cross-platform, ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(168, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(237, 29, 29); border-radius: 5px; }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo:hover::after { content: "Play"; }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._3r2PzVw35sCQ6MQNyjIGUb .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li:hover { background: rgb(237, 29, 29); }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li:hover { background: rgb(237, 29, 29); }
._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li:hover { color: rgb(255, 255, 255); }
.RrpXGd-1lqKY5bx2XZtl4 { background: rgb(255, 255, 255); }
._14xqnXfFgfe05UoSr1YqSh .wrapper { width: 850px; position: relative; margin: 0px auto; }
._14xqnXfFgfe05UoSr1YqSh .logo { position: relative; height: 80px; display: inline-block; }
._14xqnXfFgfe05UoSr1YqSh .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._14xqnXfFgfe05UoSr1YqSh .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: rgb(74, 175, 109); border-radius: 3px; }
._14xqnXfFgfe05UoSr1YqSh .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._14xqnXfFgfe05UoSr1YqSh .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._14xqnXfFgfe05UoSr1YqSh .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._14xqnXfFgfe05UoSr1YqSh .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._14xqnXfFgfe05UoSr1YqSh .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._14xqnXfFgfe05UoSr1YqSh .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(0, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .nav ul { padding: 0px; margin: 0px; list-style: none; }
._14xqnXfFgfe05UoSr1YqSh .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 { display: block; font-size: 0px; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 > li > span:hover { background: rgb(74, 175, 109); }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(74, 175, 109); }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 > li:hover > ol { display: block; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(0, 0, 0); cursor: pointer; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 > li > span { position: relative; display: block; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 > li:hover { background-color: rgb(74, 175, 109); }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 > li:hover > ol { display: block; }
._14xqnXfFgfe05UoSr1YqSh .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._14xqnXfFgfe05UoSr1YqSh .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._14xqnXfFgfe05UoSr1YqSh .banner > img { margin-bottom: 20px; }
._14xqnXfFgfe05UoSr1YqSh .headline { border-bottom: 2px solid rgb(0, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; }
._14xqnXfFgfe05UoSr1YqSh .headline > button { float: right; color: rgb(0, 0, 0); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._14xqnXfFgfe05UoSr1YqSh .recommend { height: 0px; overflow: hidden; }
._14xqnXfFgfe05UoSr1YqSh .recommend.show { height: auto; overflow: visible; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-track { margin: 0px; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev, ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev::before, ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next::before { display: none; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev i, ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev:hover, ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next:hover { background-color: rgb(0, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots { position: static; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li.slick-active, ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li.slick-active:hover { background-color: rgb(0, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li button::before { display: none; }
._14xqnXfFgfe05UoSr1YqSh .main { position: relative; }
._14xqnXfFgfe05UoSr1YqSh .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 10px; width: 160px !important; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper > img { position: absolute; z-index: 2; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper.cross-platform, ._14xqnXfFgfe05UoSr1YqSh .game-wrapper:hover { color: rgb(255, 255, 255); background: rgb(74, 175, 109); }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._14xqnXfFgfe05UoSr1YqSh .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._14xqnXfFgfe05UoSr1YqSh .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: rgb(74, 175, 109); border-radius: 5px; }
._14xqnXfFgfe05UoSr1YqSh .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._14xqnXfFgfe05UoSr1YqSh .game-logo:hover::after { content: "Play"; }
._14xqnXfFgfe05UoSr1YqSh .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._14xqnXfFgfe05UoSr1YqSh .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._14xqnXfFgfe05UoSr1YqSh .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li:hover { background: rgb(74, 175, 109); }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li:hover { background: rgb(74, 175, 109); }
._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._7138V5jLuhU-QnDQifSRM { background: rgb(255, 255, 255); }
.TsSQjkPK3B_nSEbL4v7-V .wrapper { width: 850px; position: relative; margin: 0px auto; }
.TsSQjkPK3B_nSEbL4v7-V .logo { position: relative; height: 80px; display: inline-block; }
.TsSQjkPK3B_nSEbL4v7-V .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
.TsSQjkPK3B_nSEbL4v7-V .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); border-radius: 3px; }
.TsSQjkPK3B_nSEbL4v7-V .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.TsSQjkPK3B_nSEbL4v7-V .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.TsSQjkPK3B_nSEbL4v7-V .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
.TsSQjkPK3B_nSEbL4v7-V .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
.TsSQjkPK3B_nSEbL4v7-V .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.TsSQjkPK3B_nSEbL4v7-V .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(246, 57, 27); }
.TsSQjkPK3B_nSEbL4v7-V .nav ul { padding: 0px; margin: 0px; list-style: none; }
.TsSQjkPK3B_nSEbL4v7-V .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 { display: block; font-size: 0px; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 > li > span:hover { background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 > li.active > span { color: rgb(246, 57, 27); background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 > li:hover > ol { display: block; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-0 > li:hover > span:hover { color: rgb(246, 57, 27); }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(246, 57, 27); cursor: pointer; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 > li > span { position: relative; display: block; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 > li:hover { background-color: rgb(246, 57, 27); }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 > li:hover > ol { display: block; }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-1 > li:hover > span { color: rgb(255, 236, 90); }
.TsSQjkPK3B_nSEbL4v7-V .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
.TsSQjkPK3B_nSEbL4v7-V .banner > img { margin-bottom: 20px; }
.TsSQjkPK3B_nSEbL4v7-V .headline { border-bottom: 2px solid rgb(246, 57, 27); }
.TsSQjkPK3B_nSEbL4v7-V .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(246, 57, 27); border-radius: 8px 8px 0px 0px; }
.TsSQjkPK3B_nSEbL4v7-V .headline > button { float: right; color: rgb(246, 57, 27); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
.TsSQjkPK3B_nSEbL4v7-V .recommend { height: 0px; overflow: hidden; }
.TsSQjkPK3B_nSEbL4v7-V .recommend.show { height: auto; overflow: visible; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-track { margin: 0px; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-prev, .TsSQjkPK3B_nSEbL4v7-V .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-prev::before, .TsSQjkPK3B_nSEbL4v7-V .recommend .slick-next::before { display: none; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-prev i, .TsSQjkPK3B_nSEbL4v7-V .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-prev:hover, .TsSQjkPK3B_nSEbL4v7-V .recommend .slick-next:hover { background-color: rgb(246, 57, 27); }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-dots { position: static; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-dots li.slick-active, .TsSQjkPK3B_nSEbL4v7-V .recommend .slick-dots li.slick-active:hover { background-color: rgb(246, 57, 27); }
.TsSQjkPK3B_nSEbL4v7-V .recommend .slick-dots li button::before { display: none; }
.TsSQjkPK3B_nSEbL4v7-V .main { position: relative; }
.TsSQjkPK3B_nSEbL4v7-V .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 10px; width: 160px !important; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper > img { position: absolute; z-index: 2; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper.cross-platform, .TsSQjkPK3B_nSEbL4v7-V .game-wrapper:hover { color: rgb(255, 255, 255); background: linear-gradient(rgb(242, 98, 45), rgb(188, 0, 7)); }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.TsSQjkPK3B_nSEbL4v7-V .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.TsSQjkPK3B_nSEbL4v7-V .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.TsSQjkPK3B_nSEbL4v7-V .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.TsSQjkPK3B_nSEbL4v7-V .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(246, 57, 27); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(254, 248, 200), rgb(227, 173, 28)); border-radius: 5px; }
.TsSQjkPK3B_nSEbL4v7-V .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.TsSQjkPK3B_nSEbL4v7-V .game-logo:hover::after { content: "Play"; }
.TsSQjkPK3B_nSEbL4v7-V .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.TsSQjkPK3B_nSEbL4v7-V .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.TsSQjkPK3B_nSEbL4v7-V .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.TsSQjkPK3B_nSEbL4v7-V .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.TsSQjkPK3B_nSEbL4v7-V .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.TsSQjkPK3B_nSEbL4v7-V .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.TsSQjkPK3B_nSEbL4v7-V .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination li:hover { background: rgb(217, 0, 11); }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(204, 204, 204); }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination li:hover { background: rgb(217, 0, 11); }
.TsSQjkPK3B_nSEbL4v7-V .lobby-pagination li:hover { color: rgb(255, 255, 255); }
._2mmNFg4oUapEBB0K0dp4WR { background: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .wrapper { width: 850px; position: relative; margin: 0px auto; }
._2Rgc-h5slaujuY-uOMl3Om .logo { position: relative; height: 80px; display: inline-block; }
._2Rgc-h5slaujuY-uOMl3Om .logo img { position: absolute; inset: 0px; margin: auto; max-width: 600px; max-height: 70px; }
._2Rgc-h5slaujuY-uOMl3Om .search { position: absolute; top: 20px; right: 0px; width: 200px; height: 40px; padding: 5px; background: linear-gradient(rgb(255, 199, 9), rgb(240, 95, 34)); border-radius: 3px; }
._2Rgc-h5slaujuY-uOMl3Om .search form > * { display: inline-block; height: 30px; vertical-align: top; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Rgc-h5slaujuY-uOMl3Om .search form input { width: 150px; margin-right: 5px; padding: 0px 5px; color: rgb(0, 0, 0); font-size: 12px; line-height: 30px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Rgc-h5slaujuY-uOMl3Om .search form input:focus::placeholder { color: rgba(32, 30, 30, 0.3); }
._2Rgc-h5slaujuY-uOMl3Om .search form input::placeholder { color: rgb(0, 0, 0); transition: 0.3s; }
._2Rgc-h5slaujuY-uOMl3Om .search form button { width: 30px; color: rgb(255, 255, 255); font-size: 20px; background-color: rgba(0, 0, 0, 0); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._2Rgc-h5slaujuY-uOMl3Om .nav { margin-bottom: 15px; padding: 10px 0px 0px; min-height: 50px; background: rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .nav ul { padding: 0px; margin: 0px; list-style: none; }
._2Rgc-h5slaujuY-uOMl3Om .nav h4 { margin: 0px; color: rgb(255, 255, 255); line-height: 50px; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 { display: block; font-size: 0px; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 > li { position: relative; display: inline-block; margin: 0px 10px 10px 0px; vertical-align: top; cursor: pointer; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 > li > span { display: inline-block; padding: 0px 15px; color: rgb(255, 255, 255); border-radius: 15px; font-size: 15px; line-height: 30px; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 > li > span:hover { background: rgb(237, 102, 31); }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 > li.active > span { color: rgb(255, 255, 255); background: rgb(237, 102, 31); }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 > li:hover > ol { display: block; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-0 > li:hover > span:hover { color: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 { display: none; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 100px; padding: 10px 0px 0px; text-align: center; z-index: 2; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 > li { position: relative; display: block; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; line-height: 30px; background-color: rgb(249, 168, 14); cursor: pointer; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 > li > span { position: relative; display: block; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 > li > span > i { position: absolute; top: 8px; right: 8px; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 > li:hover { background-color: rgb(237, 102, 31); }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 > li:hover > ol { display: block; }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-1 > li:hover > span { color: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .category-layer-2 { top: 0px; left: 100%; margin: 0px; padding: 0px; }
._2Rgc-h5slaujuY-uOMl3Om .banner > img { margin-bottom: 20px; }
._2Rgc-h5slaujuY-uOMl3Om .headline { border-bottom: 2px solid rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .headline > span { display: inline-block; vertical-align: top; padding: 0px 15px; color: rgb(255, 255, 255); font-size: 15px; line-height: 30px; background: rgb(249, 168, 14); border-radius: 8px 8px 0px 0px; }
._2Rgc-h5slaujuY-uOMl3Om .headline > button { float: right; color: rgb(249, 168, 14); font-size: 15px; line-height: 30px; text-decoration: none; padding: 0px 15px; }
._2Rgc-h5slaujuY-uOMl3Om .recommend { height: 0px; overflow: hidden; }
._2Rgc-h5slaujuY-uOMl3Om .recommend.show { height: auto; overflow: visible; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-track { margin: 0px; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-prev, ._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-next { top: 93px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); background-repeat: no-repeat; border-radius: 50%; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-prev::before, ._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-next::before { display: none; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-prev i, ._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-next i { vertical-align: middle; color: rgb(255, 255, 255); font-size: 27px; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-prev:hover, ._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-next:hover { background-color: rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-prev { left: -60px; padding-left: 14px; text-align: left; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-next { right: -60px; padding-right: 14px; text-align: right; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-dots { position: static; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-dots li { width: 14px; height: 14px; min-height: 0px; font-size: 0px; background-color: rgb(158, 158, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-dots li:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-dots li.slick-active, ._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-dots li.slick-active:hover { background-color: rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .recommend .slick-dots li button::before { display: none; }
._2Rgc-h5slaujuY-uOMl3Om .main { position: relative; }
._2Rgc-h5slaujuY-uOMl3Om .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(249, 168, 14); border-radius: 10px; width: 160px !important; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img { position: absolute; z-index: 2; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.cross-platform, ._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2Rgc-h5slaujuY-uOMl3Om .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
._2Rgc-h5slaujuY-uOMl3Om .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
._2Rgc-h5slaujuY-uOMl3Om .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; color: rgb(255, 255, 255); font-size: 16px; text-align: center; line-height: 31px; background: linear-gradient(rgb(255, 199, 9), rgb(240, 95, 34)); border-radius: 5px; }
._2Rgc-h5slaujuY-uOMl3Om .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
._2Rgc-h5slaujuY-uOMl3Om .game-logo:hover::after { content: "Play"; }
._2Rgc-h5slaujuY-uOMl3Om .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
._2Rgc-h5slaujuY-uOMl3Om .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
._2Rgc-h5slaujuY-uOMl3Om .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2Rgc-h5slaujuY-uOMl3Om .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
._2Rgc-h5slaujuY-uOMl3Om .game-logo figcaption i.far { color: rgb(178, 178, 178); }
._2Rgc-h5slaujuY-uOMl3Om .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination li:hover { background: rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(249, 168, 14); border-radius: 10px; width: 160px !important; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover { border-color: rgb(255, 255, 255); cursor: pointer; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img { position: absolute; z-index: 2; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon01 { top: -3px; left: -3px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon02 { top: -3px; right: -3px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.cross-platform, ._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
._2Rgc-h5slaujuY-uOMl3Om .game-wrapper:hover { border-color: rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination { display: block; margin: 20px auto 15px; text-align: center; font-size: 0px; }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination li { display: inline-block; margin: 0px 3px; padding: 0px 10px; color: rgb(0, 0, 0); height: 25px; font-size: 16px; line-height: 25px; vertical-align: top; background-color: rgb(230, 230, 230); }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination li:hover { background: rgb(249, 168, 14); }
._2Rgc-h5slaujuY-uOMl3Om .lobby-pagination li:hover { color: rgb(255, 255, 255); background: rgb(249, 168, 14); }
._2WA9RBgAs6TqIurOePgNba { height: 100vh; font-family: "Microsoft YaHei"; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2bc2a6a362b090b754f839b1dbc27b6e.jpg") center top no-repeat rgb(4, 3, 1); }
._2WA9RBgAs6TqIurOePgNba header { padding-top: 82px; text-align: center; }
._2WA9RBgAs6TqIurOePgNba header p { margin: 0px; font-weight: bold; }
._2WA9RBgAs6TqIurOePgNba header p._3y3lDicGr3l7eN9zmatN0Z { margin-bottom: 7px; color: rgb(255, 255, 255); font-size: 32px; }
._2WA9RBgAs6TqIurOePgNba header p._29XPnbhBvuMQj_k_OyfPqM { display: inline-block; vertical-align: top; margin-bottom: 15px; padding: 0px 10px; color: rgb(214, 0, 0); font-size: 16px; font-weight: bold; line-height: 24px; background-color: rgb(255, 255, 255); border-radius: 5px; }
._2WA9RBgAs6TqIurOePgNba header p.PAHgfTh5Yb1Qiie1JHPn- { margin-bottom: 15px; color: rgb(255, 228, 0); font-size: 18px; }
._2WA9RBgAs6TqIurOePgNba header ._1Dtf6_IGvJzzwgJTLMRTFk { display: block; color: rgb(255, 255, 255); }
._2WA9RBgAs6TqIurOePgNba main { height: 325px; background-color: rgba(176, 134, 103, 0.8); }
._3tnnTDgq6ONU7oKzmIiwmS { width: 850px; margin: 0px auto; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul { padding: 0px; margin: 0px; font-size: 0px; text-align: left; list-style: none; outline: none; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li { display: inline-block; width: 140px; height: 139px; vertical-align: top; margin: 10px 15px 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/16219d6d33ac9505bbfcb4214c10a827.png") center top no-repeat; cursor: pointer; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li:hover { background-position: center bottom; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li img { display: inline-block; width: 110px; height: 110px; vertical-align: top; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li p { margin: 0px; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow { display: inline-block; width: 25px; height: 41px; background-repeat: no-repeat; background-position: center top; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow::before { display: none; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow:hover { background-position: center bottom; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow.slick-prev { left: -45px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4005a6e6535d76ad484241125799a617.png"); }
._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow.slick-next { right: -45px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c140a8c956367e562a021418c1231e65.png"); }
._3G2yUPDTnZOnMO-hH8nXo- .slick-dots { bottom: -26px; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li { margin: 0px; }
._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li button::before { opacity: 1; color: rgb(151, 144, 139); }
._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li.slick-active button::before, ._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li:hover button::before { color: rgb(232, 226, 221); }
._27LBCEpNgwzP4MEGKfPZ81 { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._27LBCEpNgwzP4MEGKfPZ81 h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._27LBCEpNgwzP4MEGKfPZ81 h3 { font-size: 16px; font-weight: bold; }
._27LBCEpNgwzP4MEGKfPZ81 h4 { font-size: 16px; }
._27LBCEpNgwzP4MEGKfPZ81 > ul { list-style: none; }
._27LBCEpNgwzP4MEGKfPZ81 ol { padding-left: 20px; list-style-type: decimal; }
._27LBCEpNgwzP4MEGKfPZ81 p, ._27LBCEpNgwzP4MEGKfPZ81 li { font-size: 16px; text-align: justify; line-height: 2em; }
._27LBCEpNgwzP4MEGKfPZ81 p { margin: 1em 0px; }
._27LBCEpNgwzP4MEGKfPZ81 .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._27LBCEpNgwzP4MEGKfPZ81 table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._27LBCEpNgwzP4MEGKfPZ81 table thead tr, ._27LBCEpNgwzP4MEGKfPZ81 table thead th, ._27LBCEpNgwzP4MEGKfPZ81 table thead td, ._27LBCEpNgwzP4MEGKfPZ81 table tbody tr, ._27LBCEpNgwzP4MEGKfPZ81 table tbody th, ._27LBCEpNgwzP4MEGKfPZ81 table tbody td, ._27LBCEpNgwzP4MEGKfPZ81 table tfoot tr, ._27LBCEpNgwzP4MEGKfPZ81 table tfoot th, ._27LBCEpNgwzP4MEGKfPZ81 table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._27LBCEpNgwzP4MEGKfPZ81 table thead th, ._27LBCEpNgwzP4MEGKfPZ81 table tbody th, ._27LBCEpNgwzP4MEGKfPZ81 table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._1VqDMm33qszGaSSF1BefIA { height: 560px; background-image: none; }
._1UQLhwC21iNEwVf1RXupxY { padding: 0px; }
._1-yWFlhUDV6YxE5gmEsLcL { position: relative; width: 1200px; margin: 0px auto; }
._1-yWFlhUDV6YxE5gmEsLcL h1, ._1-yWFlhUDV6YxE5gmEsLcL h2, ._1-yWFlhUDV6YxE5gmEsLcL h3, ._1-yWFlhUDV6YxE5gmEsLcL h4, ._1-yWFlhUDV6YxE5gmEsLcL h5, ._1-yWFlhUDV6YxE5gmEsLcL h6 { line-height: 1; margin-top: 0px; margin-bottom: 0px; }
._1-yWFlhUDV6YxE5gmEsLcL div { display: flex; }
._1-yWFlhUDV6YxE5gmEsLcL * { margin: 0px; padding: 0px; }
._1-yWFlhUDV6YxE5gmEsLcL a { cursor: pointer; }
._1-yWFlhUDV6YxE5gmEsLcL a:hover { text-decoration: none; }
._1-yWFlhUDV6YxE5gmEsLcL span { line-height: 1; }
._1-yWFlhUDV6YxE5gmEsLcL > img:not(._1T4Jsa6gcssrKqVEVlC9Hw) { margin: 20px 0px; }
._1-yWFlhUDV6YxE5gmEsLcL ._1T4Jsa6gcssrKqVEVlC9Hw { margin: -30px 0px 20px; }
._1-yWFlhUDV6YxE5gmEsLcL ._7k5oge2RnSaKBSLIpcYcR { position: relative; width: 100%; height: 423px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/115d702ad9cfada0c7d432bcec2ad408.png") center center no-repeat; }
._1-yWFlhUDV6YxE5gmEsLcL ._7k5oge2RnSaKBSLIpcYcR > video { position: absolute; top: 45px; right: 27px; }
._1-yWFlhUDV6YxE5gmEsLcL .kEceG7OIjyC7ErfqagIVm { display: flex; margin-bottom: 60px; justify-content: space-between; }
._1-yWFlhUDV6YxE5gmEsLcL .kEceG7OIjyC7ErfqagIVm img { width: 277px; height: 237px; }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q { position: relative; width: 100%; height: 708px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3ea03596dab1ccccd1f2af9705ea0319.png") center center no-repeat; }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a { width: 100%; height: 100%; }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a ._3RLBqD8ILDD7sQCjRjrAJc { position: absolute; display: flex; flex-direction: column; top: 70px; left: 0px; width: 262px; }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a ._3RLBqD8ILDD7sQCjRjrAJc h3 { font-family: Roboto; font-size: 71px; font-weight: 900; height: 84px; text-wrap-mode: nowrap; color: rgb(255, 255, 255); }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a ._3RLBqD8ILDD7sQCjRjrAJc img { margin: 6px 0px 16px; }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a ._3RLBqD8ILDD7sQCjRjrAJc p { font-size: 14px; color: rgb(255, 255, 255); }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a .jkogdB5ATsC8GYbvV9jJB { position: absolute; top: 32px; left: 314px; }
._1-yWFlhUDV6YxE5gmEsLcL .XNisDZ1AJQihr1DR7Y0Q > a .uNRF1dZuJ1m2yGKUjzAXW { position: absolute; top: 70px; right: 0px; }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m { display: flex; justify-content: space-between; width: 100%; transform: translateY(-70px); z-index: 3; }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button { width: 170px; height: 206px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: center top no-repeat; }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button:hover, ._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.active { background-position: center bottom; }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.slot { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7feda2818b511dd8b571c7b400f945a8.png"); }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.sport { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3be8b27ba7e7916daca83bd830aa8f2c.png"); }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.live { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0c34dd00e263f0448bb1b58c592ae54a.png"); }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.lottery { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/66fdb92a30ae2baaa236809942ab61a4.png"); }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.fish { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ff8c2f5689976503778e48a42d0f8097.png"); }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.cock { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d356b1ae57f68c4b8a86c73bda651952.png"); }
._1-yWFlhUDV6YxE5gmEsLcL ._1vr-r1C4FdFPMBg36K1X6m button.card { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/29a6b1541987527902df07ae644f7dee.png"); }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-slide div { justify-content: space-between; margin-top: 15px; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-slide div li { flex-direction: column; cursor: pointer; height: 195px; justify-content: center; align-items: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9df49f9411a934f9620cb9c05f7e6405.png") center center / contain no-repeat; display: flex !important; width: 220px !important; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-slide div li > img { width: 127.6px; height: 127.6px; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-slide div li > p { max-width: 100%; margin-top: 15px; color: rgb(255, 255, 255); font-size: 14.6px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-dots { bottom: -35px !important; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-dots li { width: 33.3px; height: 5.7px; border-radius: 3.8px; background-color: rgb(84, 84, 84); }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-dots button { width: 100% !important; height: 100% !important; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-dots button::before { display: none; }
._1-yWFlhUDV6YxE5gmEsLcL .QCz2ydVmZhdFHfCNNaQfT .slick-dots .slick-active { background-image: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw { padding: 35px 0px 140px; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f { display: block; padding: 24px 120px 76px; width: 100%; height: 452px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/cda3e0077979a632c1bcc3ad818ec7c4.png") center center / contain no-repeat; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f ._3fiWCqAlWfPyELjfaHn2FL { width: 100%; display: flex; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f ._3fiWCqAlWfPyELjfaHn2FL p { width: 25%; text-align: center; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .jiej9xkWMbXuBGbog3JZw { width: 958.5px; height: 2px; margin: 10px 0px; background-color: rgb(75, 75, 75); }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f ._16FlU7LxryJIqe00Qfqg2r { overflow: hidden; width: 100%; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tempWrap { width: 100%; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp { margin: 0px; padding: 0px; width: 100%; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li { width: 100%; display: flex; align-items: center; justify-content: space-around; height: 50px; color: rgb(73, 73, 73); font-size: 13px; font-weight: bold; cursor: pointer; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li:nth-child(2n+1) { background-color: rgba(134, 134, 134, 0.2); }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li > div { justify-content: flex-start; padding-left: 50px; align-items: center; color: rgb(255, 255, 255); }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li > div p { margin-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li img { width: 37px; height: 37px; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li p { color: rgb(255, 255, 255); text-align: center; margin: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._1-yWFlhUDV6YxE5gmEsLcL ._1eCWyzaLKSUkW2RO4TrHqw ._292JVskvByHDp3cXgt7H_f .tpbEpQSL1srf2tGC3ueGp > li span { text-align: center; color: rgb(254, 68, 0); }
._2ipLBKOU2fxaI0U1M5_tZ5 { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._2ipLBKOU2fxaI0U1M5_tZ5 h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._2ipLBKOU2fxaI0U1M5_tZ5 h3 { font-size: 16px; font-weight: bold; }
._2ipLBKOU2fxaI0U1M5_tZ5 h4 { font-size: 16px; }
._2ipLBKOU2fxaI0U1M5_tZ5 > ul { list-style: none; }
._2ipLBKOU2fxaI0U1M5_tZ5 ol { padding-left: 20px; list-style-type: decimal; }
._2ipLBKOU2fxaI0U1M5_tZ5 p, ._2ipLBKOU2fxaI0U1M5_tZ5 li { font-size: 16px; text-align: justify; line-height: 2em; }
._2ipLBKOU2fxaI0U1M5_tZ5 p { margin: 1em 0px; }
._2ipLBKOU2fxaI0U1M5_tZ5 .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._2ipLBKOU2fxaI0U1M5_tZ5 table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._2ipLBKOU2fxaI0U1M5_tZ5 table thead tr, ._2ipLBKOU2fxaI0U1M5_tZ5 table thead th, ._2ipLBKOU2fxaI0U1M5_tZ5 table thead td, ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody tr, ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody th, ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody td, ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot tr, ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot th, ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._2ipLBKOU2fxaI0U1M5_tZ5 table thead th, ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody th, ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._1TnYRkaViwbLOpAV1skNGF { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._1TnYRkaViwbLOpAV1skNGF h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._1TnYRkaViwbLOpAV1skNGF h3 { font-size: 16px; font-weight: bold; }
._1TnYRkaViwbLOpAV1skNGF h4 { font-size: 16px; }
._1TnYRkaViwbLOpAV1skNGF > ul { list-style: none; }
._1TnYRkaViwbLOpAV1skNGF ol { padding-left: 20px; list-style-type: decimal; }
._1TnYRkaViwbLOpAV1skNGF p, ._1TnYRkaViwbLOpAV1skNGF li { font-size: 16px; text-align: justify; line-height: 2em; }
._1TnYRkaViwbLOpAV1skNGF p { margin: 1em 0px; }
._1TnYRkaViwbLOpAV1skNGF .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._1TnYRkaViwbLOpAV1skNGF table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._1TnYRkaViwbLOpAV1skNGF table thead tr, ._1TnYRkaViwbLOpAV1skNGF table thead th, ._1TnYRkaViwbLOpAV1skNGF table thead td, ._1TnYRkaViwbLOpAV1skNGF table tbody tr, ._1TnYRkaViwbLOpAV1skNGF table tbody th, ._1TnYRkaViwbLOpAV1skNGF table tbody td, ._1TnYRkaViwbLOpAV1skNGF table tfoot tr, ._1TnYRkaViwbLOpAV1skNGF table tfoot th, ._1TnYRkaViwbLOpAV1skNGF table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._1TnYRkaViwbLOpAV1skNGF table thead th, ._1TnYRkaViwbLOpAV1skNGF table tbody th, ._1TnYRkaViwbLOpAV1skNGF table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
.QZORIY-_I7vtZOcv6TGBs { padding-top: 5rem; }
._1Jymey5Xc426UK80aF3wqW a { text-decoration: underline; }
._1Jymey5Xc426UK80aF3wqW a i { color: rgb(255, 207, 0); }
._2FduAQr_AZpdk5PkLCEAP1 { display: none; }
._2wqspVz4mc1-15tGnnJMn3 { display: none; }
._3erZk5kF87SUXDUp2Hh8MU [ng-click] { cursor: pointer; }
._3erZk5kF87SUXDUp2Hh8MU ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 30px; margin: 44px 0px 35px; border-radius: 12px; row-gap: 22.6px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._3erZk5kF87SUXDUp2Hh8MU ul li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 0.6; }
._3erZk5kF87SUXDUp2Hh8MU ul li.normal { transition: 0.3s; opacity: 1; }
._3erZk5kF87SUXDUp2Hh8MU ul li.normal:hover, ._3erZk5kF87SUXDUp2Hh8MU ul li.normal.active { background: linear-gradient(to top, rgb(245, 0, 0), rgb(236, 102, 18)); }
._3erZk5kF87SUXDUp2Hh8MU ul li.normal:hover h2, ._3erZk5kF87SUXDUp2Hh8MU ul li.normal.active h2 { color: rgb(255, 255, 255); }
._3erZk5kF87SUXDUp2Hh8MU figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
._3erZk5kF87SUXDUp2Hh8MU figure::before, ._3erZk5kF87SUXDUp2Hh8MU figure::after { content: ""; display: block; }
._3erZk5kF87SUXDUp2Hh8MU iframe { width: 100%; min-height: 1200px; background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(217, 217, 217) rgb(217, 217, 217); border-image: initial; }
._2r0ttZYQYmlP_w761PBJT6 { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0343702d7d8fdd7e31e0749e120b4b43.jpg") center center / cover no-repeat rgb(9, 8, 86); height: 100vh; padding-top: 1rem; width: 100%; }
._29q8SX7hU_aaBzxyvGqrDP { text-align: center; }
._3S1KwnjzZCFZf5mZMki9oi { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b2fbee68764d73d1f9e9a3f045a144be.png") center center no-repeat; height: 526px; margin: 0px auto; width: 870px; }
._3S1KwnjzZCFZf5mZMki9oi > div { bottom: 5%; left: 12%; width: 75%; }
._2dfDsTIWhMTTAgcWsRb1ZW { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/82d8615b5395411f3f4fe8cd616a9876.png") center top no-repeat; cursor: pointer; height: 111px; margin: -15px auto 0px; width: 291px; }
._2dfDsTIWhMTTAgcWsRb1ZW:hover { background-position-y: bottom; }
._19_PeyF_NqvFIS82KPWz6k { display: none; }
._2uj_hW4by29vIVZERrQ_pH { display: none; }
._1BIEU2VALeTfh2iEbzGBn- [ng-click] { cursor: pointer; }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd { display: flex; flex-wrap: wrap; gap: 22.6px 10px; padding: 22px 30px; margin: 22px 0px 35px; border-radius: 12px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 1; }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd li.normal { cursor: pointer; }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd li.normal:hover, ._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd li.normal.active { background-image: linear-gradient(rgb(255, 84, 0), rgb(255, 12, 0)); }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd li:not(.normal) { pointer-events: none; }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd li:not(.normal) div { color: rgb(92, 92, 92); font-size: 13.4px; font-weight: 600; }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd figure::before, ._1BIEU2VALeTfh2iEbzGBn- ._18WuAJcPOqIyUBSZQ-5IGd figure::after { content: ""; display: block; }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm { display: flex; width: 100%; justify-content: space-between; }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div { display: flex; flex-direction: column; width: 647px; height: 487px; padding: 60px 37px 50px; border-radius: 23px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div ._1NPjjxipEyixGyJ_G0RM_U { display: flex; }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div ._1NPjjxipEyixGyJ_G0RM_U > div { display: flex; flex-direction: column; }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div ._1NPjjxipEyixGyJ_G0RM_U > div h2 { margin: 0px; line-height: 0.9; background-image: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); font-size: 80px; font-weight: 900; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div ._1NPjjxipEyixGyJ_G0RM_U > div p { margin: 0px; line-height: 1.2; font-size: 35.7px; font-weight: 600; color: rgb(255, 255, 255); }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div ._1NPjjxipEyixGyJ_G0RM_U > img { margin-left: 12px; }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div > p { width: 506px; font-size: 18px; text-align: justify; line-height: 1.1; margin-bottom: 0px; color: rgb(179, 179, 179); }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div > img { margin: 21px 0px 29px; }
._1BIEU2VALeTfh2iEbzGBn- ._8KQfwSgjgtVByDuR_ZAtm > div button { width: 139.9px; height: 41px; margin-top: auto; text-transform: capitalize; line-height: 41px; font-size: 20px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20.7px; background-image: radial-gradient(circle at 50% 15%, rgb(255, 136, 0), rgb(255, 12, 0) 35%); }
._2wvz7Geuu_SCrIip57gsHc { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a88f9e94583a6346b8bb61f21d5576fe.png"); }
._14nOE8BOyZcToc0q0Sy55v { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a39d1d11f323ada0d9e8876e9e6b2ba0.png") center top no-repeat; }
._22VVzpogh2hp51srTPcvqp { box-sizing: border-box; }
._2xBxUmuNgAr5DPsKls8bCE { display: flex; flex-wrap: wrap; justify-content: space-between; }
._2xBxUmuNgAr5DPsKls8bCE li { width: 340px; margin: 20px 0px; border: 1px solid rgb(207, 207, 207); overflow: hidden; cursor: pointer; }
._2xBxUmuNgAr5DPsKls8bCE li img { max-width: 100%; }
._2xBxUmuNgAr5DPsKls8bCE li > figure { height: 160px; }
._2xBxUmuNgAr5DPsKls8bCE li ._3_axxYrC9HuMn5bfLmBHxr { display: flex; height: 62px; align-items: center; }
._2xBxUmuNgAr5DPsKls8bCE li ._3_axxYrC9HuMn5bfLmBHxr h2 { margin: 0px; font-size: 18px; line-height: 1.4; }
._2xBxUmuNgAr5DPsKls8bCE li ._3_axxYrC9HuMn5bfLmBHxr p { margin: 0px; color: rgb(153, 153, 153); font-size: 12px; }
._2xBxUmuNgAr5DPsKls8bCE li ._3_axxYrC9HuMn5bfLmBHxr figure { width: 60px; height: 40px; margin: 0px auto; overflow: hidden; }
._2xBxUmuNgAr5DPsKls8bCE li:hover { border-color: rgb(226, 27, 58); }
._1zPOliedyFi-kvGA3Bv5md { display: none; }
._3ggwwgvGK-8BAperpIYYuS { display: none; }
._SO-2Z7RXvfRNhyFtEzpo [ng-click] { cursor: pointer; }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc { display: flex; flex-wrap: wrap; justify-content: center; gap: 22.6px 11px; padding: 22px 30px; margin: 22px 0px 35px; border-radius: 12px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 1; }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc li.normal { cursor: pointer; }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc li.normal:hover, ._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc li.normal.active { background-image: linear-gradient(rgb(255, 84, 0), rgb(255, 12, 0)); }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc li:not(.normal) { pointer-events: none; }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc li:not(.normal) div { color: rgb(92, 92, 92); font-size: 13.4px; font-weight: 600; }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc figure::before, ._SO-2Z7RXvfRNhyFtEzpo ._1WJEQFukpwkm9Pr-_zqJyc figure::after { content: ""; display: block; }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 { display: flex; width: 100%; justify-content: space-between; }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div { display: flex; flex-direction: column; width: 647px; height: 487px; padding: 60px 37px 67px; border-radius: 23px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div ._1dmyBceFHpMj-nnus5Hnq8 { display: flex; }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div ._1dmyBceFHpMj-nnus5Hnq8 > div { display: flex; flex-direction: column; }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div ._1dmyBceFHpMj-nnus5Hnq8 > div h2 { margin: 0px; line-height: 0.9; background-image: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); font-size: 80px; font-weight: 900; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div ._1dmyBceFHpMj-nnus5Hnq8 > div p { margin: 0px; line-height: 1.2; font-size: 35.7px; font-weight: 600; color: rgb(255, 255, 255); }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div ._1dmyBceFHpMj-nnus5Hnq8 > img { margin-left: 12px; }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div > p { margin: 29px 0px 0px; width: 506px; font-size: 18px; text-align: justify; line-height: 1.1; color: rgb(179, 179, 179); }
._SO-2Z7RXvfRNhyFtEzpo ._1ZO2GAnfmSVm1UhXWT6_W7 > div button { width: 139.9px; height: 41px; margin-top: auto; text-transform: capitalize; line-height: 41px; font-size: 20px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20.7px; background-image: radial-gradient(circle at 50% 15%, rgb(255, 136, 0), rgb(255, 12, 0) 35%); }
.RcO670FZ_z31zqi7H7vuc [ng-click] { cursor: pointer; }
.RcO670FZ_z31zqi7H7vuc ul { display: flex; flex-wrap: wrap; gap: 22.6px 10px; padding: 22px 30px; margin: 44px 0px 35px; border-radius: 12px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
.RcO670FZ_z31zqi7H7vuc ul li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 0.6; }
.RcO670FZ_z31zqi7H7vuc ul li.normal { transition: 0.3s; opacity: 1; }
.RcO670FZ_z31zqi7H7vuc ul li.normal:hover, .RcO670FZ_z31zqi7H7vuc ul li.normal.active { background: linear-gradient(to top, rgb(245, 0, 0), rgb(236, 102, 18)); }
.RcO670FZ_z31zqi7H7vuc ul li.normal:hover h2, .RcO670FZ_z31zqi7H7vuc ul li.normal.active h2 { color: rgb(255, 255, 255); }
.RcO670FZ_z31zqi7H7vuc figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
.RcO670FZ_z31zqi7H7vuc figure::before, .RcO670FZ_z31zqi7H7vuc figure::after { content: ""; display: block; }
.RcO670FZ_z31zqi7H7vuc iframe { width: 100%; min-height: 1200px; background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(217, 217, 217) rgb(217, 217, 217); border-image: initial; }
._1ekITCQs4kGRc00l4UCeip [ng-click] { cursor: pointer; }
._1ekITCQs4kGRc00l4UCeip .slick-arrow { position: absolute; top: 0px; z-index: 1; width: 36px; height: 75px; background: center top no-repeat; cursor: pointer; transform: none; }
._1ekITCQs4kGRc00l4UCeip .slick-arrow::before { content: none; }
._1ekITCQs4kGRc00l4UCeip .slick-arrow:hover { background-position-y: bottom; }
._1ekITCQs4kGRc00l4UCeip .slick-arrow.slick-prev, ._1ekITCQs4kGRc00l4UCeip .slick-arrow.brHpmGkWFPafoAvswWG95 { left: -36px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/56407815d16f77adcd14adf924cb78b7.jpg"); }
._1ekITCQs4kGRc00l4UCeip .slick-arrow.slick-next, ._1ekITCQs4kGRc00l4UCeip .slick-arrow.ZIYhj5WGQ407NouDixeWY { right: -36px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/980600ea9fd4fbca029810dcaa10b637.jpg"); }
._1ekITCQs4kGRc00l4UCeip .slick-arrow.brHpmGkWFPafoAvswWG95 { left: 0px; }
._1ekITCQs4kGRc00l4UCeip .slick-arrow.ZIYhj5WGQ407NouDixeWY { right: 0px; }
._1ekITCQs4kGRc00l4UCeip iframe { width: 100%; min-height: 1200px; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1hyZ96qOzlNDbk8QFihWnx { position: relative; height: 75px; overflow: hidden; }
._5xdSdVv3FGDQGusw3iY-a { margin: 0px 36px; }
._5xdSdVv3FGDQGusw3iY-a li { display: inline-block; vertical-align: top; height: 75px; padding-top: 5px; color: rgb(255, 255, 255); font-size: 17px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2c1bac8bc6d98f1e106449f3192841af.jpg") center top no-repeat; width: 116px !important; }
._5xdSdVv3FGDQGusw3iY-a li:hover, ._5xdSdVv3FGDQGusw3iY-a li.active { background-position: center bottom; }
._5xdSdVv3FGDQGusw3iY-a li img { display: inline-block; }
._5xdSdVv3FGDQGusw3iY-a li h5 { margin: 8px 0px; }
._2tPPVfN1JpbSvHFUKWAl0E { display: none; }
._2ySruKDv605qYoMTv1fYzM { display: none; }
._3cEFVy_x45V8eKXgVyCZO4 { display: none; }
._1_Ojmy0tcgZ9nh7_1vWUvV { display: none; }
._3G9zSgXixiSDjAeYx2uDIm [ng-click] { cursor: pointer; }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 30px; margin: 22px 0px 35px; border-radius: 12px; row-gap: 22.6px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 1; }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh li.normal { cursor: pointer; }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh li.normal:hover, ._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh li.normal.active { background-image: linear-gradient(rgb(255, 84, 0), rgb(255, 12, 0)); }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh li:not(.normal) { pointer-events: none; }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh li:not(.normal) div { color: rgb(92, 92, 92); font-size: 13.4px; font-weight: 600; }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh figure::before, ._3G9zSgXixiSDjAeYx2uDIm .ZUkfDInPp7le6GLjYd-Xh figure::after { content: ""; display: block; }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ { display: flex; width: 100%; justify-content: space-between; }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div { display: flex; flex-direction: column; width: 647px; height: 487px; padding: 60px 37px 50px; border-radius: 23px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div ._1P2fRhr7O2r1fI5stx8yeF { display: flex; }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div ._1P2fRhr7O2r1fI5stx8yeF > div { display: flex; flex-direction: column; }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div ._1P2fRhr7O2r1fI5stx8yeF > div h2 { margin: 0px; line-height: 0.9; background-image: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); font-size: 80px; font-weight: 900; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div ._1P2fRhr7O2r1fI5stx8yeF > div p { margin: 0px; line-height: 1.2; font-size: 35.7px; font-weight: 600; color: rgb(255, 255, 255); }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div ._1P2fRhr7O2r1fI5stx8yeF > img { margin-left: 12px; }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div > p { width: 506px; font-size: 18px; text-align: justify; line-height: 1.1; margin-bottom: 0px; color: rgb(179, 179, 179); }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div > img { margin: 21px 0px 29px; }
._3G9zSgXixiSDjAeYx2uDIm .D8vD6jzjjGX55HkmI6ldZ > div button { width: 139.9px; height: 41px; margin-top: auto; text-transform: capitalize; line-height: 41px; font-size: 20px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20.7px; background-image: radial-gradient(circle at 50% 15%, rgb(255, 136, 0), rgb(255, 12, 0) 35%); }
._93MovtcO9aaTkLGm28_yy { display: none; }
._2imlpQ3b9vu23ZkrlB944T { display: none; }
._3gYc2Hcob-hIqkYX-hTuYV [ng-click] { cursor: pointer; }
._3gYc2Hcob-hIqkYX-hTuYV ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 30px; margin: 44px 0px 35px; border-radius: 12px; row-gap: 22.6px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._3gYc2Hcob-hIqkYX-hTuYV ul li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 0.6; }
._3gYc2Hcob-hIqkYX-hTuYV ul li.normal { transition: 0.3s; opacity: 1; }
._3gYc2Hcob-hIqkYX-hTuYV ul li.normal:hover, ._3gYc2Hcob-hIqkYX-hTuYV ul li.normal.active { background: linear-gradient(to top, rgb(245, 0, 0), rgb(236, 102, 18)); }
._3gYc2Hcob-hIqkYX-hTuYV ul li.normal:hover h2, ._3gYc2Hcob-hIqkYX-hTuYV ul li.normal.active h2 { color: rgb(255, 255, 255); }
._3gYc2Hcob-hIqkYX-hTuYV figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
._3gYc2Hcob-hIqkYX-hTuYV figure::before, ._3gYc2Hcob-hIqkYX-hTuYV figure::after { content: ""; display: block; }
._3gYc2Hcob-hIqkYX-hTuYV iframe { width: 100%; min-height: 1200px; background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(217, 217, 217) rgb(217, 217, 217); border-image: initial; }
._1xxpGc73R8WX4SlforcKGN { display: none; }
._3uDE_o4breygWC8A3xL9z4 { display: none; }
._1KYuQRsSeUJA9WTeh0RDsa [ng-click] { cursor: pointer; }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH { display: flex; flex-wrap: wrap; justify-content: center; gap: 22.6px 11px; padding: 22px 30px; margin: 22px 0px 35px; border-radius: 12px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH li { width: 133px; height: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px inset; background-color: rgb(32, 32, 32); opacity: 1; }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH li.normal { cursor: pointer; }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH li.normal:hover, ._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH li.normal.active { background-image: linear-gradient(rgb(255, 84, 0), rgb(255, 12, 0)); }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH li:not(.normal) { pointer-events: none; }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH li:not(.normal) div { color: rgb(92, 92, 92); font-size: 13.4px; font-weight: 600; }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH figure { display: flex; height: 100%; align-items: center; justify-content: space-between; }
._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH figure::before, ._1KYuQRsSeUJA9WTeh0RDsa ._3P0RTe9uOpMhfbm-ptr_eH figure::after { content: ""; display: block; }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN { display: flex; width: 100%; justify-content: space-between; }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div { display: flex; flex-direction: column; width: 647px; height: 487px; padding: 60px 37px 68px; border-radius: 23px; box-shadow: rgb(62, 62, 62) 0px 0px 11.2px 5px inset; background-color: rgb(46, 46, 46); }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div ._31KnJKgyauiE9vIzc6RXRY { display: flex; }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div ._31KnJKgyauiE9vIzc6RXRY > div { display: flex; flex-direction: column; }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div ._31KnJKgyauiE9vIzc6RXRY > div h2 { margin: 0px; line-height: 0.9; background-image: linear-gradient(rgb(236, 102, 18), rgb(245, 0, 0)); font-size: 80px; font-weight: 900; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div ._31KnJKgyauiE9vIzc6RXRY > div p { margin: 0px; line-height: 1.2; font-size: 35.7px; font-weight: 600; color: rgb(255, 255, 255); }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div > p { margin: 29px 0px 0px; width: 506px; font-size: 18px; text-align: justify; line-height: 1.1; color: rgb(179, 179, 179); }
._1KYuQRsSeUJA9WTeh0RDsa ._1nE0spQal_EcmzeF78nJKN > div button { width: 139.9px; height: 41px; margin-top: auto; text-transform: capitalize; line-height: 41px; font-size: 20px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 20.7px; background-image: radial-gradient(circle at 50% 15%, rgb(255, 136, 0), rgb(255, 12, 0) 35%); }
._3smuzvJP75PkzqLcFXj_pi { display: block; width: 100vw; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgb(255, 255, 255); }
._5x-hbDvCmuANgO4rsrtAM { position: fixed; top: -345px; left: 0px; right: 0px; border-bottom: 1px solid rgb(231, 198, 84); transition: top 0.2s; }
._5x-hbDvCmuANgO4rsrtAM.visible { top: 0px; }
._1bUQ_oWgRtnD9AwTNQtFFZ { position: absolute; width: 126px; height: 26px; bottom: -26px; left: 50%; margin-left: -48px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/768003039c552c20abb58278e832cc2d.png") center center no-repeat; }
._12Aj4fpT0bEx6yPE7rtC9w { padding-bottom: 20px; background: rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgb(47, 24, 12); }
._12Aj4fpT0bEx6yPE7rtC9w p { margin-bottom: 10rem; }
._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ae090cde6f762155359e31bc3ca4d34d.png") no-repeat; }
._1c8L3lShT4Xd7LE-XcgJZ3 { height: 75px; text-align: center; }
._1c8L3lShT4Xd7LE-XcgJZ3::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
._1c8L3lShT4Xd7LE-XcgJZ3 img { display: inline-block; max-height: 60px; vertical-align: middle; }
._3CLlfymQW_2p24nqtyN9OZ { display: flex; justify-content: center; align-items: center; width: 984px; height: 42px; margin: 0px auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/42e2d3cfce4ce2291118a27431d26434.png") no-repeat; }
._3CLlfymQW_2p24nqtyN9OZ ul { position: absolute; top: 0px; left: 0px; min-width: 100%; display: flex; justify-content: center; }
._3CLlfymQW_2p24nqtyN9OZ ul li { position: relative; height: 42px; padding: 0px 8px; color: rgb(91, 43, 17); align-items: center; justify-content: center; cursor: pointer; white-space: nowrap; display: flex !important; }
._3CLlfymQW_2p24nqtyN9OZ ul li ._3fnTVNyyA3i0uGWpeDR1rF { display: inline-block; vertical-align: middle; width: 28px; height: 24px; margin-right: 4px; background-position: center top; }
._3CLlfymQW_2p24nqtyN9OZ ul li.active { color: rgb(237, 21, 21); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f0bceb98d236bbf8e0aaa063207218e9.png") center bottom no-repeat; }
._3CLlfymQW_2p24nqtyN9OZ ul li.active ._3fnTVNyyA3i0uGWpeDR1rF { background-position: center bottom; }
._3CLlfymQW_2p24nqtyN9OZ .slick-prev { left: 50px; }
._3CLlfymQW_2p24nqtyN9OZ .slick-next { right: 50px; }
._1DD3Ch3b4L5_uBLAmqLoTY { position: relative; width: 960px; height: 100%; overflow: scroll; }
._1DD3Ch3b4L5_uBLAmqLoTY::-webkit-scrollbar { display: none; }
._1hM8m9Wb3y5c3BtGLeiRMI { position: absolute; right: -1px; top: 0px; bottom: 0px; width: 3px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/39bdad8ab8a6810e8d908009231fb51c.png") center center no-repeat; }
.m8jMv9pf66ugPHqoGYuEb { height: 207px; text-align: center; overflow-y: scroll; }
.F40lBX36wZnW7osaYYXh8 { display: grid; grid-template-columns: repeat(8, 1fr); width: 928px; margin: 0px auto; padding: 0px; list-style: none; border-top: 1px solid rgb(120, 85, 10); border-left: 1px solid rgb(120, 85, 10); }
.F40lBX36wZnW7osaYYXh8 li { position: relative; float: left; height: 103px; border-right: 1px solid rgb(120, 85, 10); background: rgb(24, 18, 8); border-bottom: 1px solid rgb(120, 85, 10); color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; text-align: center; }
.F40lBX36wZnW7osaYYXh8 li i { position: absolute; top: 1px; left: 1px; z-index: 1; display: inline-block; width: 28px; height: 28px; }
.F40lBX36wZnW7osaYYXh8 li i.hot { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3cd25c8cfc4d49cb9d99fb6ac5c2ead2.png") 0% 0% / contain no-repeat; }
.F40lBX36wZnW7osaYYXh8 li i.new { top: 50px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c20c54b292d2a1b61cac3532cb512f5d.png") 0% 0% / contain no-repeat; }
.F40lBX36wZnW7osaYYXh8 li i.event { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d6708efb67a481d1546f992c0f5a8b7f.png") 0% 0% / contain no-repeat; left: auto; right: 1px; }
.F40lBX36wZnW7osaYYXh8 li figure { position: relative; }
.F40lBX36wZnW7osaYYXh8 li figure img { height: 80px; width: 80px; }
.F40lBX36wZnW7osaYYXh8 li figure figcaption { max-width: 115px; padding: 0px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.F40lBX36wZnW7osaYYXh8 li:hover { background: rgb(54, 41, 18); }
.zh-cn ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/35458a66e2d62f6864fb7c7063c5386c.png") center center no-repeat; }
.zh-cn ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d43cf00404e8a9d159ba9947072c773f.png") no-repeat; }
.zh-tw ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/35458a66e2d62f6864fb7c7063c5386c.png") center center no-repeat; }
.zh-tw ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d43cf00404e8a9d159ba9947072c773f.png") no-repeat; }
.vi ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/780ef1edb1dadea82b19f62dbbad5eaf.png") center center no-repeat; }
.vi ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/01b6bd932643a853eb7ade3fb952acdd.png") no-repeat; }
.th ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d7ae1ce061eb0d1f5d30e7a097929a2c.png") center center no-repeat; }
.th ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9c15f6c86ca05bb53bc1ee4aa35e4f2d.png") no-repeat; }
.ko ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b8e3476fe13537922a72c6f68907358e.png") center center no-repeat; }
.ko ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/128b3fc945ba9020ce7209005e99b0f5.png") no-repeat; }
.bn ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4e0e077dbfee4856ce632570989aac39.png") center center no-repeat; }
.bn ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/bd98a4041b9b66243899b3970dc7eef7.png") no-repeat; }
.XJrEfp0mLOaEoKJutRZuX { height: 100vh; padding: 80px; font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(38, 38, 38); }
._2A8EgScLZlkC-56pD2P33f { width: 734px; min-height: 322px; margin: 0px auto; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/25781ab96d9a22ece57bfd5597225306.png") center top repeat; display: flex; }
._3RCL1zFlqn4Xo0Afkz-ZVW { flex: 0 0 392px; padding: 20px; }
._3RCL1zFlqn4Xo0Afkz-ZVW .xJ4ovoQFM5zQ_vJ_mlgPi h3 { margin-top: 0.5rem; color: rgb(255, 255, 255); font-size: 36px; }
._3RCL1zFlqn4Xo0Afkz-ZVW .xJ4ovoQFM5zQ_vJ_mlgPi p { color: rgb(255, 255, 255); margin-top: 0.5em; }
._3RCL1zFlqn4Xo0Afkz-ZVW form { position: relative; padding: 5px 20px; }
._3RCL1zFlqn4Xo0Afkz-ZVW form input { display: block; width: 298px; height: 35px; margin-bottom: 12px; padding-left: 50px; color: rgb(41, 41, 41); line-height: 35px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-position: center center; }
._3RCL1zFlqn4Xo0Afkz-ZVW form input::placeholder { color: inherit; }
._3vvYzHTjkIhfjkQpALI01h { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1c79a7273764a4496252b3920db49e6f.png") center center no-repeat; }
.-tl9eqWWQsZW6KtMC1Bk8 { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4db8021eea90e1259933c4950f712f06.png") center center no-repeat; }
.Q5CLRJho86-wnOIhyusau { position: relative; }
.lqp_rzRe_GdSOdascF4sh { position: relative; width: 167px; }
.lqp_rzRe_GdSOdascF4sh gupw-captcha-login-box input { width: 167px; height: 33px; padding-left: 10px; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(0, 0, 0); }
.lqp_rzRe_GdSOdascF4sh gupw-captcha-login-box img { height: 29px; }
._1NfETq7MtQ1dDm0zCqFUgb { width: 85px; height: 35px; margin-right: 20px; color: rgb(255, 255, 255); line-height: 31px; vertical-align: baseline; background: rgb(38, 38, 38); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; white-space: nowrap; }
._1NfETq7MtQ1dDm0zCqFUgb:hover { background: rgb(59, 59, 59); }
.NsPqDKBxQMLK6xdmyn4Va { color: rgb(161, 161, 161); background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.NsPqDKBxQMLK6xdmyn4Va:hover { color: rgb(255, 255, 255); }
._1_-o9sLSLziO5LEzc3bnAJ { position: absolute; top: 98%; right: 42%; z-index: 1; padding: 2px 5px; font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(242, 28, 82); }
._1_-o9sLSLziO5LEzc3bnAJ.ng-hide-add { animation: 1s ease 0s 1 normal none running fadeOut; }
._1_-o9sLSLziO5LEzc3bnAJ.ng-hide-remove { animation: 1s ease 0s 1 normal none running fadeIn; }
._1_-o9sLSLziO5LEzc3bnAJ button { padding: 0px; border: 0px; font-size: 12px; color: rgb(255, 255, 255); }
._1_-o9sLSLziO5LEzc3bnAJ button:hover { color: rgb(255, 255, 255); }
._1H-1lsDTk2ALJm-s-ja6V1 { flex-grow: 1; padding-top: 80px; text-align: center; }
._1H-1lsDTk2ALJm-s-ja6V1 ._1AHECR2Icj_MJTHtVy_erM { width: 341px; height: 70px; }
._1H-1lsDTk2ALJm-s-ja6V1 ._1AHECR2Icj_MJTHtVy_erM img { height: 100%; max-width: 90%; }
._1H-1lsDTk2ALJm-s-ja6V1 ._1XfNa97Tfjx9kjVzUsEuz9 { margin: 15px auto 30px; color: rgb(255, 255, 255); }
._1H-1lsDTk2ALJm-s-ja6V1 button { color: rgb(161, 161, 161); min-width: 123px; height: 34px; padding: 0px 10px; background-color: rgba(0, 0, 0, 0); line-height: 30px; border: 1px solid rgb(161, 161, 161); }
._1H-1lsDTk2ALJm-s-ja6V1 button:hover { color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
._3aj1PjXWPtmqgqd3uzb229 { width: 100vw; height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7b00a67b7d9d830080e332df25201584.gif") center center no-repeat rgb(0, 0, 0); }
._3v7jcpyY8Fa9uN6AGp5UhB { width: 100vw; height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/47ba4b4ec1e1ad068f35821713534189.png") 95% 95% no-repeat rgb(0, 0, 0); }
.nY3ZYBcW6i05t8BvnAiBb { position: absolute; top: 50%; left: 50%; width: 100%; height: 80px; transform: translate(-50%, -50%); }
.nY3ZYBcW6i05t8BvnAiBb .ldBar-label { display: none; }
.RfKp7cUu02dULhHHv6UjU { width: 100vw; height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/50356b498d44c41cbd3225112e9510bc.gif") center center no-repeat rgb(255, 255, 255); }
._2aVl2g6vaD79Tzqr9DMoAB { width: 100vw; height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/50356b498d44c41cbd3225112e9510bc.gif") center center no-repeat rgb(255, 255, 255); }
._24NQNoS5cI6hUN8EYj0bFF { display: none; }
._3uECjG99DmUJvEPcGpoji1 { width: 100vw; height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/95c15e92c8daa0a044ba97f1a6b54290.gif") center center no-repeat rgb(239, 239, 239); }
.xyTcO7ophZ7YUKvuaROxX section { position: relative; width: 100%; height: 417px; margin-top: 60px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2086530de3e7c384b2099ce84eb390dc.png") center center / contain no-repeat; }
.xyTcO7ophZ7YUKvuaROxX section._3vqSZW5J1bF6Fw0OiqgdsP::before, .xyTcO7ophZ7YUKvuaROxX section._2FY1NS68Ev7jgFsVq94Z2y::before, .xyTcO7ophZ7YUKvuaROxX section._1qnlJZCAZda3ria5Kd_u53::before { content: ""; position: absolute; top: -40px; left: 60px; width: 120px; height: 120px; }
.xyTcO7ophZ7YUKvuaROxX section ._1_XB9okFF-0PUKrVvh2giE { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 70px; line-height: 70px; text-align: center; font-size: 22px; font-weight: bold; color: rgb(255, 255, 255); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3eec0e738d5828b8e9aed15559fbe269.png") center center / contain repeat-x; }
.xyTcO7ophZ7YUKvuaROxX section ._1_XB9okFF-0PUKrVvh2giE::before, .xyTcO7ophZ7YUKvuaROxX section ._1_XB9okFF-0PUKrVvh2giE::after { content: ""; position: absolute; top: -4px; width: 66px; height: 78px; background: center center / contain no-repeat; }
.xyTcO7ophZ7YUKvuaROxX section ._1_XB9okFF-0PUKrVvh2giE::before { left: -66px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/aba345f4969b03ea18b5e3619cda0e1e.png"); }
.xyTcO7ophZ7YUKvuaROxX section ._1_XB9okFF-0PUKrVvh2giE::after { right: -66px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/65c0d58b98129dabd81c0d9cd2cf241e.png"); }
.xyTcO7ophZ7YUKvuaROxX section ._1qB2vIFd1oglbHN91P0NTA { position: relative; top: 50%; transform: translateY(-50%); width: 60%; max-height: 220px; margin: 0px auto; color: rgb(255, 255, 255); font-size: 16px; overflow-y: auto; }
.xyTcO7ophZ7YUKvuaROxX section ._1qB2vIFd1oglbHN91P0NTA::-webkit-scrollbar { width: 6px; background: rgb(0, 0, 0); }
.xyTcO7ophZ7YUKvuaROxX section ._1qB2vIFd1oglbHN91P0NTA::-webkit-scrollbar-thumb { background: rgb(68, 68, 68); }
.xyTcO7ophZ7YUKvuaROxX section ul { margin: 0px; padding: 0px; list-style-type: none; }
.xyTcO7ophZ7YUKvuaROxX section ul li { display: inline-block; }
.xyTcO7ophZ7YUKvuaROxX section span { display: inline-block; vertical-align: sub; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP::before { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f7627690d16f8ca8fcfd19c39cf6505e.png") center center / contain no-repeat; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP ._1qB2vIFd1oglbHN91P0NTA { width: 80%; overflow: hidden; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP ._1qB2vIFd1oglbHN91P0NTA ._2m3dNDHiK8Xm-5qcymSyo1 { height: 200px; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP ._28oDtSzWjPp5pfWP6Fzk9r { display: flex; align-items: center; margin: 0px auto; color: rgb(255, 192, 46); font-size: 17px; font-weight: bold; text-transform: capitalize; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP ._28oDtSzWjPp5pfWP6Fzk9r li { width: 33%; max-width: 33%; font-size: 18px; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP ._22kuTv67qibckcyRZ65A4o li { display: block; font-size: 0px; line-height: 2; }
.xyTcO7ophZ7YUKvuaROxX ._3vqSZW5J1bF6Fw0OiqgdsP ._22kuTv67qibckcyRZ65A4o li span { width: 33%; max-width: 33%; font-size: 16px; }
.xyTcO7ophZ7YUKvuaROxX ._2FY1NS68Ev7jgFsVq94Z2y::before { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/92dfb553595d6b35fb324e30fa1599ad.png") center center / contain no-repeat; }
.xyTcO7ophZ7YUKvuaROxX ._2FY1NS68Ev7jgFsVq94Z2y li { display: block; line-height: 2; }
.xyTcO7ophZ7YUKvuaROxX ._2FY1NS68Ev7jgFsVq94Z2y li span { width: 61%; max-width: 61%; text-align: left; }
.xyTcO7ophZ7YUKvuaROxX ._2FY1NS68Ev7jgFsVq94Z2y li span:first-child { width: 30%; margin-right: 5%; color: rgb(255, 192, 46); font-size: 18px; font-weight: bold; }
.xyTcO7ophZ7YUKvuaROxX ._1qnlJZCAZda3ria5Kd_u53::before { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e29dd79968242bd3872077cbd18589b4.png") center center / contain no-repeat; }
.xyTcO7ophZ7YUKvuaROxX ._1qnlJZCAZda3ria5Kd_u53 p { text-align: left; white-space: pre-wrap; }
._2g2oA2og4-utsVOvbnlYfr { position: absolute; z-index: 1; top: 0px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/34a5c57b0cbf23227a0ee23a819c79e8.png") center top / contain no-repeat; }
._3mtpfxWah_dUI6CG-MLJrE { position: relative; top: 12%; width: 70%; height: 70%; margin: 0px auto; background: center center / contain no-repeat; }
._3mtpfxWah_dUI6CG-MLJrE.area-6 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2b9c43c7445388d727fd845ff3a0b35b.png"); }
._3mtpfxWah_dUI6CG-MLJrE.area-8 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a36b38a7798ead0321f487663bf095f5.png"); }
._3mtpfxWah_dUI6CG-MLJrE.area-10 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e5f80a9903ceec69af88262e785b26ae.png"); }
._3mtpfxWah_dUI6CG-MLJrE.area-10 ._3sZLRen-C4AaVF0wzQuggp span { font-size: 18px; }
._3mtpfxWah_dUI6CG-MLJrE.area-12 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/006752c3d3a7376b6b110b3f9c079b11.png"); }
._3mtpfxWah_dUI6CG-MLJrE.area-12 ._3sZLRen-C4AaVF0wzQuggp span { font-size: 16px; }
._31muyVfIFB11GsGUg5h0Y1 { position: absolute; z-index: 3; top: 47%; left: 50%; width: 180px; height: 180px; transform: translate(-50%, -50%); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/708c9d6444fba1380986f9e17cae8dfe.png") center center / contain no-repeat; }
._1wzVPEq_tFd-4Kzc9ByK1H { position: absolute; top: 10px; left: 6px; width: 90%; height: 90%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 32px; font-weight: bold; cursor: pointer; }
._3sZLRen-C4AaVF0wzQuggp { position: absolute; display: flex; align-items: center; }
._3sZLRen-C4AaVF0wzQuggp img { width: 100%; position: absolute; inset: 0px; margin: auto; }
._3sZLRen-C4AaVF0wzQuggp span { font-size: 20px; display: inline-block; width: 100%; max-height: 100%; color: rgb(255, 255, 255); text-align: center; overflow-wrap: break-word; word-break: normal; overflow: hidden; }
._3bqDv-cSzJd-iYHHSPBpSh { position: relative; }
._3bqDv-cSzJd-iYHHSPBpSh p { margin: 5px 0px 0px; color: rgb(0, 0, 0); font-size: 20px; text-align: center; }
._3bqDv-cSzJd-iYHHSPBpSh p span { font-size: 25px; color: rgb(173, 95, 194); font-weight: bold; }
.DIks7MQfnE1vAF4bBMMp5 { display: flex; align-items: center; justify-content: center; height: 200px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b6ce0754a2e185c558b8aa5d44b59ffd.png") center center / contain no-repeat; }
.DIks7MQfnE1vAF4bBMMp5 > div { width: 25%; height: 60px; }
.DIks7MQfnE1vAF4bBMMp5 > div:first-child { width: 60%; }
.DIks7MQfnE1vAF4bBMMp5 input { height: 100%; font-size: 20px; border-radius: 4px 0px 0px 4px; }
.DIks7MQfnE1vAF4bBMMp5 ._2S1K2mw1pzLt42baBtC42M { width: 100%; height: 100%; padding: 0px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; background: linear-gradient(rgb(207, 136, 241), rgb(173, 95, 194)); border-radius: 0px 4px 4px 0px; border: 0px; }
._3vChh1RGRwZHVqQVxAxtBz { position: absolute; top: 54%; right: 7.5%; width: 80%; margin: 0px; padding: 5px; font-size: 17px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(173, 95, 194); border-radius: 4px; }
._3vChh1RGRwZHVqQVxAxtBz span { color: rgb(255, 192, 46); font-size: 20px; }
._1xocsWhge8KYVSUA5Z7UB4 { font-family: Arial, "Microsoft YaHei"; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b6e9598ad1accf0601e554e7d87a647d.jpg") center top / cover no-repeat rgb(84, 27, 112); overflow-y: scroll; }
._1xocsWhge8KYVSUA5Z7UB4::-webkit-scrollbar { width: 6px; background: rgb(84, 27, 112); }
._1xocsWhge8KYVSUA5Z7UB4::-webkit-scrollbar-thumb { background: rgb(197, 77, 239); }
._2V08_Ve23CzbRsy5HhS771 { position: absolute; top: 0px; right: 0px; width: 135px; height: 135px; color: rgb(51, 51, 51); font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e3617aea54d8d56493ed4c339976e413.png") right top no-repeat; }
._3d1DSoP6oZPMdhGvssFVT2 { display: block; position: absolute; top: 30px; right: 30px; width: 135px; height: 135px; text-align: center; transform: rotate(45deg); }
._3TTCgdyz10SyaWytSPCWjg { width: 850px; margin: 0px auto; }
._3lUXh-kQErjwiH3cEPzEVx { margin: 10px auto 0px; text-align: center; font-size: 20px; color: rgb(255, 255, 255); }
.oqvAza7QoKSmMno8hIERu { width: 96%; margin: 10px auto 0px; text-align: center; font-size: 60px; font-weight: bold; color: rgb(255, 255, 255); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
._2aXPLLsKVTHk9vyyyEYK-A { position: relative; }
._2aXPLLsKVTHk9vyyyEYK-A::after { content: ""; position: absolute; z-index: 2; bottom: -18px; left: 0px; width: 100%; height: 267px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b940abae926108b34f4b729847a04052.png") center bottom / contain no-repeat; }
._2aXPLLsKVTHk9vyyyEYK-A .UcxayUJaIQeqYigmc6wLl { position: relative; height: 850px; margin: 0px auto; }
._1XtB9fpukmsOzX5jsDiLLv { padding: 60px 0px 30px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f01c2734f26b68a323a9cd62f248a604.jpg") center top / cover no-repeat; }
._1XtB9fpukmsOzX5jsDiLLv ._3TTCgdyz10SyaWytSPCWjg { width: 780px; }
._1ggcGxf_VQPyNqQBGkVHFc { width: 867px; height: 392px; margin: 30px auto; padding: 32px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4502490960cc9f89d566262a5ae11fb0.png") center top / 100% 100% no-repeat; border-radius: 20px; }
._1ggcGxf_VQPyNqQBGkVHFc section { padding: 0px; }
._1ggcGxf_VQPyNqQBGkVHFc ul { margin: 0px; padding: 0px; font-size: 0px; list-style-type: none; overflow-y: scroll; }
._1ggcGxf_VQPyNqQBGkVHFc ul::-webkit-scrollbar { width: 3px; background: rgb(54, 17, 97); }
._1ggcGxf_VQPyNqQBGkVHFc ul::-webkit-scrollbar-thumb { background: rgb(255, 255, 255); }
._1ggcGxf_VQPyNqQBGkVHFc ul li { font-size: 14px; }
._1ggcGxf_VQPyNqQBGkVHFc ._3jlEMLSFmBtJ6QsDmANo-s { margin: 0px auto; text-align: left; font-size: 21px; font-weight: bold; color: rgb(255, 255, 255); font-family: "Arial Black", Gadget, sans-serif; text-shadow: gray 0px 0px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) -2px 2px 0px, rgb(39, 3, 89) -3px 3px 2px, rgba(39, 3, 89, 0.5) -3px 3px 1px, rgba(39, 3, 89, 0.2) 0px 0px 2px; }
._1ggcGxf_VQPyNqQBGkVHFc ._2hTxt9-X9qHqvtdjd4UnW0 { height: 200px; padding: 15px 15px 15px 30px; }
._1ggcGxf_VQPyNqQBGkVHFc ._2hTxt9-X9qHqvtdjd4UnW0 li { line-height: 30px; }
._1ggcGxf_VQPyNqQBGkVHFc ._2hTxt9-X9qHqvtdjd4UnW0 li :first-child { color: rgb(255, 255, 0); }
._1ggcGxf_VQPyNqQBGkVHFc ._2hTxt9-X9qHqvtdjd4UnW0 li :last-child { color: rgb(255, 255, 255); }
._1ggcGxf_VQPyNqQBGkVHFc .LMzlwrVDp8LEj2H3TSJJg { width: 346px; margin-left: 41px; }
._1ggcGxf_VQPyNqQBGkVHFc ._1i8HBCR1B7fn9ChWNCTIMr { border-bottom: 1px solid rgb(255, 255, 255); }
._1ggcGxf_VQPyNqQBGkVHFc ._1i8HBCR1B7fn9ChWNCTIMr li { display: inline-block; width: 33.33%; padding: 5px 0px; color: rgb(255, 255, 0); }
._1ggcGxf_VQPyNqQBGkVHFc ._1HhmZofd25gd_05_v6uXY9 { height: 187px; }
._1ggcGxf_VQPyNqQBGkVHFc ._1HhmZofd25gd_05_v6uXY9 li { border-bottom: 1px solid rgb(255, 255, 255); padding: 5px 0px; font-size: 0px; }
._1ggcGxf_VQPyNqQBGkVHFc ._1HhmZofd25gd_05_v6uXY9 li > span { display: inline-block; width: 33.33%; color: rgb(255, 255, 255); font-size: 14px; }
._1CbxEL-WfM4cSYeG2rIBOF { background-size: cover; width: 100%; height: 100%; position: relative; }
._1CbxEL-WfM4cSYeG2rIBOF.area-6 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7ce6b1219cfe35a0f5aaf3db2229a91c.png"); }
._1CbxEL-WfM4cSYeG2rIBOF.area-8 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3c03076723ad23fe57f6c743f8524ee8.png"); }
._1CbxEL-WfM4cSYeG2rIBOF.area-10 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/905b95d86a63f5e852439a8805ddeb2e.png"); }
._1CbxEL-WfM4cSYeG2rIBOF.area-10 ._2BHfVzqQOjV5ZA-d7mAkQK span { font-size: 18px; }
._1CbxEL-WfM4cSYeG2rIBOF.area-12 { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/229da4801deb28dc479b67bf7c3a8d1c.png"); }
._1CbxEL-WfM4cSYeG2rIBOF.area-12 ._2BHfVzqQOjV5ZA-d7mAkQK span { font-size: 16px; }
._16kARdJJ2rbC-24eyV7I5L { position: absolute; }
.im9f9e5yNOPDWicXKlxy8 { position: absolute; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: rgb(252, 238, 4); font-size: 20px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px; }
._2BHfVzqQOjV5ZA-d7mAkQK { padding: 3px; position: absolute; display: flex; align-items: center; }
._2BHfVzqQOjV5ZA-d7mAkQK img { width: 100%; position: absolute; inset: 0px; margin: auto; }
._2BHfVzqQOjV5ZA-d7mAkQK span { font-size: 20px; display: inline-block; width: 100%; max-height: 100%; color: rgb(0, 0, 0); text-align: center; overflow-wrap: break-word; word-break: normal; overflow: hidden; }
._2SPjAvY1rvZiFMX3yZtI0x { position: relative; }
._2SPjAvY1rvZiFMX3yZtI0x p { margin: 5px 0px 0px; color: rgb(255, 255, 255); font-size: 14px; text-align: center; }
._2SPjAvY1rvZiFMX3yZtI0x p span { color: rgb(255, 255, 0); }
._1bP_K8UcJkwrgVc643--Ay { display: flex; height: 34px; }
._1bP_K8UcJkwrgVc643--Ay > div { width: 30%; }
._1bP_K8UcJkwrgVc643--Ay > div:first-child { width: 70%; }
._1bP_K8UcJkwrgVc643--Ay .XstyNmKf-zRTUNHuf2z_6 { width: 100%; height: 100%; padding: 0px; color: rgb(255, 255, 255); font-weight: bold; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/23043eea1b6713e8a5c4d5c0838e20dd.png") right top / 100% 200% no-repeat; border-radius: 0px 10px 10px 0px; border: 0px; }
._2UBX6Lnk3RuitK_BECzrHx { position: absolute; bottom: 0px; left: 0px; width: 128px; margin: 0px 0px -150px -40px; padding: 5px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(72, 28, 114); border-radius: 20px; }
._2UBX6Lnk3RuitK_BECzrHx span { color: rgb(255, 255, 0); font-size: 18px; }
._12lkfC9PXD93TxjTjylWV3 { font-family: Arial, "Microsoft YaHei"; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ff9d6a335f6693cecc8c377c5644ba02.jpg") center top no-repeat rgb(141, 40, 222); overflow-y: scroll; }
._12lkfC9PXD93TxjTjylWV3::-webkit-scrollbar { width: 12px; background: rgb(54, 17, 97); }
._12lkfC9PXD93TxjTjylWV3::-webkit-scrollbar-thumb { background: rgb(69, 138, 241); }
._7z9wx_Z0Js1wIX2npu1zy { position: absolute; top: 0px; right: 0px; width: 135px; height: 135px; color: rgb(51, 51, 51); font-weight: bold; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e3617aea54d8d56493ed4c339976e413.png") right top no-repeat; }
._1Lia3qaIKxuy8S36uJp8wJ { display: block; position: absolute; top: 30px; right: 30px; width: 135px; height: 135px; text-align: center; transform: rotate(45deg); }
._3w_j24alBhCSCQDLgMZ93v { width: 876px; margin: 0px auto; }
.hycEaa8xu1T9zEM5B3ayl { margin: 20px 0px 10px; padding-left: 45px; font-size: 20px; line-height: 31px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/288d85f92dab7a8056a6c25c105a76a2.png") left center no-repeat; color: rgb(255, 255, 255); text-shadow: rgba(7, 6, 6, 0.3) 2px 2px 0px; }
.hycEaa8xu1T9zEM5B3ayl::before { content: ""; display: inline-block; vertical-align: middle; position: relative; height: 31px; filter: drop-shadow(rgba(7, 6, 6, 0.3) 2px 2px 0px); }
._3HMOuYUSszbXLn4y4mlEos { margin: 0px 0px 10px; padding: 5px 0px 10px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/81b1c4377c903f96fbcc7151d535ebf7.png") center center no-repeat; color: rgb(255, 255, 255); font-family: "Microsoft Yahei"; font-size: 44px; text-align: center; text-shadow: rgb(0, 0, 0) 1px 1px 1px; }
._3HMOuYUSszbXLn4y4mlEos::before { content: ""; display: inline-block; vertical-align: middle; position: relative; height: 31px; filter: drop-shadow(rgba(7, 6, 6, 0.3) 2px 2px 0px); }
._3HMOuYUSszbXLn4y4mlEos span { margin-top: 0px; color: rgb(255, 255, 255); font-size: 32px; font-weight: bold; text-shadow: rgba(7, 6, 6, 0.3) 4px 4px 0px, rgb(255, 244, 195) -1px -1px 0px; }
._1OGChlDqknP0Rl78J2xRMi { display: flex; height: 586px; }
._1OGChlDqknP0Rl78J2xRMi > div { width: 33.33%; }
._1OGChlDqknP0Rl78J2xRMi > div:first-child { width: 66.66%; }
._1OGChlDqknP0Rl78J2xRMi > div.BTY0GU9PowiK4bv4ym8XV { display: flex; flex-direction: column; align-items: center; justify-content: center; }
._3QKSFTP_ZqkzQ7ncl4v6cP { width: 285px; margin: 25px 0px 20px; padding: 15px 15px 10px 10px; text-align: center; border-radius: 15px; background: linear-gradient(100deg, rgb(112, 18, 188) 50%, rgb(124, 21, 206) 50%); }
._3QKSFTP_ZqkzQ7ncl4v6cP > p { margin: 0px; color: rgb(255, 255, 255); }
._3QKSFTP_ZqkzQ7ncl4v6cP > p button { vertical-align: baseline; padding: 0px; color: rgb(255, 255, 0); }
._3QKSFTP_ZqkzQ7ncl4v6cP > p button:hover { color: rgb(255, 255, 0); }
.SvQzsdJMbDWP_thDwLi9M { width: 290px; padding: 10px 20px; color: rgb(255, 255, 255); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0c7b9ed6d97917ff4705130291f3cefc.png") right top no-repeat; border-radius: 15px; }
.SvQzsdJMbDWP_thDwLi9M ._1GI3hRuA-tOig_lTbwDguF { margin: 5px auto 10px; text-align: left; font-size: 23px; font-weight: bold; color: rgb(255, 255, 255); font-family: "Arial Black", Gadget, sans-serif; text-shadow: gray 0px 0px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) -2px 2px 0px, rgb(39, 3, 89) -3px 3px 2px, rgba(39, 3, 89, 0.5) -3px 3px 1px, rgba(39, 3, 89, 0.2) 0px 0px 2px; }
.SvQzsdJMbDWP_thDwLi9M p { margin: 0px 0px 10px; height: 300px; padding: 0px 10px; color: rgb(255, 255, 255); text-align: left; white-space: pre-wrap; overflow-y: scroll; }
.SvQzsdJMbDWP_thDwLi9M p::-webkit-scrollbar { width: 3px; background: rgb(54, 17, 97); }
.SvQzsdJMbDWP_thDwLi9M p::-webkit-scrollbar-thumb { background: rgb(255, 255, 255); }
._1JP2aPgefK83kAkxX6f7U6 { width: 100vw; height: 100vh; padding-top: 15rem; font-family: "Microsoft YaHei"; box-sizing: border-box; color: rgb(255, 255, 255); background: rgb(38, 38, 38); }
._2rX5KDPUGgLsAW8AwDphI6 { position: absolute; left: 50%; transform: translateX(-50%); width: 1000px; height: 350px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/02ea0017ca7116ec4fb3b4a193a38905.png") center center no-repeat; }
._2rX5KDPUGgLsAW8AwDphI6 > div { margin-left: 400px; }
._2EHVWGK55GvVubX035rM-a { width: 215px; height: 120px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3d7c370c8a4f56aabbb8ab19c97f457d.png") center center / contain no-repeat; }
.uahCwoGMJsZPi2q16Fwap > div { display: inline-block; vertical-align: middle; letter-spacing: 1px; }
.uahCwoGMJsZPi2q16Fwap > div h2 { margin: 5px 0px; color: rgb(255, 187, 0); font-size: 28px; font-weight: bold; }
.uahCwoGMJsZPi2q16Fwap > div h3 { margin: 0px; font-size: 14px; font-weight: bold; }
._3a-Kj1apJMF43vjy98md2K { margin: 50px 0px; font-size: 12px; }
._3onFuPRp4RvnuCMS79hQK { min-width: 115px; height: 40px; padding: 5px; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 5px; background: rgb(0, 0, 0); font-size: 14px; font-weight: bold; text-transform: uppercase; }
._3onFuPRp4RvnuCMS79hQK:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }
._1j5v0PODT1z2AhW8sfWjgD { width: 100vw; height: 100vh; padding: 15rem 10rem; color: rgb(255, 255, 255); background: rgb(38, 38, 38); }
._1j5v0PODT1z2AhW8sfWjgD h2 { font-size: 28px; font-weight: bold; }
._1I1i-OVfZ9SDVmM5bcb44W { margin-top: 50px; }
._3KBZD-G1yErEZ1DTYA-IZ { display: flex; align-items: flex-start; margin-top: 20px; }
._3KBZD-G1yErEZ1DTYA-IZ p { margin-left: 20px; margin-bottom: 0px; }
.th .uahCwoGMJsZPi2q16Fwap > div h2 { font-size: 18px; }
._1Qt8Xjq4mIn0FR6QcXpj_P { min-width: 970px; color: rgb(255, 255, 255); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/49896cb68b2cc566093ce3f854624b25.jpg") center top no-repeat rgb(30, 9, 21); }
._1Qt8Xjq4mIn0FR6QcXpj_P ._3fWkYRYMLQ0VuO8_WtqZaH { min-height: 1080px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/22814c9cc221d92bb02c199379d9e2ff.png") center top no-repeat; }
._1Qt8Xjq4mIn0FR6QcXpj_P ._3fWkYRYMLQ0VuO8_WtqZaH.mid { min-height: 1347px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/cf8c5bf7962fc8b31e2749e351699432.png"); }
._1Qt8Xjq4mIn0FR6QcXpj_P ._3fWkYRYMLQ0VuO8_WtqZaH.big { min-height: 1607px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e03eef4ec2f191d2b82fd98a1e66d078.png"); }
._1Qt8Xjq4mIn0FR6QcXpj_P ._3y3CJ2jSp6PNImCrdatX7i { width: 945px; margin: 0px auto; }
._1Qt8Xjq4mIn0FR6QcXpj_P ._3y3CJ2jSp6PNImCrdatX7i .V1q_8Tyq3fuZOytb3TrO7 { padding: 450px 50px 0px; font-size: 25px; }
._1Qt8Xjq4mIn0FR6QcXpj_P ul { margin: 0px auto; padding: 0px; list-style-type: none; }
._1Qt8Xjq4mIn0FR6QcXpj_P [ng-click] { cursor: pointer; }
._3weL2w6P9V6G-blx9_s5oT { height: 400px; padding: 80px 0px 0px 145px; }
._3weL2w6P9V6G-blx9_s5oT h1 { width: 385px; margin-top: 0px; font-size: 30px; }
._3weL2w6P9V6G-blx9_s5oT p { margin: 0px; font-size: 20px; font-weight: bold; line-height: 30px; }
._6MCx_z6UWq_oi4QMvGxKH { position: relative; height: 284px; padding: 50px 0px 0px; }
._6MCx_z6UWq_oi4QMvGxKH h2 { position: relative; top: -66px; height: 0px; margin: 0px; color: rgb(124, 94, 51); font-size: 20px; text-align: center; line-height: 50px; text-transform: uppercase; text-shadow: rgb(199, 199, 199) -2px 1px 2px; }
.Tr6FR9h2jATdLgiMHpHnJ { width: 780px; height: 175px; white-space: nowrap; }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P { position: relative; display: inline-block; vertical-align: top; top: 0px; height: 135px; margin: 10px 8px 0px; padding: 10px 5px 5px; background-color: rgb(207, 167, 114); border-radius: 30px; border: 3px solid rgb(249, 243, 225); outline: none; transition: top 0.4s; width: 248px !important; }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P.activity:hover, .Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P.active { top: -10px; background-color: rgb(202, 87, 89); }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P.more { border-color: rgba(0, 0, 0, 0); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ba1803debc085410e2e9c065b10d98de.png") center top / 100% 100% no-repeat; cursor: auto; }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P h3 { margin: 0px 0px 8px; font-size: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P p { margin: 0px; font-size: 0px; overflow: hidden; }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P p span { font-size: 13px; }
.Tr6FR9h2jATdLgiMHpHnJ ._1GKKDE045BD2XNnZNcfe-P ._34eAsZMWFcrYP7V7Ii4eik { padding: 15px 0px 0px 100px; color: rgb(255, 255, 255); font-size: 14px; text-transform: uppercase; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-arrow { width: auto; height: auto; color: rgb(255, 129, 122); font-size: 40px; margin-top: -10px; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-arrow::before { display: none; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-arrow.slick-disabled { color: rgb(185, 184, 184); cursor: not-allowed; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-arrow.slick-prev { left: -40px; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-arrow.slick-next { right: -40px; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-dots { bottom: 5px; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-dots li { width: 10px; height: 10px; margin: 0px 4px; border-radius: 50%; }
.Tr6FR9h2jATdLgiMHpHnJ .slick-dots li button::before { color: rgb(216, 177, 124); }
.Tr6FR9h2jATdLgiMHpHnJ .slick-dots li.slick-active button::before { color: rgb(144, 106, 56); }
._2kRY0Zk91j8GkC3ILnFh7V { padding-top: 55px; }
._2kRY0Zk91j8GkC3ILnFh7V > div:first-child { margin: 20px 150px; font-size: 20px; }
._2kRY0Zk91j8GkC3ILnFh7V h2 { position: relative; top: -73px; height: 0px; margin: 0px; color: rgb(124, 94, 51); font-size: 22px; text-align: center; line-height: 50px; text-transform: uppercase; text-shadow: rgb(199, 199, 199) -2px 1px 2px; }
._24dDM0GdFzks5jiBhS_y4b { width: 741px; }
._24dDM0GdFzks5jiBhS_y4b li { position: relative; display: inline-block; vertical-align: top; width: 228px; height: 262px; margin: 0px 9.5px 20px; padding: 10px 0px 3px; color: rgb(125, 82, 82); font-size: 17px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/616adedf4a7b8ca5832aef4641e38775.png") center center / 100% 100% no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._24dDM0GdFzks5jiBhS_y4b li.done, ._24dDM0GdFzks5jiBhS_y4b li.isExpired { color: rgb(176, 127, 80); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/6449b6025b86dfbafacaee383ad91140.png"); }
._24dDM0GdFzks5jiBhS_y4b li.done .y-fDn6SLBANy6Bg-rqRXr, ._24dDM0GdFzks5jiBhS_y4b li.isExpired .y-fDn6SLBANy6Bg-rqRXr { display: flex; position: absolute; top: 40px; left: 50%; margin-left: -60px; width: 120px; height: 45px; color: rgb(254, 0, 0); font-size: 24px; border: 2px solid rgb(254, 0, 0); transform: rotateZ(-30deg); justify-content: center; align-items: center; }
._24dDM0GdFzks5jiBhS_y4b .y-fDn6SLBANy6Bg-rqRXr { display: none; }
._24dDM0GdFzks5jiBhS_y4b figure { margin: 0px auto 5px; padding: 0px 15px; height: 105px; }
._24dDM0GdFzks5jiBhS_y4b figure img { max-width: 100%; max-height: 100%; }
._24dDM0GdFzks5jiBhS_y4b h3 { margin: 0px; font-size: 21px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._24dDM0GdFzks5jiBhS_y4b p { margin: 0px; }
._24dDM0GdFzks5jiBhS_y4b i { margin-left: 5px; color: rgb(2, 125, 180); }
._24dDM0GdFzks5jiBhS_y4b button { min-width: 118px; height: 37px; margin: 0px auto; padding: 0px 5px; color: rgb(255, 255, 255); font-weight: bold; background: center top no-repeat rgba(0, 0, 0, 0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._24dDM0GdFzks5jiBhS_y4b button.receive { height: 39px; color: rgb(144, 84, 80); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5f3626aa1bdd0dbf839f67aa214820ca.png"); }
._24dDM0GdFzks5jiBhS_y4b button.receive:hover { padding-top: 5px; background-position-y: bottom; }
._24dDM0GdFzks5jiBhS_y4b button.done { color: rgb(176, 127, 80); background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/38772644631fccff7ce41a18be471593.png"); }
._24dDM0GdFzks5jiBhS_y4b button.undone { min-width: 110px; height: 35px; opacity: 0.5; box-shadow: rgb(201, 61, 22) 1px 3px 0px 0px; background: linear-gradient(rgb(255, 70, 24) 5%, rgb(163, 49, 41) 100%) rgb(255, 70, 24); border-radius: 18px; border: 1px solid rgb(230, 105, 97); }
._24dDM0GdFzks5jiBhS_y4b h5 { margin-top: 7px; }
.vi ._6MCx_z6UWq_oi4QMvGxKH h2 { font-size: 16px; }
.vi ._2kRY0Zk91j8GkC3ILnFh7V h2 { font-size: 15px; }
.vQolxGws_Mrln3jRdbyVT { min-height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/539708f87344ead3f48bf613b9e4b73f.jpg") center top / 100% no-repeat rgb(47, 10, 7); }
._32bIBj08BgD2KJ7mdOjciK { position: relative; width: 880px; margin: 0px auto; padding: 25px 0px; text-align: center; }
._2uCipjmTVRZ804SJqzf-Jh { position: relative; display: inline-block; min-width: 522px; height: 154px; padding: 58px 20px 0px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e70b6525df34ab13b22177488320be7c.png") center center / 100% 100% no-repeat; }
._2uCipjmTVRZ804SJqzf-Jh > span { color: rgb(255, 255, 255); font-size: 50px; font-weight: bold; text-align: center; text-shadow: rgb(0, 0, 0) 1px 4px 1px; }
._2wZoLhHPhvtBKhP2eCGieK { min-height: 1000px; padding-top: 245px; margin-top: -110px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/37bcccfea3ed61748ef68572f184806b.png") center top / 580px no-repeat; }
._2wZoLhHPhvtBKhP2eCGieK ._18oBKShSGAJMgh9iFS3OES { font-size: 25px; }
._3-yTY-hdJ9Z_NOoYuJf9o5 { position: relative; display: flex; align-items: center; justify-content: flex-end; height: 184px; padding-right: 80px; border-radius: 20px; border: 5px solid rgb(255, 229, 146); background-image: linear-gradient(102deg, rgb(141, 56, 0) 2%, rgb(0, 0, 0) 98%); overflow: hidden; }
._3-yTY-hdJ9Z_NOoYuJf9o5 .prev, ._3-yTY-hdJ9Z_NOoYuJf9o5 .next { position: relative; width: 35px; height: 35px; color: rgb(255, 229, 146); font-size: 35px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgba(0, 0, 0, 0); }
._3-yTY-hdJ9Z_NOoYuJf9o5 .prev i, ._3-yTY-hdJ9Z_NOoYuJf9o5 .next i { position: absolute; top: 0px; left: 0px; }
._3-yTY-hdJ9Z_NOoYuJf9o5 .prev { margin-right: 25px; }
._3-yTY-hdJ9Z_NOoYuJf9o5 .next { margin-left: 25px; }
._3-yTY-hdJ9Z_NOoYuJf9o5 .disabled { cursor: default; opacity: 0.5; }
._3-yTY-hdJ9Z_NOoYuJf9o5 h3 { position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; width: 250px; height: 174px; line-height: 30px; padding-right: 75px; margin: 0px; color: rgb(0, 0, 0); font-weight: bold; clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 50% 100%, 0px 100%); background: linear-gradient(126deg, rgb(250, 230, 175) 2%, rgb(181, 143, 90) 99%); }
._3-yTY-hdJ9Z_NOoYuJf9o5 h3::before { content: ""; position: absolute; inset: 0px; clip-path: polygon(100% 0px, 98% 0px, 48% 100%, 50% 100%); background: rgb(255, 229, 146); }
._2ubGTtwdH9coixQ3T9V1z8 { width: 390px; padding: 0px; margin: 0px; }
._2ubGTtwdH9coixQ3T9V1z8 ._3TCTK5aFEi8WHjZBhqUyuE { height: 137px; padding-top: 12px; margin: 0px 5px; color: rgb(96, 77, 44); font-size: 16px; border-radius: 10px; background: rgb(255, 255, 255); cursor: default; width: 380px !important; }
._2ubGTtwdH9coixQ3T9V1z8 ._3TCTK5aFEi8WHjZBhqUyuE p { margin: 0px; }
.Un-FY5LvQF5MSzQDuYseq { padding: 22px 35px; margin-top: 20px; color: rgb(255, 255, 255); border-radius: 20px; border: 5px solid rgb(255, 229, 146); background-image: linear-gradient(126deg, rgb(141, 56, 0) 2%, rgb(0, 0, 0) 99%); }
.Un-FY5LvQF5MSzQDuYseq ._18vndm3pWgq0dt1J6T0VP8 { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 15px; }
.Un-FY5LvQF5MSzQDuYseq ._18vndm3pWgq0dt1J6T0VP8 h3 { margin: 0px; font-weight: bold; }
.Un-FY5LvQF5MSzQDuYseq ._18vndm3pWgq0dt1J6T0VP8 p { margin: 0px; font-size: 16px; }
._1DEzW2QS_R4JxHX0SdcsG1 { display: flex; flex-wrap: wrap; gap: 20px; padding: 0px; margin: 0px; list-style: none; }
._1DEzW2QS_R4JxHX0SdcsG1 li { display: flex; position: relative; width: 390px; height: 160px; padding: 12px; text-align: left; border-radius: 12px; border: 5px solid rgb(185, 148, 95); background-color: rgb(255, 255, 255); overflow: hidden; }
._1DEzW2QS_R4JxHX0SdcsG1 li figure { width: 120px; height: 120px; line-height: 120px; margin-right: 10px; text-align: center; border-radius: 20px; background: linear-gradient(rgb(250, 230, 175), rgb(181, 143, 90)); overflow: hidden; }
._1DEzW2QS_R4JxHX0SdcsG1 li figure img { max-width: 100%; max-height: 100%; }
._1DEzW2QS_R4JxHX0SdcsG1 li .ydqcZWanTU2Cd0QloFgKQ { max-width: 225px; color: rgb(96, 77, 44); font-size: 18px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._1DEzW2QS_R4JxHX0SdcsG1 li p { margin-bottom: 3px; color: rgb(0, 0, 0); font-size: 12px; }
._1DEzW2QS_R4JxHX0SdcsG1 li p i { cursor: pointer; color: rgb(186, 150, 96); }
._1DEzW2QS_R4JxHX0SdcsG1 li button { width: 100px; height: 46px; padding: 0px 5px 5px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgba(0, 0, 0, 0); cursor: default; }
._1DEzW2QS_R4JxHX0SdcsG1 li button.undone { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/927dd67ebbe6184eeda02c5676917826.png"); }
._1DEzW2QS_R4JxHX0SdcsG1 li button.receive { cursor: pointer; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1eb4644c8ec0ab2ff46908fcf8a90f8e.png"); }
._1DEzW2QS_R4JxHX0SdcsG1 li button.done { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/051e1a9bc4c1a36ce65d4d9033b00fd4.png"); }
.panel ._1VIC3ThWgl1xejiJU1ImOP { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._1VIC3ThWgl1xejiJU1ImOP i { position: relative; z-index: 1; cursor: pointer; }
.panel ._1VIC3ThWgl1xejiJU1ImOP span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.AfKWIwdAMhduL4HwcfGfy { color: rgb(191, 191, 191); font-size: 14px; padding-top: 5rem; text-align: center; }
.AfKWIwdAMhduL4HwcfGfy::before { background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f5fccbdbd67a139265b13e71ccfe3b4c.png") center top / contain no-repeat; content: ""; display: block; height: 83px; }
.-v9TEb5xom2-r1Xf-Npd5 { min-height: 40rem; }
.-v9TEb5xom2-r1Xf-Npd5 .game-list { position: relative; margin: 0px auto; display: block; padding: 0px; font-size: 0px; text-align: left; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper { position: relative; display: inline-block; min-height: 180px; margin: 5px; vertical-align: top; z-index: 0; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(197, 206, 224); border-radius: 10px; width: 160px !important; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover { cursor: pointer; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover .game-logo figcaption i.far { color: rgb(255, 255, 255); }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper > img { position: absolute; z-index: 2; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper > img.icon01 { top: -3px; left: -3px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper > img.icon02 { top: -3px; right: -3px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper > img.icon03 { right: 5px; top: 124px; width: 38px; height: 29px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper > img.icon04 { left: -4px; bottom: -3px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.cross-platform, .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover { color: rgb(35, 35, 36); background: rgb(115, 117, 121); }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity { color: rgb(0, 0, 0) !important; background: linear-gradient(rgb(255, 220, 80) 10%, rgb(255, 220, 80) 55%, rgb(200, 132, 4) 100%) !important; border: 1px solid rgb(204, 204, 204) !important; }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity .game-logo figcaption i.far { color: rgb(0, 0, 0); }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity .game-logo blockquote { color: rgb(68, 68, 68); }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity:hover .game-logo figcaption i.far { color: rgb(221, 0, 0); }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover .game-logo::before { content: ""; position: absolute; top: 9px; width: 100%; height: 140px; left: 0px; z-index: 1; background: rgba(0, 0, 0, 0.7); }
.-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover .entrance { color: rgb(255, 255, 255); background-color: rgb(50, 40, 37); position: absolute; top: 40%; left: 20%; padding: 10px 20px; z-index: 1; font-size: 14px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo { position: relative; height: 100%; padding: 9px 0px 4px; text-align: center; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo::before { content: ""; position: absolute; top: 9px; left: 9px; width: 140px; height: 140px; z-index: 1; background-repeat: no-repeat; background-position: center center; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo::after { position: absolute; top: 64px; left: 27px; width: 103px; height: 31px; z-index: 2; font-size: 16px; text-align: center; line-height: 31px; border-radius: 5px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo:hover::before { background: rgba(0, 0, 0, 0.5); }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo:hover::after { content: "Play"; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo img { position: relative; display: inline-block; width: 140px; height: 140px; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo img::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption { position: relative; margin: 0px auto; padding: 4px 18px 3px 0px; width: 140px; color: inherit; font-size: 16px; text-align: left; min-height: 3em; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption i { position: absolute; top: 5px; right: 2px; line-height: 20px; color: rgb(255, 255, 255); }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption i.fas { color: rgb(221, 0, 0); }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption i.far { color: rgb(178, 178, 178); }
.-v9TEb5xom2-r1Xf-Npd5 .game-logo blockquote { border: 0px; color: rgb(191, 191, 191); margin: 0px; padding: 0px; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._2F0de8EssKBYhY484RWETY { position: relative; width: 1200px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/228d2b30e4b6e923a2388c9c004799e6.png") no-repeat; }
._2F0de8EssKBYhY484RWETY::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/50e31bcfb1f83334437d9229a251c9ac.png") no-repeat; }
.K2nHIgSRT3XRBlH9V2r1K { position: relative; width: 1200px; height: 800px; z-index: 1; }
.K2nHIgSRT3XRBlH9V2r1K::before, .K2nHIgSRT3XRBlH9V2r1K::after { content: ""; position: absolute; left: 0px; right: 0px; background: left top no-repeat; }
.K2nHIgSRT3XRBlH9V2r1K::before { top: 0px; height: 50px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1d33bf988be0634153d715fdc9d7d16c.png"); }
.K2nHIgSRT3XRBlH9V2r1K::after { bottom: 0px; height: 170px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/98cea9113771e41001bc96d155fc67c3.png"); }
._3Cny02SdzzK_bvY-8sdYfN { position: absolute; top: 100px; left: 165px; z-index: 1; width: 297px; height: 615px; padding-top: 151px; font-size: 18px; text-align: center; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/392d06db9c6445347ba6360073f6a4ba.png") center top no-repeat; }
._3Cny02SdzzK_bvY-8sdYfN figure { margin: 0px auto 27px; width: 178px; height: 178px; line-height: 178px; }
._3Cny02SdzzK_bvY-8sdYfN figure img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
._3Cny02SdzzK_bvY-8sdYfN p { margin: 0px; }
._3Cny02SdzzK_bvY-8sdYfN p.cZAB-md1jqxcfqcBaKJK5 { color: rgb(233, 100, 86); line-height: 26px; }
._3Cny02SdzzK_bvY-8sdYfN ._3VEKu9jU-bXPmCF6IuExUB { position: absolute; bottom: 53px; left: 0px; right: 0px; padding: 0px 17px; color: rgb(181, 181, 181); font-size: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._3Cny02SdzzK_bvY-8sdYfN ._3VEKu9jU-bXPmCF6IuExUB::before { content: "Copyright ©"; }
._3Cny02SdzzK_bvY-8sdYfN ._3VEKu9jU-bXPmCF6IuExUB::after { content: "Reserved"; }
._2RP4QEq6g3NzSxLZK70lYC { position: absolute; top: 172px; left: 550px; width: 530px; height: 400px; text-align: center; }
._2RP4QEq6g3NzSxLZK70lYC :nth-child(1) { margin-bottom: 18px; }
._2RP4QEq6g3NzSxLZK70lYC :nth-child(2) { margin-bottom: 37px; }
._3xPhtWrK4Q6nUYvxnfA9hb { position: absolute; top: 763px; left: 20px; z-index: 1; color: rgb(255, 255, 255); font-size: 13px; line-height: 27px; }
._3xPhtWrK4Q6nUYvxnfA9hb ._2Xteugo09UJfYSBIHKlc39 { display: inline-block; vertical-align: top; height: 27px; padding: 0px 12px; margin-left: 10px; background: rgb(58, 178, 246); border-radius: 2px; cursor: pointer; }
._3W679TLA_DWXEOSIZuEEHA { position: relative; width: 100%; height: 100%; padding-top: 78px; }
._3W679TLA_DWXEOSIZuEEHA::before { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c19dd857f151ab2d19903b950621012e.png") center center / cover no-repeat; }
._3W679TLA_DWXEOSIZuEEHA::after { content: ""; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 100px; height: 108.5px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d0e6f49488ec1fa646021b9de216c9af.png") center center / contain no-repeat; z-index: 2; }
.EUm7R2HtPjaW7x58R_HBV { position: relative; width: 460px; height: 460px; margin: 0px auto; z-index: 1; }
.EUm7R2HtPjaW7x58R_HBV .IZBJddVFDEKFEb06BUdYZ, .EUm7R2HtPjaW7x58R_HBV ._3JJ-kHxycQ5CJIBpjpFruj { width: 100%; }
.EUm7R2HtPjaW7x58R_HBV ._3JJ-kHxycQ5CJIBpjpFruj { position: absolute; top: 0px; height: 100%; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 30px inset; }
._3cj1nWMK7eSjEiW6uwuGUg li { position: absolute; top: 0px; bottom: 0px; left: 50%; padding: 0px 0px 68%; color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; writing-mode: vertical-lr; text-overflow: ellipsis; }
._1UKw-0L06bzngiOxIcot1t { position: absolute; top: 36%; left: 50%; width: 120px; height: 121.7px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9b5cc482d9d0444eeaec9f3a8eb53785.png") center center / auto 100% no-repeat; transform: translateX(-50%); cursor: pointer; z-index: 2; }
._1UKw-0L06bzngiOxIcot1t span { display: block; line-height: 121px; color: rgb(255, 255, 255); font-family: TimesNewRomanPS-MT; font-size: 24px; font-weight: bold; font-style: italic; text-align: center; }
._3JenjWpdZ5sBzduMoNlX2u { position: relative; min-height: 100vh; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5c57f1dd7aeed77127a611ee4a342168.png") center top no-repeat; }
._3JenjWpdZ5sBzduMoNlX2u [ng-click] { cursor: pointer; }
._3JenjWpdZ5sBzduMoNlX2u::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 29vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/5035d76c63a4e091041f99c17cd047fb.png") center top / cover no-repeat; }
._1fgWuwVFof81l9J6m4id02 { position: relative; width: 1000px; margin: 0px auto; }
._1fgWuwVFof81l9J6m4id02 ._2zLzrZVgmj8LNbNUgYIQ9V { position: relative; top: 50px; font-size: 15px; }
.Cdcfi0d7dYH_87ck7CXnR { height: 186px; padding-top: 10px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9ab1b75df8da3a45c9c2f4e552bf5dd6.png") center top / contain no-repeat; }
.Cdcfi0d7dYH_87ck7CXnR h1 { color: rgb(255, 185, 28); margin: 0px; font-size: 50px; font-weight: bold; text-shadow: rgb(0, 0, 0) 1px 3px 0px; line-height: 174px; }
._3rRzyajHHO-JzbdzifsnO8 { display: flex; justify-content: center; align-items: center; }
.DLB04akjrpVcDVD_6GQln { position: relative; width: 350px; height: 100px; margin-bottom: 5px; padding: 0px 5px 5px; border-radius: 30px; background: linear-gradient(rgb(255, 146, 22), rgb(223, 16, 16)); }
.DLB04akjrpVcDVD_6GQln::before { content: ""; position: absolute; left: 3px; top: -23px; width: 60px; height: 60px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/43463804de4bb1efbc6a7ceebe26b500.png") center top / contain no-repeat; }
.DLB04akjrpVcDVD_6GQln::after { content: ""; position: absolute; left: 5px; bottom: 5px; width: 340px; height: 54px; border-radius: 0px 0px 25px 25px; background-color: rgb(255, 255, 255); }
.DLB04akjrpVcDVD_6GQln h2 { margin: 0px 0px 0px 69px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; line-height: 41px; }
.DLB04akjrpVcDVD_6GQln p { position: relative; margin: 0px; color: rgb(0, 0, 0); font-size: 15px; text-align: center; line-height: 54px; z-index: 3; }
.DLB04akjrpVcDVD_6GQln button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; z-index: 2; }
._1D9MbzY9R5KeD63_eXP4ij { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 43px; font-size: 0px; z-index: 1; }
._1D9MbzY9R5KeD63_eXP4ij > button { position: relative; width: 350px; height: 60px; margin: 0px; padding: 0px; color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; line-height: 1.35; border-radius: 100px; background: linear-gradient(rgb(255, 146, 22), rgb(223, 16, 16)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
._1D9MbzY9R5KeD63_eXP4ij > button:nth-of-type(2n) { background: linear-gradient(rgb(255, 169, 77), rgb(250, 3, 98)); }
._1D9MbzY9R5KeD63_eXP4ij > button > i { position: absolute; top: -20px; left: 5px; width: 60px; height: 60px; background-repeat: no-repeat; background-size: contain; background-position: center top; }
._1D9MbzY9R5KeD63_eXP4ij > button > i.description { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/034d92e3026332ad28d25b9dd26a9211.png"); }
._1D9MbzY9R5KeD63_eXP4ij > button > i.reward { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/2bcbb4f7f8067d7e261126219bc148e1.png"); }
._1D9MbzY9R5KeD63_eXP4ij > button > i.winner { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/718a007655879333bd9c728aaa79bd57.png"); }
._1D9MbzY9R5KeD63_eXP4ij > button span { display: block; max-width: 69%; margin-left: 65px; margin-right: 45px; word-break: break-all; }
._1D9MbzY9R5KeD63_eXP4ij > button ._1jcJg9FEiYVUvuKpTRd52I { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(rgb(255, 237, 141), rgb(255, 176, 1)); }
._1D9MbzY9R5KeD63_eXP4ij > button ._1jcJg9FEiYVUvuKpTRd52I i { color: rgb(255, 255, 255); font-size: 24px; text-shadow: rgb(130, 75, 75) 0px 1px; }
._1eaAH2AuvjGuF1TDZjM_XD { position: relative; width: 660px; height: 690px; margin: 0px; z-index: 1; }
._2vPF4J2tpa1nyhGhS1L9OV { position: relative; top: -99px; width: 222px; height: 60px; margin: 0px auto; color: rgb(255, 255, 255); font-family: Roboto; font-size: 14px; text-align: center; line-height: 1.5; border-radius: 100px; box-shadow: rgb(113, 0, 0) 0px 4px 0px 0px; border: 1px solid rgb(252, 136, 22); background: linear-gradient(rgb(255, 146, 22), rgb(223, 16, 16)); z-index: 1; }
._2vPF4J2tpa1nyhGhS1L9OV span._2OcvJJa_KfT054idmuWoH2 { display: block; line-height: 33px; font-family: TimesNewRomanPS-MT; font-size: 30px; font-weight: bold; font-style: italic; }
._2MWQcN1Iu7wdimOeM6Xu0f { position: relative; width: 100%; height: 100%; padding: 25px; }
._2MWQcN1Iu7wdimOeM6Xu0f::before { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/950cc80e5a08d593a0252fe1e8be4380.png") center center / cover no-repeat; }
._2tYqzFSeOiNdzQ8D7SLJEX { position: relative; height: 100%; }
._2tYqzFSeOiNdzQ8D7SLJEX ._288MYsF1zmO-RO22w5tcSb { width: 100%; }
._1Y2gQ4DHLmLDgUb5BB3wod li { position: absolute; top: 0px; bottom: 0px; left: 50%; padding: 0px 0px 68%; color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; white-space: nowrap; writing-mode: vertical-lr; overflow: hidden; text-overflow: ellipsis; }
._17ZhcE-T1OqjF26RFmGsH2 { position: absolute; z-index: 1; top: 31.8%; left: 50%; height: 29.92%; width: 20.48%; padding: 0px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/8aee3b57b8efe2a3b637139b42d33315.png") center center no-repeat; transform: translateX(-50%); cursor: pointer; }
._17ZhcE-T1OqjF26RFmGsH2 span { position: absolute; top: 77px; left: 50%; width: 100%; height: 93px; font-size: 25px; line-height: 93px; text-align: center; transform: translateX(-50%); -webkit-text-stroke: 0.5px rgb(0, 0, 0); -webkit-text-fill-color: rgb(140, 79, 0); text-shadow: rgb(163, 163, 163) 0px 2px 10px; }
._9LhDlscP_kW-voOmMZkqf { min-height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ea3cfe257b8e9e672b4774ec2a3a948f.jpg") center top no-repeat rgb(255, 77, 82); }
._9LhDlscP_kW-voOmMZkqf [ng-click] { cursor: pointer; }
._2rD8dwS2lSNW5txkrjGpgf { position: relative; width: 1000px; margin: 0px auto; }
._2rD8dwS2lSNW5txkrjGpgf ._37lj0Q07kYhK_FT3qwzLTj { position: relative; top: 50px; font-size: 15px; }
._1_MEHdB1kMJ7ViqAoWOHIL { height: 135px; padding-top: 10px; color: rgb(255, 255, 255); background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/541e271d7a3122f3d8ce7121b3bfca17.png") center -5px no-repeat; }
._1_MEHdB1kMJ7ViqAoWOHIL h1 { margin: 0px 0px 9px; font-size: 30px; font-weight: bold; }
._1_MEHdB1kMJ7ViqAoWOHIL button { vertical-align: bottom; min-width: 87px; height: 22px; padding: 0px 3px; color: rgb(51, 51, 51); font-size: 12px; background: linear-gradient(rgb(255, 208, 132), rgb(255, 173, 59)); line-height: 22px; border: 1px solid rgb(255, 255, 255); outline: none; border-radius: 15px; }
._1_MEHdB1kMJ7ViqAoWOHIL button :hover { color: red; background: linear-gradient(rgb(255, 173, 59), rgb(255, 208, 132)); }
._31uT0i3VkDA8Qyd4vkDl6X { position: absolute; top: 125px; right: 55px; width: 163px; height: 162px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/0ea9ac5d6a2d697dfef69e3652868edb.png") center top no-repeat; }
._31uT0i3VkDA8Qyd4vkDl6X p { height: 54px; margin: 0px; color: rgb(255, 255, 255); font-weight: bold; }
._31uT0i3VkDA8Qyd4vkDl6X p:first-child { height: 50px; padding-top: 25px; letter-spacing: 2px; font-size: 13px; }
._31uT0i3VkDA8Qyd4vkDl6X p:last-child { padding-top: 4px; letter-spacing: 2px; font-size: 17px; }
._31uT0i3VkDA8Qyd4vkDl6X p span:first-child { vertical-align: sub; padding: 0px 5px; color: rgb(249, 45, 35); font-size: 46px; line-height: 54px; }
._31uT0i3VkDA8Qyd4vkDl6X p span:last-child { color: rgb(30, 30, 30); font-size: 12px; }
._2lhyMbK6NNUEFXU-Zx1R0I { width: 650px; height: 650px; margin: 0px auto 65px; }
._2gtsnNAXG8UhsCVX_WgWEL { font-size: 0px; }
._2gtsnNAXG8UhsCVX_WgWEL button { display: inline-block; vertical-align: top; min-width: 177px; height: 73px; margin: 0px 5px; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; line-height: 50px; text-shadow: rgba(35, 24, 21, 0.61) 0px 3px 7px; background: linear-gradient(rgb(209, 118, 248), rgb(118, 0, 229)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; box-shadow: rgb(200, 200, 200) 1px 4px 9px; border-radius: 25px; }
._2gtsnNAXG8UhsCVX_WgWEL button:hover { background: linear-gradient(rgb(118, 0, 229), rgb(209, 118, 248)); }
._2gtsnNAXG8UhsCVX_WgWEL button i { display: inline-block; vertical-align: middle; width: 55px; height: 55px; background: center top no-repeat; }
._2gtsnNAXG8UhsCVX_WgWEL button i.description { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/bdf71ce09905ad8d848a8b75cabe88db.png"); }
._2gtsnNAXG8UhsCVX_WgWEL button i.reward { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/128430f285800cbb003816cde5d4dcc7.png"); }
._2gtsnNAXG8UhsCVX_WgWEL button i.winner { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/d2d14a2483ed4ef25db9eb1db922b20e.png"); }
._22cFEOvvO6v51yWC35FK57 { min-width: 1000px; min-height: 100vh; padding-top: 100px; background: rgb(36, 36, 36); }
._22cFEOvvO6v51yWC35FK57 > div:first-child { margin-bottom: 20px; text-align: center; }
._22cFEOvvO6v51yWC35FK57 > div:last-child { width: 830px; height: 460px; margin: auto; }
._3mbwsp07ZUNRkFCj0I-w-k { min-height: 100vh; }
._3lsn-9-R1KxDnv9_koaEkC { margin: 0px auto; }
._3CMDGIALq8HDo4XBIBIB0c { background: rgb(38, 38, 38); border-radius: 10px; }
._3CMDGIALq8HDo4XBIBIB0c .panel-body { padding: 15px 30px; }
._2Cy5U6oRfyuKk0z8n_03sQ { font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); display: flex; flex-wrap: wrap; }
._2Cy5U6oRfyuKk0z8n_03sQ li { position: relative; display: flex; flex-direction: column; justify-content: center; width: calc(50% - 7.5px); min-height: 100px; padding: 10px 20px; margin-right: 15px; margin-bottom: 20px; background: rgba(0, 0, 0, 0.25); border: 2px solid rgba(0, 0, 0, 0); border-radius: 8px; box-sizing: border-box; cursor: pointer; }
._2Cy5U6oRfyuKk0z8n_03sQ li:nth-child(2n+2) { margin-right: 0px; }
._2Cy5U6oRfyuKk0z8n_03sQ li.selected { border-color: rgb(255, 90, 0); }
._2Cy5U6oRfyuKk0z8n_03sQ li h3 { line-height: 2; margin: 0px; font-size: 18px; color: rgb(255, 255, 255); font-weight: 500; word-break: break-word; }
._2Cy5U6oRfyuKk0z8n_03sQ li p { margin: 0px; font-size: 15px; color: rgb(255, 255, 255); }
._2Cy5U6oRfyuKk0z8n_03sQ li p b { color: rgb(255, 90, 0); font-weight: normal; }
._2Cy5U6oRfyuKk0z8n_03sQ li i { position: absolute; right: 13px; bottom: 14px; color: rgb(255, 90, 0); font-size: 20px; }
._3GdzGvlVlZC4wGIHzMovTF { padding: 20px 0px; color: rgb(255, 255, 255); overflow-y: auto; }
._3GdzGvlVlZC4wGIHzMovTF .list-inline { margin-left: 0px; }
._3GdzGvlVlZC4wGIHzMovTF p { margin: 0px 0px 5px; font-size: 16px; }
._3GdzGvlVlZC4wGIHzMovTF select { margin-bottom: 2rem; }
._3GdzGvlVlZC4wGIHzMovTF .input-group .form-control { width: 360px; height: 36px; line-height: 36px; font-size: 14px; color: rgb(85, 85, 85); }
._1axJrG2S_RE9BVuPFJP9NH { margin: 0px 0px 20px; }
._1axJrG2S_RE9BVuPFJP9NH .input-group { margin: 0px 0px 10px; }
._1axJrG2S_RE9BVuPFJP9NH .input-group-addon:first-child { min-width: 12rem; text-align: left; }
._7xUDK8Nc4sibXVDvqFf9H li { width: 100px; height: 40px; margin: 0px 10px 10px 0px; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 14px; line-height: 38px; text-align: center; background: rgb(68, 68, 68); border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
._7xUDK8Nc4sibXVDvqFf9H li.selected { color: rgb(255, 255, 255); background: rgb(255, 90, 0); }
._-4_KoSCrCY_u21tqp_b-W { color: rgb(255, 90, 0); }
._3J1NHh0Zndn3-YUPwUyPhw { width: 360px; height: 40px; font-size: 18px; color: rgb(255, 90, 0); background: rgb(0, 0, 0); border-radius: 5px; border: 1px solid rgb(255, 90, 0); }
._3J1NHh0Zndn3-YUPwUyPhw:hover, ._3J1NHh0Zndn3-YUPwUyPhw:focus { color: rgb(255, 255, 255); background: rgb(255, 90, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none !important; }
.exchangeRate { color: rgb(255, 255, 255); }
._2W3ss_5LQ-YmGzHmQv0kme p { font-size: 14px; }
._2W3ss_5LQ-YmGzHmQv0kme p span { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
._2W3ss_5LQ-YmGzHmQv0kme p a { color: rgb(255, 90, 0); text-decoration: underline; }
.xaDtJgEuUFlsGovwsNEgT { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
.xaDtJgEuUFlsGovwsNEgT h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
.xaDtJgEuUFlsGovwsNEgT h3 { font-size: 16px; font-weight: bold; }
.xaDtJgEuUFlsGovwsNEgT h4 { font-size: 16px; }
.xaDtJgEuUFlsGovwsNEgT > ul { list-style: none; }
.xaDtJgEuUFlsGovwsNEgT ol { padding-left: 20px; list-style-type: decimal; }
.xaDtJgEuUFlsGovwsNEgT p, .xaDtJgEuUFlsGovwsNEgT li { font-size: 16px; text-align: justify; line-height: 2em; }
.xaDtJgEuUFlsGovwsNEgT p { margin: 1em 0px; }
.xaDtJgEuUFlsGovwsNEgT .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
.xaDtJgEuUFlsGovwsNEgT table { width: 100%; background-color: rgba(0, 0, 0, 0); }
.xaDtJgEuUFlsGovwsNEgT table thead tr, .xaDtJgEuUFlsGovwsNEgT table thead th, .xaDtJgEuUFlsGovwsNEgT table thead td, .xaDtJgEuUFlsGovwsNEgT table tbody tr, .xaDtJgEuUFlsGovwsNEgT table tbody th, .xaDtJgEuUFlsGovwsNEgT table tbody td, .xaDtJgEuUFlsGovwsNEgT table tfoot tr, .xaDtJgEuUFlsGovwsNEgT table tfoot th, .xaDtJgEuUFlsGovwsNEgT table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
.xaDtJgEuUFlsGovwsNEgT table thead th, .xaDtJgEuUFlsGovwsNEgT table tbody th, .xaDtJgEuUFlsGovwsNEgT table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._1GzA5ICwfXjH4oWnRdFqAl { list-style: none; padding-bottom: 15px; padding-left: 0px; text-align: left; }
._1GzA5ICwfXjH4oWnRdFqAl li { position: relative; display: inline-block; min-width: 130px; height: 40px; padding: 0px 5px; color: rgb(255, 255, 255); font-size: 15px; line-height: 40px; text-align: center; border-radius: 19px; border: 1px solid rgb(129, 129, 129); background-color: rgb(22, 22, 22); cursor: pointer; transition: 0.3s; }
._1GzA5ICwfXjH4oWnRdFqAl li + li { margin-left: 20px; }
._1GzA5ICwfXjH4oWnRdFqAl li.active { position: relative; top: -4px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: linear-gradient(to top, rgb(245, 0, 0), rgb(236, 102, 18)); }
._2CgWuQc9sok6lKfZRCugm3 { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; }
.xaDtJgEuUFlsGovwsNEgT p, .xaDtJgEuUFlsGovwsNEgT li { font-size: 14px !important; }
gupw-franchisee-apply label { display: flex; justify-content: flex-start; align-items: center; column-gap: 5px; }
._1RJrz66fL9NoDyUDDpSO1P { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._1RJrz66fL9NoDyUDDpSO1P h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._1RJrz66fL9NoDyUDDpSO1P h3 { font-size: 16px; font-weight: bold; }
._1RJrz66fL9NoDyUDDpSO1P h4 { font-size: 16px; }
._1RJrz66fL9NoDyUDDpSO1P > ul { list-style: none; }
._1RJrz66fL9NoDyUDDpSO1P ol { padding-left: 20px; list-style-type: decimal; }
._1RJrz66fL9NoDyUDDpSO1P p, ._1RJrz66fL9NoDyUDDpSO1P li { font-size: 16px; text-align: justify; line-height: 2em; }
._1RJrz66fL9NoDyUDDpSO1P p { margin: 1em 0px; }
._1RJrz66fL9NoDyUDDpSO1P .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._1RJrz66fL9NoDyUDDpSO1P table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._1RJrz66fL9NoDyUDDpSO1P table thead tr, ._1RJrz66fL9NoDyUDDpSO1P table thead th, ._1RJrz66fL9NoDyUDDpSO1P table thead td, ._1RJrz66fL9NoDyUDDpSO1P table tbody tr, ._1RJrz66fL9NoDyUDDpSO1P table tbody th, ._1RJrz66fL9NoDyUDDpSO1P table tbody td, ._1RJrz66fL9NoDyUDDpSO1P table tfoot tr, ._1RJrz66fL9NoDyUDDpSO1P table tfoot th, ._1RJrz66fL9NoDyUDDpSO1P table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._1RJrz66fL9NoDyUDDpSO1P table thead th, ._1RJrz66fL9NoDyUDDpSO1P table tbody th, ._1RJrz66fL9NoDyUDDpSO1P table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._357SE1tlaWotcGoDc3znqq { margin-bottom: 5px; cursor: pointer; }
._357SE1tlaWotcGoDc3znqq > img { width: 100%; }
._2GJqBqLshIYKSxfYIh9DDD { display: inline-block; vertical-align: top; width: 100%; }
._18iBuGPATrgJe26ermGCW_ { width: 80%; margin: 20% auto; color: rgb(51, 51, 51); line-height: 50px; background-color: rgba(88, 88, 88, 0.5); }
._18iBuGPATrgJe26ermGCW_ i { margin-right: 5px; }
.FF8Zxq3KPcJN8yd95AGV7 { color: rgb(0, 0, 0); text-align: justify; overflow-x: auto; }
.FF8Zxq3KPcJN8yd95AGV7 dd { margin-left: 0px; }
.FF8Zxq3KPcJN8yd95AGV7 table { width: 100%; }
.FF8Zxq3KPcJN8yd95AGV7 table tr, .FF8Zxq3KPcJN8yd95AGV7 table th, .FF8Zxq3KPcJN8yd95AGV7 table td { line-height: 2em; text-align: center; }
.FF8Zxq3KPcJN8yd95AGV7 ol, .FF8Zxq3KPcJN8yd95AGV7 ul { display: inline-block; padding-left: 20px; }
._2Q5_8e9t7nS0te23FQXjLw .modal-dialog { margin-top: 3vh; width: 1200px; padding: 20px; background-color: rgb(255, 255, 255); }
._2Q5_8e9t7nS0te23FQXjLw .modal-content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
.qxD4Vw3-3KCG15SqmcU_G { display: none; position: absolute; top: -5px; right: -5px; font-size: 22px; }
._3LyoX7fdKlPIEVGjtIbggc { width: 80%; margin: 20% auto; color: rgb(51, 51, 51); line-height: 50px; background-color: rgba(88, 88, 88, 0.5); }
._3LyoX7fdKlPIEVGjtIbggc i { margin-right: 5px; }
._16Ciocdh1AVw1gX0hfAbnC { color: rgb(0, 0, 0); text-align: justify; overflow-x: auto; }
._16Ciocdh1AVw1gX0hfAbnC dd { margin-left: 0px; }
._16Ciocdh1AVw1gX0hfAbnC table { width: 100%; }
._16Ciocdh1AVw1gX0hfAbnC table tr, ._16Ciocdh1AVw1gX0hfAbnC table th, ._16Ciocdh1AVw1gX0hfAbnC table td { line-height: 2em; text-align: center; }
._16Ciocdh1AVw1gX0hfAbnC ol, ._16Ciocdh1AVw1gX0hfAbnC ul { display: inline-block; padding-left: 20px; }
.EnHwIt5O6_r_kDL6tfNTo { background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/665aa199d061bad72298783f584fa1b5.png"); }
.rBIXV9fmKr4B5oE8bK6Ze { display: flex; justify-content: flex-start; flex-wrap: wrap; column-gap: 10px; margin: 5px 0px 27px; }
.rBIXV9fmKr4B5oE8bK6Ze li { display: inline-block; min-width: 141px; height: 36px; padding: 0px 10px; margin-bottom: 10px; color: rgb(255, 255, 255); font-size: 17px; line-height: 40px; text-align: center; border-radius: 15px; background-image: radial-gradient(circle at 50% 0%, rgb(63, 63, 63), rgb(0, 0, 0) 49%); cursor: pointer; }
.rBIXV9fmKr4B5oE8bK6Ze li.selected, .rBIXV9fmKr4B5oE8bK6Ze li:hover { background-image: radial-gradient(circle at 50% 15%, rgb(255, 136, 0), rgb(255, 12, 0) 31%); }
._1UEhiSbeYEgYWSJeUHqKc7 { min-height: 30vh; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 19px; }
._1UEhiSbeYEgYWSJeUHqKc7 > div { width: 592px; overflow: hidden; }
._1UEhiSbeYEgYWSJeUHqKc7 > div img { width: 100%; }
.YTKsr6ZTleYiW3jW4-Jej { height: 100vh; padding-top: 16%; color: rgb(255, 255, 255); font-family: Arial, "Microsoft YaHei"; background: center top / cover no-repeat; }
.qfPvT67KMY0K9AvfHfZfs { position: relative; width: 1200px; margin: 0px auto; height: 100%; }
.qfPvT67KMY0K9AvfHfZfs ul, .qfPvT67KMY0K9AvfHfZfs ol { display: inline-block; padding: 0px; margin: 0px; list-style: none; }
.qfPvT67KMY0K9AvfHfZfs .slick-arrow { width: 97px; height: 97px; top: 38%; background: left top no-repeat; }
.qfPvT67KMY0K9AvfHfZfs .slick-arrow::before { display: none; }
.qfPvT67KMY0K9AvfHfZfs .slick-arrow:hover { background-position-y: bottom; }
.qfPvT67KMY0K9AvfHfZfs .slick-arrow.slick-disabled { visibility: hidden; }
.qfPvT67KMY0K9AvfHfZfs .slick-arrow.slick-prev { left: -100px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f0dd03f0f7dcf6e70fda9b3ab4052c3b.png"); }
.qfPvT67KMY0K9AvfHfZfs .slick-arrow.slick-next { right: -100px; background-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/3de5828b2680d43b9239b1494534d541.png"); }
._1YrzodsR1_LZFJiC4cE1f4 { display: block; height: 63%; font-size: 0px; white-space: nowrap; }
._1YrzodsR1_LZFJiC4cE1f4 li { display: inline-block; margin: 0px 2px; width: 33%; vertical-align: top; text-align: center; }
._1YrzodsR1_LZFJiC4cE1f4 li img { display: inline-block; max-width: 100%; max-height: 100%; }
.AMg0kJQQtm2NMZ6693zbV { margin: 7px 0px 50px; text-align: center; letter-spacing: 3px; font-size: 30px; text-shadow: rgb(0, 0, 0) 4px 0px 0px, rgb(0, 0, 0) 3.87565px 0.989616px 0px, rgb(0, 0, 0) 3.51033px 1.9177px 0px, rgb(0, 0, 0) 2.92676px 2.72656px 0px, rgb(0, 0, 0) 2.16121px 3.36588px 0px, rgb(0, 0, 0) 1.26129px 3.79594px 0px, rgb(0, 0, 0) 0.282949px 3.98998px 0px, rgb(0, 0, 0) -0.712984px 3.93594px 0px, rgb(0, 0, 0) -1.66459px 3.63719px 0px, rgb(0, 0, 0) -2.51269px 3.11229px 0px, rgb(0, 0, 0) -3.20457px 2.39389px 0px, rgb(0, 0, 0) -3.69721px 1.52664px 0px, rgb(0, 0, 0) -3.95997px 0.56448px 0px, rgb(0, 0, 0) -3.97652px -0.432781px 0px, rgb(0, 0, 0) -3.74583px -1.40313px 0px, rgb(0, 0, 0) -3.28224px -2.28625px 0px, rgb(0, 0, 0) -2.61457px -3.02721px 0px, rgb(0, 0, 0) -1.78435px -3.57996px 0px, rgb(0, 0, 0) -0.843183px -3.91012px 0px, rgb(0, 0, 0) 0.150409px -3.99717px 0px, rgb(0, 0, 0) 1.13465px -3.8357px 0px, rgb(0, 0, 0) 2.04834px -3.43574px 0px, rgb(0, 0, 0) 2.83468px -2.82216px 0px, rgb(0, 0, 0) 3.44477px -2.03312px 0px, rgb(0, 0, 0) 3.84068px -1.11766px 0px, rgb(0, 0, 0) 3.9978px -0.132717px 0px; }
.JRIjsxLb__OntY2zbVnQw { float: right; min-width: 164px; height: 61px; padding: 0px; color: rgb(197, 197, 197); font-size: 20px; font-weight: bold; line-height: 59px; text-align: center; text-decoration: none; background: rgb(60, 59, 59); border: 1px solid rgb(255, 255, 255); opacity: 0.7; border-radius: 10px; }
.JRIjsxLb__OntY2zbVnQw:hover { color: rgb(255, 246, 13); text-decoration: none; background: rgb(60, 59, 59); border: 1px solid rgb(255, 255, 255); }
@media (max-width: 1283px) {
.qfPvT67KMY0K9AvfHfZfs { width: 75%; }
.AMg0kJQQtm2NMZ6693zbV { font-size: 24px; margin-bottom: 30px; }
}
@media (max-height: 720px) {
.YTKsr6ZTleYiW3jW4-Jej { padding-top: 14%; }
}
@media (min-height: 890px) {
.YTKsr6ZTleYiW3jW4-Jej { padding-top: 19%; }
}
@media (min-height: 930px) {
.YTKsr6ZTleYiW3jW4-Jej { padding-top: 13%; }
}
.RTZW2yuoquNB9325NBM64 { width: 16px; height: 16px; margin-right: 4px; line-height: 1; vertical-align: text-bottom; mask-size: contain; mask-position: center center; mask-repeat: no-repeat; background: rgb(0, 0, 0); display: none !important; }
.RTZW2yuoquNB9325NBM64::before { font-family: "Font Awesome 5 Pro"; font-weight: 900; font-style: initial; font-size: 16px; color: rgb(0, 0, 0); }
.RTZW2yuoquNB9325NBM64._2yYz_jNt-McNDAnoaNaIm { background: rgba(0, 0, 0, 0); }
.RTZW2yuoquNB9325NBM64._2yYz_jNt-McNDAnoaNaIm::before { content: ""; }
.RTZW2yuoquNB9325NBM64._2UiMXOFnWdZw3Smbu-3B1s { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64.cYKQ6PMli6tgNqBPXifEE { background: rgba(0, 0, 0, 0); }
.RTZW2yuoquNB9325NBM64.cYKQ6PMli6tgNqBPXifEE::before { content: ""; }
.RTZW2yuoquNB9325NBM64._3_CY-cI3LmxyXzViEulfBi { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._2LN4xkDJsXlAW9PKMatSAD { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._1d4AoeHEaIWHY0n4MUXmjZ { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._3_WhcyVKAGwJ4JrptbTLau { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64.VPkBv08BHuJse1SX1OFV2 { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._2DhzjGWm762qRyOJaYdBuA { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64.HQta9_LFIxVAoJGZoj9JM { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._2jm5q1Nw11Y5IK495uecmX { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._3YqYdmsqs-DAtfvijH5mk1 { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64.H8ool-85OPCH7WA2Ip4sY { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._1Ts08zt_2aCUjsCIcYMMHQ { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._1iJUIlQ03H-7RtOALF3nKH { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64.xjaTR_3aV1wE0E807Sog9 { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.RTZW2yuoquNB9325NBM64._25sCMnQ3VvuImMOT7FBd50 { mask-image: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/74dbb313aa436f5efad272c122bb51b9.svg"); }
.lSU-UeevMWDFTc7xVRq_g.dropdown { max-width: 370px; }
._8m6auokkF8RX5SLN0PCWp { text-align: left; }
._8m6auokkF8RX5SLN0PCWp i { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
._8m6auokkF8RX5SLN0PCWp span { display: block; width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
._2xSZe23YyOtdTQecAHQLS4 { position: absolute; display: block; width: 100%; padding: 0px; overflow: hidden; z-index: 1; background-color: rgb(255, 255, 255); }
.nilz9iNaHW4FKVvxq6NXi { max-height: 200px; overflow-y: auto; }
.nilz9iNaHW4FKVvxq6NXi li { padding: 0px 10px; line-height: 25px; }
.nilz9iNaHW4FKVvxq6NXi li a { display: inline-block; vertical-align: middle; width: 80%; line-height: 40px; color: rgb(51, 51, 51); text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.nilz9iNaHW4FKVvxq6NXi li a:hover { color: rgb(38, 38, 38); }
.nilz9iNaHW4FKVvxq6NXi li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
._7FvHzhI56Mrn7eX4-u7zy { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; }
._7FvHzhI56Mrn7eX4-u7zy img { max-width: 100%; }
._3ngw_kp71uEglv9Bm5QNg1 { display: flex; align-items: center; justify-content: center; height: 40px; background-color: rgba(0, 0, 0, 0.2); }
._3ngw_kp71uEglv9Bm5QNg1 i { position: absolute; right: 20px; color: rgba(0, 0, 0, 0.3); }
._3ngw_kp71uEglv9Bm5QNg1 input { width: 95%; height: 30px; padding: 0px 1rem; color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; }
._1aavmfVDYZd-NT8YjzQV8j { position: absolute; z-index: 1; top: 50%; left: 15px; display: flex; align-items: center; justify-content: center; width: 7rem; height: 34px; color: inherit; transform: translateY(-50%); }
._1aavmfVDYZd-NT8YjzQV8j::after { content: ""; position: absolute; top: 24%; right: 0px; width: 1px; height: 52%; background: rgb(204, 204, 204); }
._1aavmfVDYZd-NT8YjzQV8j ._3V4Qte65QlYt_EWcef78IE { position: absolute; display: block; width: 100%; padding: 0px; overflow: hidden; z-index: 1; background-color: rgb(255, 255, 255); }
._1aavmfVDYZd-NT8YjzQV8j ._2mDxpDyUdSi1TVOVjvei2q { width: 100%; }
._1aavmfVDYZd-NT8YjzQV8j ._2mDxpDyUdSi1TVOVjvei2q button { padding: 0px; border-right: 0px; }
._1aavmfVDYZd-NT8YjzQV8j ._2mDxpDyUdSi1TVOVjvei2q button i { font-size: 8px; }
._1aavmfVDYZd-NT8YjzQV8j .nilz9iNaHW4FKVvxq6NXi li { color: rgb(38, 38, 38); padding: 0px 6px; line-height: 25px; }
._1aavmfVDYZd-NT8YjzQV8j .nilz9iNaHW4FKVvxq6NXi li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
._1MmAFSpHoizr5fgZ-XTySa { padding-left: 7.2rem !important; }
.lSU-UeevMWDFTc7xVRq_g .bootstrap-datetimepicker-widget { color: rgb(0, 0, 0); }
.lSU-UeevMWDFTc7xVRq_g .col-sm-offset-2 { margin-left: 0px; }
.lSU-UeevMWDFTc7xVRq_g .col-sm-2, .lSU-UeevMWDFTc7xVRq_g .col-sm-4, .lSU-UeevMWDFTc7xVRq_g .col-sm-6, .lSU-UeevMWDFTc7xVRq_g .col-sm-10 { display: block; float: none; width: 100%; text-align: left; padding: 0px; }
.lSU-UeevMWDFTc7xVRq_g .control-label { margin: 0px 0px 6.7px 20px; }
.lSU-UeevMWDFTc7xVRq_g .col-sm-4 { display: none; }
.lSU-UeevMWDFTc7xVRq_g .form-group { display: inline-block; width: 100%; margin: 0px; vertical-align: top; }
.lSU-UeevMWDFTc7xVRq_g label { color: rgb(255, 59, 1); font-size: 16.7px; font-weight: bold; }
.lSU-UeevMWDFTc7xVRq_g label i { color: rgb(255, 59, 1); }
.lSU-UeevMWDFTc7xVRq_g select, .lSU-UeevMWDFTc7xVRq_g input[type="password"], .lSU-UeevMWDFTc7xVRq_g input[type="text"] { height: 42px; margin-bottom: 11.5px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; background-color: rgb(79, 79, 79); border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px 0px inset; border: 0px; padding: 0px 20px; }
.lSU-UeevMWDFTc7xVRq_g legend { display: none; }
.lSU-UeevMWDFTc7xVRq_g ::placeholder { color: rgb(255, 255, 255); }
.lSU-UeevMWDFTc7xVRq_g select { text-transform: capitalize; }
.lSU-UeevMWDFTc7xVRq_g ._63olPU7tTNYI4unC6WTkE { position: absolute; top: 0px; bottom: 0px; right: 15px; color: rgb(0, 0, 0); }
.lSU-UeevMWDFTc7xVRq_g ._3GpIvXF8rBALh_aPqyNQxs { border-color: red; }
.lSU-UeevMWDFTc7xVRq_g button._3GpIvXF8rBALh_aPqyNQxs { color: red; }
.lSU-UeevMWDFTc7xVRq_g ._3zQSEhlXNXH1kApO8WY5Re { border-color: green; }
.lSU-UeevMWDFTc7xVRq_g button._3zQSEhlXNXH1kApO8WY5Re { color: green; }
._2R3q5yrRUVZFToMQlonV0z { color: rgb(255, 255, 255); font-size: 13px; margin-top: 7px; letter-spacing: 0.07px; }
._2I6mEtRUwWc_AW-goRiugh { position: absolute; right: 5rem; top: 0px; line-height: 34px; }
.control-div { font-family: Roboto; font-size: 18.5px; font-weight: 500; color: rgb(255, 131, 1); white-space: nowrap; }
._3aYJF-rztJ5g2A_9DDe7Mz { padding: 0px; color: rgb(255, 13, 0); font-family: Roboto; font-size: 18.5px; font-weight: 500; }
._3aYJF-rztJ5g2A_9DDe7Mz:hover { color: rgb(255, 13, 0); text-decoration: none; }
._1SkHEsu5miBpcpNXUNtIoM, ._1JalLbhw423HZIIKHTSgVd, .C2eOddeuy8qzvJErwDYO8, ._1_3i3gsAjZ9ooUFHVcl1Gx { padding: 0px 5px; margin-top: 20px; text-transform: uppercase; border-radius: 16px; }
._1SkHEsu5miBpcpNXUNtIoM .RTZW2yuoquNB9325NBM64, ._1JalLbhw423HZIIKHTSgVd .RTZW2yuoquNB9325NBM64, .C2eOddeuy8qzvJErwDYO8 .RTZW2yuoquNB9325NBM64, ._1_3i3gsAjZ9ooUFHVcl1Gx .RTZW2yuoquNB9325NBM64 { width: 38px; height: 38px; background: center top no-repeat; vertical-align: middle; display: inline-block !important; }
._1SkHEsu5miBpcpNXUNtIoM { position: relative; width: 100%; height: 51px; margin-top: 10.6px; font-family: HelveticaNeue; font-size: 20px; font-weight: bold; text-align: center; color: rgb(255, 255, 255); border-radius: 17.8px; background: linear-gradient(rgb(255, 85, 0), rgb(255, 14, 0)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1SkHEsu5miBpcpNXUNtIoM:hover { color: rgb(255, 255, 255); }
._1SkHEsu5miBpcpNXUNtIoM::after { content: ""; position: absolute; top: -8.7px; right: 29px; width: 73px; height: 56px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b7c059508231e4a0cbdc936a1d9b5946.gif") center center / contain no-repeat; }
._1JalLbhw423HZIIKHTSgVd { margin-top: 19px; margin-bottom: 0px; color: rgb(255, 255, 255); font-size: 16px; text-align: center; font-weight: 500; text-transform: none; }
._1JalLbhw423HZIIKHTSgVd span { color: rgb(255, 14, 0); text-transform: uppercase; }
.C2eOddeuy8qzvJErwDYO8, ._1_3i3gsAjZ9ooUFHVcl1Gx { width: 182px; height: 50px; margin-top: 19px; background: rgba(0, 0, 0, 0); border: 1px solid rgb(61, 61, 61); font-family: Roboto; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; text-align: center; color: rgb(240, 240, 240); }
.C2eOddeuy8qzvJErwDYO8 .RTZW2yuoquNB9325NBM64, ._1_3i3gsAjZ9ooUFHVcl1Gx .RTZW2yuoquNB9325NBM64 { background-color: rgb(179, 179, 179); }
.C2eOddeuy8qzvJErwDYO8 .RTZW2yuoquNB9325NBM64 { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/dac8f8e457f28c3cf114647ca2da2d4b.svg") center center no-repeat; }
._1_3i3gsAjZ9ooUFHVcl1Gx .RTZW2yuoquNB9325NBM64 { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/f92f9a9791c5e08356ccdcac34e522df.svg") center center no-repeat; }
._1DLFRUu7tAGPfNKfuQUg-H { display: flex !important; justify-content: space-between; }
._2TvvGyx6z9P5oLfsQURaiE { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._2TvvGyx6z9P5oLfsQURaiE h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._2TvvGyx6z9P5oLfsQURaiE h3 { font-size: 16px; font-weight: bold; }
._2TvvGyx6z9P5oLfsQURaiE h4 { font-size: 16px; }
._2TvvGyx6z9P5oLfsQURaiE > ul { list-style: none; }
._2TvvGyx6z9P5oLfsQURaiE ol { padding-left: 20px; list-style-type: decimal; }
._2TvvGyx6z9P5oLfsQURaiE p, ._2TvvGyx6z9P5oLfsQURaiE li { font-size: 16px; text-align: justify; line-height: 2em; }
._2TvvGyx6z9P5oLfsQURaiE p { margin: 1em 0px; }
._2TvvGyx6z9P5oLfsQURaiE .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._2TvvGyx6z9P5oLfsQURaiE table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._2TvvGyx6z9P5oLfsQURaiE table thead tr, ._2TvvGyx6z9P5oLfsQURaiE table thead th, ._2TvvGyx6z9P5oLfsQURaiE table thead td, ._2TvvGyx6z9P5oLfsQURaiE table tbody tr, ._2TvvGyx6z9P5oLfsQURaiE table tbody th, ._2TvvGyx6z9P5oLfsQURaiE table tbody td, ._2TvvGyx6z9P5oLfsQURaiE table tfoot tr, ._2TvvGyx6z9P5oLfsQURaiE table tfoot th, ._2TvvGyx6z9P5oLfsQURaiE table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._2TvvGyx6z9P5oLfsQURaiE table thead th, ._2TvvGyx6z9P5oLfsQURaiE table tbody th, ._2TvvGyx6z9P5oLfsQURaiE table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._1v_g9pbVFecDdUM3Df4Cdk { display: block; list-style: none; margin: 0px auto; padding: 0px 0px 0px 30px; }
._1v_g9pbVFecDdUM3Df4Cdk li { display: inline-block; width: 26%; vertical-align: top; margin: 10px 3%; background: rgba(204, 204, 204, 0.6); border-radius: 5px; cursor: pointer; }
._1v_g9pbVFecDdUM3Df4Cdk li:hover { background: rgba(204, 204, 204, 0.9); }
._1v_g9pbVFecDdUM3Df4Cdk li button { width: 100%; min-height: 150px; padding: 25px 0px 15px; color: rgb(68, 68, 68); font-size: 16px; text-align: center; text-decoration: none; letter-spacing: 2px; }
._1v_g9pbVFecDdUM3Df4Cdk li button:hover, ._1v_g9pbVFecDdUM3Df4Cdk li button:focus { color: rgb(68, 68, 68); text-decoration: none; }
._1v_g9pbVFecDdUM3Df4Cdk li i { display: block; font-size: 50px; margin-bottom: 10px; }
._1v_g9pbVFecDdUM3Df4Cdk li i._31UOJAxnYIwFDErLcA5koI { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/69577e9b973eb06dbe7cd24814aeff57.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
._1v_g9pbVFecDdUM3Df4Cdk li i.Jct2FAymcTxuvKpvFzUuU { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/26f9c3f3a5bad751184b666674e29e7d.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
._37bNXha2rDTZyRUYuNmPiU > tbody > tr > td { vertical-align: middle; }
._37bNXha2rDTZyRUYuNmPiU tr.not-read { font-weight: bold; }
._37bNXha2rDTZyRUYuNmPiU tr.not-read button { font-weight: bold; }
._37bNXha2rDTZyRUYuNmPiU tr ._1rvFgHktHv2owoshNSioRv { width: 24em; }
._37bNXha2rDTZyRUYuNmPiU tfoot { background-color: rgb(238, 238, 238); }
._13w26HgpJDSil32L7irVB- { color: rgb(255, 202, 0); }
.panel .dVhF2-SOshvlfEe50JMm2 { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel .dVhF2-SOshvlfEe50JMm2 i { position: relative; z-index: 1; cursor: pointer; }
.panel .dVhF2-SOshvlfEe50JMm2 span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
._1FbLrrA_l_MWoC6jxZ9uHU { color: rgb(255, 202, 0); }
._1L9_3cSRzK_r6UqgJLHsnF { min-height: 100%; text-align: center; background: linear-gradient(45deg, rgb(10, 58, 103) 0%, rgb(9, 140, 178) 100%); }
._1L9_3cSRzK_r6UqgJLHsnF img { width: 80%; height: auto; max-width: 712px; margin: 30px auto; vertical-align: middle; }
.P-sMeg-6DGg3D-ovSebax { height: 100vh; line-height: 1.42857; background: rgb(51, 51, 51); }
._4Ac8PbKVba02PkFZ_cLHI { position: relative; width: 1000px; margin: 0px auto; }
._3F0DZOnBz8UnB8COmTPveX { display: flex; height: 107px; background: rgb(32, 32, 32); align-items: center; }
._3F0DZOnBz8UnB8COmTPveX img { max-height: 100px; }
._3F0DZOnBz8UnB8COmTPveX span { margin-left: 20px; color: rgb(255, 255, 255); font-size: 30px; font-weight: bold; }
._1e4ZHAYEsuG15pWGnTaQV5 { padding: 16px 0px; }
._1e4ZHAYEsuG15pWGnTaQV5 ul { padding: 28px 0px; font-size: 0px; background: rgb(75, 75, 75); border-radius: 10px; }
._2Skj_gZX2jXymWTr4O0434 { vertical-align: top; width: 273px; margin: 0px 30px 45px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; cursor: pointer; }
._2Skj_gZX2jXymWTr4O0434 h4 { margin: 0px 0px 6px; color: rgb(252, 223, 0); font-size: 17px; word-break: break-all; }
._2Skj_gZX2jXymWTr4O0434 p { margin: 0px 0px 7px; font-size: 15px; }
._2Skj_gZX2jXymWTr4O0434 ._2tRPKhmpU2b38QUVfumDUf { position: relative; height: 190px; margin-top: 21px; border-radius: 5px; overflow: hidden; }
._2Skj_gZX2jXymWTr4O0434 ._2tRPKhmpU2b38QUVfumDUf img { vertical-align: top; width: 100%; height: 190px; }
._2Skj_gZX2jXymWTr4O0434 ._19wJGu5jVJYg9amEIZpY6l { position: absolute; inset: 0px; text-align: center; background: rgba(0, 0, 0, 0.8); }
._2Skj_gZX2jXymWTr4O0434 ._19wJGu5jVJYg9amEIZpY6l::before { content: ""; display: inline-block; width: 0px; height: 100%; vertical-align: middle; }
._2Skj_gZX2jXymWTr4O0434 ._19wJGu5jVJYg9amEIZpY6l span { display: inline-block; vertical-align: middle; width: 198px; height: 54px; color: rgb(255, 255, 255); font-size: 17px; font-weight: bold; letter-spacing: 7px; line-height: 54px; border: 1px solid rgb(255, 255, 255); border-radius: 5px; }
._3gmCrwaa9gtw2bpIhVLrSa { min-height: 100vh; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/65e85312ba1a0eea3fd9b484d29d121d.png") center top no-repeat rgb(233, 233, 233); }
._2e659wqwVjB7iCjjwg-sYH { position: relative; width: 920px; padding-top: 65px; margin: 0px auto; }
._2e659wqwVjB7iCjjwg-sYH::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 600px; height: 512px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/925c2e9092c99b833b85b227b5cf91a7.png") center top / contain no-repeat; }
._2e659wqwVjB7iCjjwg-sYH .alert { position: relative; z-index: 1; }
._2e659wqwVjB7iCjjwg-sYH ._3utz2qrq9k8M1Tat9ZDHXl { position: relative; z-index: 1; color: rgb(137, 90, 60); text-align: center; font-size: 60px; font-weight: bold; font-style: italic; font-family: TimesNewRomanPS-MT; }
._2e659wqwVjB7iCjjwg-sYH ._2UZi07HieoF4qY77BSZUwE { position: relative; z-index: 1; padding: 30px 0px; margin-top: 250px; border: 2px solid rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; background-image: linear-gradient(rgb(241, 241, 241), rgb(250, 249, 247) 53%, rgb(232, 232, 232)); }
._2e659wqwVjB7iCjjwg-sYH ul { display: flex; flex-wrap: wrap; gap: 8px 38px; padding: 0px 81px; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- { width: 360px; height: 172px; padding: 5px; border-radius: 10px; background-color: rgba(204, 204, 204, 0.3); }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- ._2XzwSY9lgdKH8-zr6GeEEf { height: 162px; border-radius: 10px; border: 1px solid rgb(255, 255, 255); background: linear-gradient(to right, rgb(241, 241, 241), rgb(250, 249, 247) 53%, rgb(232, 232, 232)); }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- h4 { position: relative; width: 330px; padding-bottom: 10px; margin: 10px auto; color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- h4::after { content: ""; position: relative; top: 10px; display: block; width: 330px; height: 2px; margin: 0px auto; background: linear-gradient(to right, rgba(204, 204, 204, 0), rgb(204, 204, 204), rgba(204, 204, 204, 0)); transform: scaleY(0.5); transform-origin: center center; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- ._1xxUhgMrwLiNijgbwUrrYx { display: flex; padding: 0px 15px; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- .mlfhoLUIdmGL3x9YBMSPk { position: relative; margin-right: 6px; border-radius: 8px; border: 1px solid rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); overflow: hidden; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- .mlfhoLUIdmGL3x9YBMSPk img { vertical-align: top; width: 100px; height: 100px; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- ._2-tLenhXnhLaB_gtMOKQEL { display: inline-block; min-width: 70px; height: 26px; padding: 0px 5px; line-height: 26px; margin-bottom: 5px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; text-align: center; border-radius: 0px 5px 5px 15px; background-image: linear-gradient(106deg, rgb(84, 64, 50) -4%, rgb(133, 111, 95) 98%); }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- .FB_JrKOxOY20uvrmsQrPq { font-size: 10px; font-weight: bold; letter-spacing: 0.5px; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- ._3keLRWqtLddu5L3pa-yLgf { position: absolute; top: calc(50% - 15px); left: 0px; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.8); }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- ._3keLRWqtLddu5L3pa-yLgf span { display: inline-block; vertical-align: middle; width: 85px; height: 30px; line-height: 30px; color: rgb(255, 255, 255); font-size: 8px; font-weight: bold; letter-spacing: 5px; border: 1px solid rgb(255, 255, 255); border-radius: 5px; }
._2e659wqwVjB7iCjjwg-sYH .ri6M3CJwP_BATJZZZ7Hm- button { min-width: 80px; height: 30px; color: rgb(137, 90, 60); font-weight: bold; box-shadow: rgb(159, 117, 24) 0px 2px 0px 0px; border: 1px solid rgb(255, 237, 177); border-radius: 50px; background-image: linear-gradient(290deg, rgb(255, 180, 29), rgb(248, 243, 170)); }
._2zti29SAVmVzW1rPxm2ntk { display: block; list-style: none; margin: 0px auto; padding: 0px 0px 0px 30px; }
._2zti29SAVmVzW1rPxm2ntk li { display: inline-block; width: 26%; vertical-align: top; margin: 10px 3%; background: rgba(204, 204, 204, 0.6); border-radius: 5px; cursor: pointer; }
._2zti29SAVmVzW1rPxm2ntk li:hover { background: rgba(204, 204, 204, 0.9); }
._2zti29SAVmVzW1rPxm2ntk li button { width: 100%; min-height: 150px; padding: 25px 0px 15px; color: rgb(68, 68, 68); font-size: 16px; text-align: center; text-decoration: none; letter-spacing: 2px; }
._2zti29SAVmVzW1rPxm2ntk li button:hover, ._2zti29SAVmVzW1rPxm2ntk li button:focus { color: rgb(68, 68, 68); text-decoration: none; }
._2zti29SAVmVzW1rPxm2ntk li i { display: block; font-size: 50px; margin-bottom: 10px; }
._2zti29SAVmVzW1rPxm2ntk li i._1PMdSTDZfNnpMNoRqZkV5O { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/69577e9b973eb06dbe7cd24814aeff57.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
._2zti29SAVmVzW1rPxm2ntk li i._2fgrmCMFwi0X3xeMCCXrmL { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/26f9c3f3a5bad751184b666674e29e7d.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
.panel ._9MW-vSzsgcK9FRDyDzgUm { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._9MW-vSzsgcK9FRDyDzgUm i { position: relative; z-index: 1; cursor: pointer; }
.panel ._9MW-vSzsgcK9FRDyDzgUm span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
._1BpspKn834LLE7iY4KEn-v { right: auto !important; }
.UaZsoRYx86pVfr_jmDCBu { display: inline-block; }
._1tGoU1uNwPbJWNOXEOBnts > thead { border-bottom: 2px solid rgb(221, 221, 221); }
._1tGoU1uNwPbJWNOXEOBnts > thead:has(._3SN0W-qNTf6AZU5hl8pYFe) tr:first-child th { padding-bottom: 2px; }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th { vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th._3SN0W-qNTf6AZU5hl8pYFe { padding-top: 0px; padding-bottom: 10px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; text-align: left; }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th._3SN0W-qNTf6AZU5hl8pYFe > span:first-child { visibility: hidden; }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th._3SN0W-qNTf6AZU5hl8pYFe > div { display: inline-block; }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th._3SN0W-qNTf6AZU5hl8pYFe > div > input { display: inline-block; width: 100px; }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th._3SN0W-qNTf6AZU5hl8pYFe ._2ITO1EADHC-KegcLzdoXdE { padding: 2px 6px; font-size: 17px; vertical-align: baseline; color: rgb(255, 255, 255); background: rgb(38, 38, 38); border-color: rgb(38, 38, 38); }
._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th > span, ._1tGoU1uNwPbJWNOXEOBnts > thead > tr > th > div { vertical-align: middle; }
._1tGoU1uNwPbJWNOXEOBnts > tbody > tr > td { vertical-align: middle; }
.panel ._35qTLEXk04qFlr_LzIyqx9 { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._35qTLEXk04qFlr_LzIyqx9 i { position: relative; z-index: 1; cursor: pointer; }
.panel ._35qTLEXk04qFlr_LzIyqx9 span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
._3MNlHvIHqn8f58JtlP3XG9 { margin: 4px 0px 77px; }
._1JQC0d5h6GV6voYtxr-NxH { margin-bottom: 18px; padding-bottom: 30px; border-bottom: 1px solid rgb(229, 229, 229); }
._1JQC0d5h6GV6voYtxr-NxH:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; margin-bottom: 0px; }
._2Ct4OZIfe-XnMIK-gvKt_T { display: inline-block; background-color: rgb(49, 112, 143); color: rgb(255, 255, 255); padding: 5px 15px; border-radius: 5px; font-size: 14px; margin-bottom: 10px; }
._2h-3BrJWxMdFv4ttDq3e9b { color: rgb(102, 102, 102); font-size: 14px; margin-bottom: 12px; line-height: 1.6; }
._4ctRMV-SNsl2FLY0rWrOz { display: flex; flex-wrap: wrap; gap: 16px 10px; }
._4ctRMV-SNsl2FLY0rWrOz ._1PyRWbDfcEpTTq86rAe-cn { display: flex; align-items: center; padding: 6px 28px 6px 6px; border-radius: 10px; background-color: rgb(236, 236, 236); }
._4ctRMV-SNsl2FLY0rWrOz ._1PyRWbDfcEpTTq86rAe-cn ._3qGwoCe43JduvbJS352azg { width: 40px; height: 40px; border-radius: 8px; }
._4ctRMV-SNsl2FLY0rWrOz ._1PyRWbDfcEpTTq86rAe-cn ._3A7c5LANnD7jN_9VMnBuVv { display: flex; flex-direction: column; margin-left: 4px; font-size: 13px; line-height: 1.38; color: rgb(68, 68, 68); width: 83px; }
._4ctRMV-SNsl2FLY0rWrOz ._1PyRWbDfcEpTTq86rAe-cn > a:not(:last-child) { margin-left: 16px; }
._4ctRMV-SNsl2FLY0rWrOz ._1PyRWbDfcEpTTq86rAe-cn > a:last-child { margin-left: 11px; }
._16dsjvh6UtvQe9fwdyvr9b { display: flex; align-items: flex-start; gap: 15px; }
._16dsjvh6UtvQe9fwdyvr9b .O7OJ9l9p-ic0byrq2zF-x { width: 134px; height: 134px; border: 1px solid rgb(229, 229, 229); padding: 7px; background: rgb(255, 255, 255); }
._16dsjvh6UtvQe9fwdyvr9b .O7OJ9l9p-ic0byrq2zF-x img { width: 120px; height: 120px; }
._16dsjvh6UtvQe9fwdyvr9b ._2X52T-ma6maTgOempWdNXs { width: 134px; height: 134px; border: 1px solid rgb(229, 229, 229); margin: -7px; display: flex; align-items: center; justify-content: center; background: rgb(245, 245, 245); }
._16dsjvh6UtvQe9fwdyvr9b ._2X52T-ma6maTgOempWdNXs i { font-size: 60px; color: rgb(204, 204, 204); }
.LZdxYenR6JI_SA0cUSHbN { display: flex; flex-direction: column; gap: 10px; height: 134px; justify-content: center; }
.LZdxYenR6JI_SA0cUSHbN ._1HG0dRSIGW6Sk8YdNsqpTn { font-size: 14px; color: rgb(68, 68, 68); }
.LZdxYenR6JI_SA0cUSHbN .C-xKFAFv7sTfpTzXv5VaX input { padding: 6px 12px; width: 350px; color: rgb(68, 68, 68); font-family: SourceHanSansTC; font-size: 14px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; background-color: rgb(236, 236, 236); }
.LZdxYenR6JI_SA0cUSHbN ._2-mHLQVf5PxQeom9zRZmSP { display: inline-flex; align-items: center; gap: 5px; color: rgb(16, 135, 255); cursor: pointer; font-size: 14px; }
.LZdxYenR6JI_SA0cUSHbN ._2-mHLQVf5PxQeom9zRZmSP i { width: 13px; height: 13px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/80c88faa946341df7c8371088510d0e5.svg") center center no-repeat; background: rgb(16, 135, 255); }
.LZdxYenR6JI_SA0cUSHbN ._2-mHLQVf5PxQeom9zRZmSP .lqSi-zQGVotQHV1mVYnpo { color: rgb(16, 135, 255); font-size: 14px; margin-left: 8px; animation: 0.5s ease-in-out 0s 1 normal forwards running _2hrkCRb9BvYbqCIPiTenhb; }
@-webkit-keyframes _2hrkCRb9BvYbqCIPiTenhb {
0% { opacity: 0; }
10% { opacity: 1; }
70% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes _2hrkCRb9BvYbqCIPiTenhb {
0% { opacity: 0; }
10% { opacity: 1; }
70% { opacity: 1; }
100% { opacity: 0; }
}
._2OUy2afveIuXRS02n9qiw- { margin-bottom: 12px; }
._2OUy2afveIuXRS02n9qiw- input { width: 355px; height: 34px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); font-size: 12px; color: rgb(68, 68, 68); }
._2OUy2afveIuXRS02n9qiw- .ePIjQpjmUpaEJRrzN_1NV { display: flex; gap: 10px; }
._2OUy2afveIuXRS02n9qiw- .ePIjQpjmUpaEJRrzN_1NV button { min-width: 100px; }
._3gPSCvybp3n_ZQdIgRPd16 { display: flex; align-items: center; gap: 16px; padding-bottom: 158px; }
._2qEhUspRw0F6-rLg55ckoS { font-size: 14px; color: rgb(255, 255, 255); padding: 8px 12px; background-color: rgb(49, 112, 143); border-radius: 4px; cursor: default; }
._1hv6C9zvNpTPdu5tSTVY-8 { text-align: center; }
._1hv6C9zvNpTPdu5tSTVY-8 > img { max-width: 100%; height: auto; }
._7fLC8mBkVb8o19sfe03gd { height: auto; background: none; }
._1WgjBCenc-YvTcoT8Dnt6k { position: relative; padding: 0px; margin: 0px auto; width: 450px; height: 430px; z-index: 1; }
._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies { position: relative; margin-bottom: 70px; height: 430px; }
._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies img { width: 100%; height: 213px; }
._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies ._8ph4Spnm6Eu0T1qe2qlHf { position: absolute; top: 80px; left: 20px; width: 60%; color: rgb(255, 255, 255); font-weight: bold; text-shadow: rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; }
._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies ._8ph4Spnm6Eu0T1qe2qlHf h1 { margin: 0px; font-size: 66px; }
._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies ._8ph4Spnm6Eu0T1qe2qlHf h4 { display: -webkit-box; line-height: 24px; margin: 0px; padding-left: 3px; letter-spacing: 1.25px; font-size: 20px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; }
._1WgjBCenc-YvTcoT8Dnt6k .M6t_8hOFJflQlQILN09f- { display: flex; justify-content: center; position: relative; top: 180px; font-weight: bold; text-align: center; color: red; }
._1WgjBCenc-YvTcoT8Dnt6k .M6t_8hOFJflQlQILN09f- span { width: 120px; line-height: 15px; word-break: break-all; }
._1WgjBCenc-YvTcoT8Dnt6k .M6t_8hOFJflQlQILN09f- > span + span { margin-left: 20px; }
._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow { position: absolute; top: 95px; z-index: 1; width: 22px; height: 34px; cursor: pointer; transform: none; background-position: center top; }
._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow::before { display: none; }
._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow:hover { background-position: center bottom !important; }
._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.slick-prev, ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.GtVJEsKd6_X4aVt7U9KQl { left: -100px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/505a1377d860ec46c2bb2f12986873b1.png"); }
._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.slick-next, ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.iZ7hdVvxoGAVMN1Wf-uV7 { right: -100px; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/82168f9302bf13f3b2f46d6cdca00edd.png"); }
._11o4DhxA-xASkeDqaozARa { display: flex; justify-content: center; margin-top: -140px; margin-bottom: 45px; }
._11o4DhxA-xASkeDqaozARa > div { position: relative; width: 120px; height: 140px; padding: 0px 10px; text-align: center; border-radius: 10px; font-size: 16px; color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px; background-image: linear-gradient(66deg, rgb(253, 255, 209) 17%, rgb(254, 255, 240) 84%, rgb(255, 255, 255) 96%); }
._11o4DhxA-xASkeDqaozARa > div::before { content: ""; position: absolute; top: 4px; left: 4px; width: 112px; height: 132px; border-radius: 8px; border: 1px solid rgb(241, 218, 111); }
._11o4DhxA-xASkeDqaozARa > div img { position: relative; z-index: 1; margin: -40px auto 10px; width: 80px; height: 80px; }
._11o4DhxA-xASkeDqaozARa > div + div { margin-left: 20px; }
._3tKeqmVSN4qfxLodgomtQ_ { position: relative; width: 1200px; margin: 0px auto; padding: 0px 10px; overflow-x: auto; }
._3tKeqmVSN4qfxLodgomtQ_ img { max-width: 100%; height: auto; }
._3tKeqmVSN4qfxLodgomtQ_ dd { margin-left: 0px; }
._3tKeqmVSN4qfxLodgomtQ_ table { width: 100%; }
._3tKeqmVSN4qfxLodgomtQ_ table tr, ._3tKeqmVSN4qfxLodgomtQ_ table th, ._3tKeqmVSN4qfxLodgomtQ_ table td { line-height: 2em; text-align: center; }
._3tKeqmVSN4qfxLodgomtQ_ ol, ._3tKeqmVSN4qfxLodgomtQ_ ul { display: block; padding-left: 20px; }
.panel ._3gr507g7o2NxGb7Hrl_IQ4 { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel ._3gr507g7o2NxGb7Hrl_IQ4 i { position: relative; z-index: 1; cursor: pointer; }
.panel ._3gr507g7o2NxGb7Hrl_IQ4 span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
.xXXTI9U6kx7CycAVpdO5u { right: auto !important; }
._2x4m4MB4zPC93NExidVqsw { display: flex; padding: 0px; background: linear-gradient(89deg, rgb(253, 255, 209) 0%, rgb(254, 255, 240) 85%, rgb(255, 255, 255) 100%); border: 1px solid rgb(241, 218, 111); border-radius: 10px; }
._2x4m4MB4zPC93NExidVqsw li { display: flex; align-items: center; justify-content: center; padding: 14px 21px; color: rgb(85, 85, 85); font-size: 15px; list-style: none; cursor: pointer; }
._2x4m4MB4zPC93NExidVqsw li:first-child { border-radius: 10px 0px 0px 10px; }
._2x4m4MB4zPC93NExidVqsw li.active, ._2x4m4MB4zPC93NExidVqsw li:hover { color: red; background: linear-gradient(rgb(254, 251, 179), rgb(255, 205, 81)); }
._1AO03vQwBhKa7hw68apePj { display: flex; padding: 0px; }
._1AO03vQwBhKa7hw68apePj li { color: rgb(85, 85, 85); padding: 6px 12px; margin: 0px 7px; background: rgba(0, 0, 0, 0.2); border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); list-style: none; cursor: pointer; }
._1AO03vQwBhKa7hw68apePj li.active, ._1AO03vQwBhKa7hw68apePj li:hover { color: rgb(0, 0, 0); background: linear-gradient(rgb(254, 251, 179), rgb(255, 205, 81)); border: 1px solid rgb(255, 205, 81); }
._1D2BzNio2Hm5EFwWEBnwXy { position: relative; display: flex; flex-direction: column; padding: 0px; margin: 0px 0px 12px; background: linear-gradient(84deg, rgb(253, 255, 209) 1%, rgb(254, 255, 240) 84%, rgb(255, 255, 255) 100%); border: 1px solid rgb(255, 205, 81); border-radius: 7px; }
._1D2BzNio2Hm5EFwWEBnwXy::before { content: ""; position: absolute; left: 0px; top: 0px; width: 25%; height: 100%; background: linear-gradient(rgb(255, 233, 128), rgb(241, 218, 111)); border-radius: 7px 0px 0px 7px; }
._1D2BzNio2Hm5EFwWEBnwXy li { position: relative; width: 100%; line-height: 2.6; list-style: none; border-bottom: 1px solid rgb(241, 218, 111); }
._1D2BzNio2Hm5EFwWEBnwXy li:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._1D2BzNio2Hm5EFwWEBnwXy li p { margin: 0px; }
._1D2BzNio2Hm5EFwWEBnwXy li ._1xuiHcUQAPKDvcENuhK7LC { color: rgb(149, 149, 149); }
._1D2BzNio2Hm5EFwWEBnwXy li ._32Du2yT-Fn_9XPrN8WGQQ9 { color: red; }
.panel .-KabM5S4Rba77yG-L4fE6 { color: rgb(255, 255, 255); background: rgb(38, 38, 38); position: relative; height: 51px; font-size: 21px; }
.panel .-KabM5S4Rba77yG-L4fE6 i { position: relative; z-index: 1; cursor: pointer; }
.panel .-KabM5S4Rba77yG-L4fE6 span { position: absolute; top: 0px; left: 0px; right: 0px; padding: 10px; text-align: center; }
._1ueGMS1de4cL0-Ailoa7SO { right: auto !important; }
._3cJk9tRIzVfI0qPFRhxpFc { min-width: 50px; height: 22px; padding: 0px 5px; color: rgb(0, 0, 0); text-align: center; line-height: 20px; background: rgb(203, 204, 195); border-radius: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
._3cJk9tRIzVfI0qPFRhxpFc.receiveable { background: linear-gradient(rgb(254, 251, 179), rgb(255, 205, 81)); border: 1px solid rgb(255, 205, 81); }
._12O3bBZUNx8i02788SNYVn thead { color: rgb(139, 82, 17); border-radius: 5px; background-image: linear-gradient(rgb(255, 233, 128), rgb(241, 218, 111)); }
._12O3bBZUNx8i02788SNYVn tbody { border-radius: 5px; border: 1px solid rgb(241, 218, 111); background-image: linear-gradient(87deg, rgb(253, 255, 209) 0%, rgb(254, 255, 240) 84%, rgb(255, 255, 255) 100%); }
._12O3bBZUNx8i02788SNYVn th, ._12O3bBZUNx8i02788SNYVn td { text-align: center; }
._1IHnBt5NqeQNQVDxEY251A { color: red; }
.pR-rca7Y_Q5lLuRNi-TVG { padding: 20px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; background: rgb(38, 38, 38); border-radius: 10px; }
.pR-rca7Y_Q5lLuRNi-TVG ._3DC7cCjwpbapFv-Iysv7zj { position: relative; width: 450px; min-height: 213px; margin: 0px auto 25px; }
.pR-rca7Y_Q5lLuRNi-TVG ._3DC7cCjwpbapFv-Iysv7zj .oUd9WHAffg72PpVodp7Vr { position: absolute; top: 60px; left: 20px; width: 60%; text-shadow: rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px; }
.pR-rca7Y_Q5lLuRNi-TVG ._3DC7cCjwpbapFv-Iysv7zj .oUd9WHAffg72PpVodp7Vr .Z0f2G-DSExs_irIhnfOe_ { display: -webkit-box; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; padding-left: 3px; letter-spacing: 1.25px; word-break: break-all; }
.pR-rca7Y_Q5lLuRNi-TVG ul { width: 450px; padding: 0px; margin: 0px auto; list-style: none; }
.pR-rca7Y_Q5lLuRNi-TVG ul li { position: relative; width: 100%; height: 75px; line-height: 75px; margin-bottom: 24px; color: rgb(139, 82, 17); font-size: 26px; cursor: pointer; background: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/c7ebe198bea3b6ce8bf60be7c5863b09.png") center center / cover no-repeat; }
.pR-rca7Y_Q5lLuRNi-TVG ul li img { width: 90px; height: 60px; margin: 0px 30px 0px 20px; }
.pR-rca7Y_Q5lLuRNi-TVG ul li i { position: absolute; right: 20px; top: calc(50% - 13px); }
.pR-rca7Y_Q5lLuRNi-TVG ._3Zry8GiRwg-cVyZzu87aVH { position: absolute; top: -5px; right: 0px; max-width: 70px; padding: 0px 4px; color: rgb(255, 255, 255); font-size: 12px; line-height: 13px; letter-spacing: 0px; background: red; border: 2px solid red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 8px; }
._3NlxIj2mspz67Uh0B6yOTs { width: 450px; margin: 0px auto 25px; padding: 3px; color: rgb(0, 0, 0); font-size: 12px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px; background-image: linear-gradient(80deg, rgb(253, 255, 209) 3%, rgb(254, 255, 240) 84%, rgb(255, 255, 255) 99%); }
._3NlxIj2mspz67Uh0B6yOTs ._2_kdvRde6YzUQvkQI91RF9 { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 44px; padding: 0px 13px 0px 11px; border-radius: 8px 8px 0px 0px; background-image: linear-gradient(rgb(255, 233, 128), rgb(241, 218, 111)); }
._3NlxIj2mspz67Uh0B6yOTs ._2_kdvRde6YzUQvkQI91RF9 span { color: rgb(139, 82, 17); font-size: 20px; font-weight: bold; }
._3NlxIj2mspz67Uh0B6yOTs ._2_kdvRde6YzUQvkQI91RF9 button { min-width: 80px; max-width: 120px; line-height: 24px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 12px; border: 1px solid rgb(183, 133, 16); background-image: linear-gradient(rgb(254, 251, 179), rgb(255, 205, 81)); }
._3NlxIj2mspz67Uh0B6yOTs ._7qsdPo1htPgWsqzFDY-ej { font-size: 14px; font-weight: bold; }
._3NlxIj2mspz67Uh0B6yOTs .progress { position: relative; width: 420px; height: 8px; margin-bottom: 0px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); }
._3NlxIj2mspz67Uh0B6yOTs .progress-bar { border-radius: 4px; }
._3NlxIj2mspz67Uh0B6yOTs ._69cc9jdP7xL5OYFmHc0rk { position: relative; width: 420px; }
._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP, ._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ { padding: 5px 13px 0px 11px; border: 1px solid rgb(241, 218, 111); }
._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP { height: 80px; }
._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP ._2C_ekPPMgBRdLGeKx82XOn { color: rgb(255, 87, 87); }
._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP .progress-bar { background-color: rgb(255, 87, 87); }
._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP.noDeposit { border-radius: 0px 0px 8px 8px; }
._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ { height: 70px; border-radius: 0px 0px 8px 8px; }
._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ ._2C_ekPPMgBRdLGeKx82XOn { color: rgb(255, 145, 61); }
._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ .progress-bar { background-color: rgb(255, 145, 61); }
._3NlxIj2mspz67Uh0B6yOTs ._2htSDFA8dEMtmKYDNruaPL { display: flex; align-items: center; justify-content: space-between; }
._3NlxIj2mspz67Uh0B6yOTs ._1yeTSXIGfqgHZO_Edqfl7v { position: absolute; top: 0px; width: 3px; height: 100%; background-color: red; }
._3NlxIj2mspz67Uh0B6yOTs ._2jCn6pXleiLGZ52B_a2Q7H { position: absolute; top: 0px; width: 3px; height: 100%; background-color: red; text-align: center; }
._3NlxIj2mspz67Uh0B6yOTs ._2jCn6pXleiLGZ52B_a2Q7H:hover ._2iRNoMop3XLb1oKqjVpzXR { visibility: visible; }
._3NlxIj2mspz67Uh0B6yOTs ._3yZwWZwNtsuTSmsLvFC9oC { position: absolute; top: 10px; color: rgb(0, 0, 0); white-space: nowrap; }
._3NlxIj2mspz67Uh0B6yOTs ._2iRNoMop3XLb1oKqjVpzXR { visibility: hidden; position: absolute; left: 50%; transform: translateX(-50%); top: 11px; padding: 0px 5px; color: rgb(0, 0, 0); text-align: center; white-space: nowrap; border: 1px solid rgb(0, 0, 0); border-radius: 8px; background-image: linear-gradient(rgb(255, 233, 128), rgb(241, 218, 111)); z-index: 1; }
._2iMOy9fqIFVx9D1p3L2mgE { display: block; list-style: none; margin: 0px auto; padding: 0px 0px 0px 30px; }
._2iMOy9fqIFVx9D1p3L2mgE li { display: inline-block; width: 26%; vertical-align: top; margin: 10px 3%; background: rgba(204, 204, 204, 0.6); border-radius: 5px; cursor: pointer; }
._2iMOy9fqIFVx9D1p3L2mgE li:hover { background: rgba(204, 204, 204, 0.9); }
._2iMOy9fqIFVx9D1p3L2mgE li button { width: 100%; min-height: 150px; padding: 25px 0px 15px; color: rgb(68, 68, 68); font-size: 16px; text-align: center; text-decoration: none; letter-spacing: 2px; }
._2iMOy9fqIFVx9D1p3L2mgE li button:hover, ._2iMOy9fqIFVx9D1p3L2mgE li button:focus { color: rgb(68, 68, 68); text-decoration: none; }
._2iMOy9fqIFVx9D1p3L2mgE li i { display: block; font-size: 50px; margin-bottom: 10px; }
._2iMOy9fqIFVx9D1p3L2mgE li i._306ctm-DX0r4AvOSyGCpX7 { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/69577e9b973eb06dbe7cd24814aeff57.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
._2iMOy9fqIFVx9D1p3L2mgE li i._3NxT2ATE1sTHHz1aoA5_M6 { height: 50px; mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/26f9c3f3a5bad751184b666674e29e7d.svg") center center / contain no-repeat; background-color: rgb(68, 68, 68); }
._1mQa6LK9QN1QSUfHQbGAex { position: relative; height: 100%; color: rgb(255, 255, 255); text-align: left; }
._1mQa6LK9QN1QSUfHQbGAex h2 { margin: 0px 0px 25px; padding-bottom: 20px; font-size: 40px; font-weight: bold; text-align: left; }
._1mQa6LK9QN1QSUfHQbGAex h3 { font-size: 16px; font-weight: bold; }
._1mQa6LK9QN1QSUfHQbGAex h4 { font-size: 16px; }
._1mQa6LK9QN1QSUfHQbGAex > ul { list-style: none; }
._1mQa6LK9QN1QSUfHQbGAex ol { padding-left: 20px; list-style-type: decimal; }
._1mQa6LK9QN1QSUfHQbGAex p, ._1mQa6LK9QN1QSUfHQbGAex li { font-size: 16px; text-align: justify; line-height: 2em; }
._1mQa6LK9QN1QSUfHQbGAex p { margin: 1em 0px; }
._1mQa6LK9QN1QSUfHQbGAex .highlight { color: rgb(255, 90, 0); font-weight: bolder; }
._1mQa6LK9QN1QSUfHQbGAex table { width: 100%; background-color: rgba(0, 0, 0, 0); }
._1mQa6LK9QN1QSUfHQbGAex table thead tr, ._1mQa6LK9QN1QSUfHQbGAex table thead th, ._1mQa6LK9QN1QSUfHQbGAex table thead td, ._1mQa6LK9QN1QSUfHQbGAex table tbody tr, ._1mQa6LK9QN1QSUfHQbGAex table tbody th, ._1mQa6LK9QN1QSUfHQbGAex table tbody td, ._1mQa6LK9QN1QSUfHQbGAex table tfoot tr, ._1mQa6LK9QN1QSUfHQbGAex table tfoot th, ._1mQa6LK9QN1QSUfHQbGAex table tfoot td { font-size: 18px; padding: 0px; line-height: 3em; text-align: center; border: 1px solid rgb(222, 222, 227); }
._1mQa6LK9QN1QSUfHQbGAex table thead th, ._1mQa6LK9QN1QSUfHQbGAex table tbody th, ._1mQa6LK9QN1QSUfHQbGAex table tfoot th { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; background-color: rgb(255, 90, 0); }
._1VCDWJhL6zgS4V6pZowcj3 { width: 480px; font-size: 14px; }
._1VCDWJhL6zgS4V6pZowcj3 h2 { display: inline-block; min-width: 100px; padding: 0px 10px; font-size: 16px; text-align: center; line-height: 36px; color: rgb(255, 255, 255); background: rgb(68, 68, 68); border-radius: 5px; }
._1VCDWJhL6zgS4V6pZowcj3 .row { color: rgb(255, 255, 255); line-height: 2.5em; border-bottom: 1px dotted rgba(255, 255, 255, 0.1); }
._1VCDWJhL6zgS4V6pZowcj3 .col-md-7 { text-align: right; }
.i_8pby2d7juK06qPvsnwn { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rgJTmiRYgV5Zq25ikVmgM .white { color: rgb(255, 255, 255); }
.rgJTmiRYgV5Zq25ikVmgM .btn-lg, .rgJTmiRYgV5Zq25ikVmgM .btn-lg:hover { width: 100%; color: rgb(255, 255, 255); background-color: rgb(255, 90, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rgJTmiRYgV5Zq25ikVmgM .pd-0 { padding: 0px; }
.zopmijz8rytdZWDDDhpNu { display: flex; width: 100%; margin: 0px 0px 20px; overflow-x: auto; }
.zopmijz8rytdZWDDDhpNu ul { display: flex; margin: 0px; padding: 0px; }
.zopmijz8rytdZWDDDhpNu li { display: inline-flex; align-items: center; justify-content: center; width: 222px; height: 72px; margin: 0px; color: rgb(255, 255, 255); font-size: 15px; font-weight: 500; background: rgb(38, 38, 38); border-radius: 10px; box-sizing: border-box; border: 3px solid rgb(38, 38, 38); list-style: none; cursor: pointer; }
.zopmijz8rytdZWDDDhpNu li + li { margin-left: 10px; }
.zopmijz8rytdZWDDDhpNu li:hover, .zopmijz8rytdZWDDDhpNu li.active { border-color: rgb(255, 90, 0); }
.zopmijz8rytdZWDDDhpNu li i { width: 50px; height: 50px; margin-right: 5px; background-color: rgb(249, 187, 31); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/9f9c8df554bf188532e64d8387de062b.svg") center center no-repeat; }
.zopmijz8rytdZWDDDhpNu li i.add { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1a4a07a80b431b9c143c551ae0695937.svg") center center no-repeat; }
.zopmijz8rytdZWDDDhpNu li i.onlyDigitalBank { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/1a4a07a80b431b9c143c551ae0695937.svg") center center no-repeat; }
._74QR1YC5jN2v1_8-p0t7B { padding: 20px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; background: rgb(38, 38, 38); border-radius: 10px; }
._2JHcPhfFkctxgdJLYqHZRK { width: 20rem; }
._2JHcPhfFkctxgdJLYqHZRK .row:last-child { color: rgb(60, 118, 61); }
._2JHcPhfFkctxgdJLYqHZRK .row:last-child ._3ANJjNkqkKGCYk66cszWFW { color: rgb(169, 68, 66); }
._1XYnvVSc_zEv3kNu71jQwo { width: 450px; }
._1XYnvVSc_zEv3kNu71jQwo > ul { display: flex; flex-flow: wrap; margin: 0px 0px 20px; padding: 0px; }
._1XYnvVSc_zEv3kNu71jQwo > ul li { display: inline-flex; align-items: center; justify-content: center; width: 146px; height: 40px; margin: 0px 6px 5px 0px; color: rgb(255, 255, 255); font-size: 15px; background: rgb(68, 68, 68); border-radius: 10px; box-sizing: border-box; list-style: none; cursor: pointer; }
._1XYnvVSc_zEv3kNu71jQwo > ul li:nth-child(3n) { margin-right: 0px; }
._1XYnvVSc_zEv3kNu71jQwo > ul li:hover, ._1XYnvVSc_zEv3kNu71jQwo > ul li.active { color: rgb(255, 255, 255); background: rgb(255, 90, 0); }
._1XYnvVSc_zEv3kNu71jQwo > ul li:hover i, ._1XYnvVSc_zEv3kNu71jQwo > ul li.active i { background: rgb(255, 255, 255); }
._1XYnvVSc_zEv3kNu71jQwo > ul li i { width: 30px; height: 30px; margin-right: 5px; background-color: rgb(255, 255, 255); mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/438f90d7c765cf93426ac599216a0586.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.gcash { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/85e888bb0fa15be2148f97ff0105b853.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.paymaya { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/55186887d059ed53a404962fb244aec8.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.grabpay { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/b53996d5e2c2d241bc4880d38789544f.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.dana { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/40204e4dd24836f721845e43df044781.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.ovo { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/ea0e173aa53ca2f04c0a3a3901b9822f.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.shopeepay { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/fe83cb99128a1b6134f2ad92dbc906f0.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.linkaja { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/e2d480ca4f7ae3538e3b3bb3d286d5b2.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.pix-cpf, ._1XYnvVSc_zEv3kNu71jQwo > ul li i.pix-cnpj, ._1XYnvVSc_zEv3kNu71jQwo > ul li i.pix-phone, ._1XYnvVSc_zEv3kNu71jQwo > ul li i.pix-email { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/913db21617d7c86bf20f8a65e4e7ceb8.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.usdt { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/a0132bbdeae4a1544f5c0ebc6eb01f18.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.okk { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/45a7e437fe95d7f0fd02d702ebb930ce.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.go-tyme { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/32ead152099027e881c2be69c9b44119.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.bkash { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/7acc84de8e04004ecbc1d26c84dd4f0c.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.nagad { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/4b9ee48c18dab4091473277f8e3f8327.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo > ul li i.rocket { mask: url("https://v2ha.katawee.net/system-requirement/Web.PortalNew/TZ262-01/0f9e7dace8/images/733ae48c2e0bda9c283f96dde9aa445d.svg") center center / contain no-repeat; }
._1XYnvVSc_zEv3kNu71jQwo ._1kNqYr72mGtT0HQPYDnBrF { text-align: left; }
._1XYnvVSc_zEv3kNu71jQwo ._1kNqYr72mGtT0HQPYDnBrF i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
._1XYnvVSc_zEv3kNu71jQwo ._1kNqYr72mGtT0HQPYDnBrF span { display: block; width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS.dropdown-menu { display: block; width: 100%; padding: 0px; overflow: hidden; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ { max-height: 200px; overflow-y: auto; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li { padding: 0px 10px; line-height: 25px; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li a { display: inline-block; vertical-align: middle; width: 80%; line-height: 40px; color: rgb(51, 51, 51); text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li a:hover { color: rgb(38, 38, 38); }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li:hover { color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .dn9pcxP94Am1b8IV61WmI { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 40px; height: 40px; margin-right: 5px; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .dn9pcxP94Am1b8IV61WmI img { max-width: 100%; }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS ._3pbW59iWhhn_Gqd6-ABb4 { display: flex; align-items: center; justify-content: center; height: 40px; background-color: rgba(0, 0, 0, 0.2); }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS ._3pbW59iWhhn_Gqd6-ABb4 i { position: absolute; right: 20px; color: rgba(0, 0, 0, 0.3); }
._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS ._3pbW59iWhhn_Gqd6-ABb4 input { width: 95%; height: 30px; padding: 0px 1rem; color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; }
._1hvqSjxEqSdoXSWmL4vi_B { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
._3vB8xRBLPpso79iO9gtehP { width: 420px; padding: 15px; font-size: 14px; }
._3vB8xRBLPpso79iO9gtehP label { font-size: 16px; }
._2wbZLiuDoWbuv2oJIefKA7 { position: relative; }
._2wbZLiuDoWbuv2oJIefKA7 input { display: inline-block; width: 69%; }
._2wbZLiuDoWbuv2oJIefKA7 ._3PAbIA9LcGZoFjCr-8XN2Z { border-color: red; }
._2wbZLiuDoWbuv2oJIefKA7 button._3PAbIA9LcGZoFjCr-8XN2Z { color: red; }
._2wbZLiuDoWbuv2oJIefKA7 ._3rHR8NnouqjxSlob3oslFu { border-color: green; }
._2wbZLiuDoWbuv2oJIefKA7 button._3rHR8NnouqjxSlob3oslFu { color: green; }
@-webkit-keyframes marqueeAnimation-3399158 {
100% { transform: translateX(-3500px); }
}